Use brand colours as default for links and button colour for zen menu items.
This commit is contained in:
parent
9c4575e992
commit
58f7451e14
2 changed files with 7 additions and 7 deletions
|
|
@ -32,9 +32,9 @@ $colors: (
|
|||
text-bg: $white,
|
||||
text-meta: $grey-dark,
|
||||
|
||||
link: $black,
|
||||
link-visited: $black,
|
||||
link-hover: $brand,
|
||||
link: $brand,
|
||||
link-visited: $brand,
|
||||
link-hover: $brand-light,
|
||||
link-active: $red,
|
||||
|
||||
link-inverted: $white,
|
||||
|
|
@ -60,7 +60,7 @@ $colors: (
|
|||
mobile-menu-cover: rgba($black, .2),
|
||||
|
||||
button: $brand,
|
||||
button-hover: $brand-dark,
|
||||
button-hover: $brand-light,
|
||||
button-text: $white,
|
||||
button-text-hover: $white,
|
||||
button-disabled: $grey,
|
||||
|
|
|
|||
|
|
@ -185,19 +185,19 @@ figure {
|
|||
|
||||
a {
|
||||
display: block;
|
||||
background-color: var(--color-brand);
|
||||
background-color: var(--color-button);
|
||||
color: var(--color-text-bg);
|
||||
padding: 2px 8px;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: var(--color-brand-dark);
|
||||
background-color: var(--color-button-hover);
|
||||
}
|
||||
|
||||
&:active,
|
||||
&[aria-current] {
|
||||
background-color: var(--color-brand);
|
||||
background-color: var(--color-button);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue