From f2f300a50e72bafc6c345ee37e98e45d42ba5b89 Mon Sep 17 00:00:00 2001 From: Adam Piontek Date: Sat, 10 Jul 2021 18:07:46 -0400 Subject: [PATCH] switched from border bottom for links to text-decoration-color --- assets/css/_nav-bar-help.scss | 2 +- assets/css/app.scss | 14 +++++++++----- 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/assets/css/_nav-bar-help.scss b/assets/css/_nav-bar-help.scss index b7f875b..642e3e2 100644 --- a/assets/css/_nav-bar-help.scss +++ b/assets/css/_nav-bar-help.scss @@ -26,7 +26,7 @@ margin-left: 0; a { &.nav-link { - padding: 0 0 6px 0; + padding: 0 0 2px 0; margin: 0 12px 0 12px; border-left: none; border-top: 6px transparent solid; diff --git a/assets/css/app.scss b/assets/css/app.scss index c05d95a..76956f7 100644 --- a/assets/css/app.scss +++ b/assets/css/app.scss @@ -25,8 +25,9 @@ body { } a { color: rgba($white, 0.75); - border-bottom: $gray-600 2px solid; - text-decoration: none; + // border-bottom: $gray-600 2px solid; + // text-decoration: none; + text-decoration-color: $gray-600; &.navbar-brand, &.nav-link { border-bottom: none; @@ -39,8 +40,9 @@ a { } &:hover { color: $primary; - text-decoration: none; - border-bottom: $secondary 3px solid; + // text-decoration: none; + // border-bottom: $secondary 3px solid; + text-decoration-color: $secondary; &.navbar-brand { border-bottom: none; } @@ -222,7 +224,9 @@ blockquote { border-bottom: none; &:hover { color: $primary; - border-bottom: $secondary 3px solid; + // border-bottom: $secondary 3px solid; + text-decoration: underline; + text-decoration-color: $secondary; } } .post-lede,