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 {
|
||||
color: $white;
|
||||
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
|
||||
// but we're only doing this for people so far, who are hard-coded to blue.
|
||||
& > .container > .hero-image > .hero-image-shadow {
|
||||
|
@ -54,11 +59,6 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
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 {
|
||||
color: $white;
|
||||
|
|
Loading…
Reference in a new issue