diff --git a/css/styles.css b/css/styles.css index 11995a63ec2779babb66b498be38ec4228d549f5..a4e4ba82d5c370b2af7e280198bc398230738e8b 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 3a2c6f2318e3c07845b5e1049e9348816be56d0b..123653b5948a6ce648d64ac7de2a731a53c57dd4 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 4196aad7dde5eb31baad5b80dcca4c174338916b..1a4d72b25c2fb1f8181256fe008f835b2c6f78af 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 {