From efa92e43e4ff578adfc7e2e827fcc95b1698bad5 Mon Sep 17 00:00:00 2001 From: m26lebla <m26lebla@uwaterloo.ca> Date: Thu, 13 Aug 2020 14:16:03 -0400 Subject: [PATCH] adding to the simple tag styling as per wcms2 --- css/styles.css | 2 +- .../00-config/01-mixins/_mixins.link.scss | 15 +++++++++++++++ source/_patterns/04-components/tag/_tag.scss | 4 +--- 3 files changed, 17 insertions(+), 4 deletions(-) diff --git a/css/styles.css b/css/styles.css index 11995a63..a4e4ba82 100644 --- a/css/styles.css +++ b/css/styles.css @@ -4420,7 +4420,7 @@ picture { color: #000; } .tag--simple:hover, .tag--simple:focus { color: #757575; - text-decoration: none; } + text-decoration: underline; } .tag--simple:active { color: #757575; } diff --git a/source/_patterns/00-config/01-mixins/_mixins.link.scss b/source/_patterns/00-config/01-mixins/_mixins.link.scss index 3a2c6f23..123653b5 100644 --- a/source/_patterns/00-config/01-mixins/_mixins.link.scss +++ b/source/_patterns/00-config/01-mixins/_mixins.link.scss @@ -30,3 +30,18 @@ } } +@mixin link-reverse($link, $hover: $link, $active: $hover, $visit: $link) { + color: $link; + text-decoration:none; + &:visited { + color: $visit; + } + &:hover, + &:focus { + color: $hover; + text-decoration:underline; + } + &:active { + color: $active; + } +} \ No newline at end of file diff --git a/source/_patterns/04-components/tag/_tag.scss b/source/_patterns/04-components/tag/_tag.scss index 4196aad7..1a4d72b2 100644 --- a/source/_patterns/04-components/tag/_tag.scss +++ b/source/_patterns/04-components/tag/_tag.scss @@ -46,14 +46,12 @@ $tag-font-size-small: rem(gesso-font-size(-3)) !default; } } &--simple{ - @include link-no-underline( + @include link-reverse( $card-link-color, $card-link-color-hover ); font-family: $tag-font-family-normal; } - - } @each $faculty in $faculties { -- GitLab