Move transition to the whole element

This commit is contained in:
benjamin melançon 2018-12-14 14:45:51 -05:00
parent 82fef06480
commit 618d34c4a4

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;