diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss index 9d122f324..daef4a5ae 100644 --- a/app/assets/stylesheets/layout.scss +++ b/app/assets/stylesheets/layout.scss @@ -927,25 +927,11 @@ footer { // 04. Tags // -------- -.tags a , .tag-cloud a, .categories a, .geozone a, -.sdg-goal-tag-list .more-goals, -.sidebar-links a, -.tags span { - background: #ececec; - border-radius: rem-calc(6); - color: $text; - display: inline-block; - font-size: $small-font-size; - margin-bottom: $line-height / 3; - padding: $line-height / 4 $line-height / 3; - text-decoration: none; - - &:hover { - background: #e0e0e0; - } +.sidebar-links a { + @extend %tag; } .categories a, diff --git a/app/assets/stylesheets/mixins.scss b/app/assets/stylesheets/mixins.scss index a7b82c049..3cf7945ff 100644 --- a/app/assets/stylesheets/mixins.scss +++ b/app/assets/stylesheets/mixins.scss @@ -252,4 +252,25 @@ display: inline-block; margin-bottom: 0; } + + a, + span { + @extend %tag; + } +} + +%tag { + background: #ececec; + border-radius: rem-calc(6); + color: $text; + display: inline-block; + font-size: $small-font-size; + margin-bottom: $line-height / 3; + padding: $line-height / 4 $line-height / 3; + text-decoration: none; + + &:hover { + background: #e0e0e0; + text-decoration: none; + } } diff --git a/app/assets/stylesheets/sdg/goals/tag_list.scss b/app/assets/stylesheets/sdg/goals/tag_list.scss index f2149ef53..4b263e21f 100644 --- a/app/assets/stylesheets/sdg/goals/tag_list.scss +++ b/app/assets/stylesheets/sdg/goals/tag_list.scss @@ -1,3 +1,7 @@ .sdg-goal-tag-list { @extend %sdg-goal-list; + + .more-goals { + @extend %tag; + } }