Ensure additional hover states have matching focus states
This commit is contained in:
parent
c7031b4933
commit
f890ebdb94
1 changed files with 11 additions and 5 deletions
|
@ -32,8 +32,11 @@
|
|||
a .icon {
|
||||
color: $dandelion;
|
||||
}
|
||||
a:hover .icon {
|
||||
color: $dandelion-light;
|
||||
a:hover,
|
||||
a:focus {
|
||||
.icon {
|
||||
color: $dandelion-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue