From 5264f5b4a523e60ff9ceaa90bcdee39addaf6f0e Mon Sep 17 00:00:00 2001 From: Said Achmiz Date: Mon, 10 Feb 2020 22:15:24 -0500 Subject: [PATCH] Added depth effect to UI links --- assets/css/main.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/assets/css/main.css b/assets/css/main.css index b17f79b..3bce846 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -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; }