Ensure additional hover states have matching focus states

This commit is contained in:
benjamin melançon 2018-12-25 23:26:56 -05:00
parent c7031b4933
commit f890ebdb94

View file

@ -32,9 +32,12 @@
a .icon {
color: $dandelion;
}
a:hover .icon {
a:hover,
a:focus {
.icon {
color: $dandelion-light;
}
}
}
.hero.is-blue {
@ -60,7 +63,8 @@
right: 0;
box-shadow: inset 0 0 0 100vmax rgba($blue, .5);
}
&:hover {
&:hover,
&:focus {
color: $white;
background-color: darken($blue, 5%);
& > .container > .hero-image > .hero-image-shadow:before {
@ -107,7 +111,8 @@
.hero.is-dandelion {
a {
color: $text-light;
&:hover {
&:hover,
&:focus {
color: $blue-light;
background-color: $white;
}
@ -123,7 +128,8 @@
.hero.is-light,
.hero.is-grey {
a:hover {
a:hover,
a:focus {
color: $blue-light;
background-color: $white;
}