Move transition to the whole element
This commit is contained in:
parent
82fef06480
commit
618d34c4a4
1 changed files with 5 additions and 5 deletions
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue