agaric/patternlibrary
10
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Move transition to the whole element

Browse source
This commit is contained in:
benjamin melançon 2018-12-14 14:45:51 -05:00
parent 82fef06480
commit 618d34c4a4
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
agaric/sass/agaric/_component.hero.scss
View file

@ -40,6 +40,11 @@
.hero.is-blue { .hero.is-blue {
color: $white; color: $white;
background-color: $blue; background-color: $blue;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
// This is the same as we do for all cards at sass/agaric/_component.card.scss // This is the same as we do for all cards at sass/agaric/_component.card.scss
// but we're only doing this for people so far, who are hard-coded to blue. // but we're only doing this for people so far, who are hard-coded to blue.
& > .container > .hero-image > .hero-image-shadow { & > .container > .hero-image > .hero-image-shadow {
@ -54,11 +59,6 @@
left: 0; left: 0;
right: 0; right: 0;
box-shadow: inset 0 0 0 100vmax rgba($blue, .5); box-shadow: inset 0 0 0 100vmax rgba($blue, .5);
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
} }
&:hover { &:hover {
color: $white; color: $white;