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-bg: $white,
|
||||||
text-meta: $grey-dark,
|
text-meta: $grey-dark,
|
||||||
|
|
||||||
link: $black,
|
link: $brand,
|
||||||
link-visited: $black,
|
link-visited: $brand,
|
||||||
link-hover: $brand,
|
link-hover: $brand-light,
|
||||||
link-active: $red,
|
link-active: $red,
|
||||||
|
|
||||||
link-inverted: $white,
|
link-inverted: $white,
|
||||||
|
|
@ -60,7 +60,7 @@ $colors: (
|
||||||
mobile-menu-cover: rgba($black, .2),
|
mobile-menu-cover: rgba($black, .2),
|
||||||
|
|
||||||
button: $brand,
|
button: $brand,
|
||||||
button-hover: $brand-dark,
|
button-hover: $brand-light,
|
||||||
button-text: $white,
|
button-text: $white,
|
||||||
button-text-hover: $white,
|
button-text-hover: $white,
|
||||||
button-disabled: $grey,
|
button-disabled: $grey,
|
||||||
|
|
|
||||||
|
|
@ -185,19 +185,19 @@ figure {
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
background-color: var(--color-brand);
|
background-color: var(--color-button);
|
||||||
color: var(--color-text-bg);
|
color: var(--color-text-bg);
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
background-color: var(--color-brand-dark);
|
background-color: var(--color-button-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active,
|
&:active,
|
||||||
&[aria-current] {
|
&[aria-current] {
|
||||||
background-color: var(--color-brand);
|
background-color: var(--color-button);
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue