From 6f5093a93d33ca777d80720f914a3e3d2f60479f Mon Sep 17 00:00:00 2001 From: Jimmy Cai Date: Sat, 22 Aug 2020 23:11:34 +0200 Subject: [PATCH] style(article content): improve link styling --- assets/scss/partials/layout/article.scss | 19 ++++++++----------- 1 file changed, 8 insertions(+), 11 deletions(-) diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss index 8294ad3..a426f36 100644 --- a/assets/scss/partials/layout/article.scss +++ b/assets/scss/partials/layout/article.scss @@ -287,17 +287,14 @@ } a { - position: relative; - &:after { - content: ""; - display: block; - position: absolute; - bottom: -3px; - left: 0; - width: 100%; - background-color: var(--accent-color); - opacity: 0.2; - height: 3px; + border-bottom: 1px solid var(--accent-color); + box-shadow: 0px -2px 0px var(--accent-color) inset; + + transition: all 0.3s ease; + + &:hover { + box-shadow: 0px -20px 0px var(--accent-color) inset; + color: var(--accent-color-text); } } }