forked from achmizs/deus-gaming
Added depth effect to UI links
This commit is contained in:
parent
d5c6b7ddcf
commit
5264f5b4a5
@ -12,6 +12,9 @@
|
||||
--deus-color-light-blue: #2069b3;
|
||||
--deus-color-gold: #fdc22f;
|
||||
--deus-color-gold-shadow: #a5842e;
|
||||
--deus-color-gold-shadow-opacity-one-quarter: rgba(165, 132, 46, 0.25);
|
||||
--deus-color-gold-shadow-opacity-one-half: rgba(165, 132, 46, 0.5);
|
||||
--deus-color-gold-shadow-opacity-three-quarters: rgba(165, 132, 46, 0.75);
|
||||
--deus-color-golden-brown: #684f00;
|
||||
--deus-color-darker-grey: #161a1f;
|
||||
--deus-color-dark-grey: #272b30;
|
||||
@ -39,6 +42,7 @@
|
||||
--deus-link-color-hover: var(--deus-color-white);
|
||||
--deus-link-color-active: var(--deus-color-white);
|
||||
--deus-link-color-visited: var(--deus-color-gold);
|
||||
--deus-link-text-shadow-color: var(--deus-color-gold-shadow-opacity-one-quarter);
|
||||
|
||||
--deus-image-border-color: var(--deus-color-golden-brown);
|
||||
|
||||
@ -170,6 +174,7 @@ main nav a {
|
||||
font-weight: bold;
|
||||
font-feature-settings: var(--deus-nav-ui-font-opentype-features);
|
||||
font-variant: var(--deus-nav-ui-font-variant);
|
||||
text-shadow: 2px 2px 0 var(--deus-link-text-shadow-color);
|
||||
|
||||
/* Workaround for baseline bug in “Spectral” font.
|
||||
*/
|
||||
@ -350,6 +355,10 @@ article h1 {
|
||||
padding-top: calc(0.5 * var(--deus-post-padding) + 0.125em);
|
||||
}
|
||||
|
||||
article h1 a {
|
||||
text-shadow: 2px 2px 0 var(--deus-link-text-shadow-color);
|
||||
}
|
||||
|
||||
article h1 a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user