diff --git a/sass/_tags.scss b/sass/_tags.scss index 4d0b1dc..d056298 100644 --- a/sass/_tags.scss +++ b/sass/_tags.scss @@ -1,29 +1,28 @@ -.taglist .tag { - margin-right: $tag-margin-right; - background: $tag-background; - color: $tag-color; - border-radius: $tag-border-radius; - border: 1px solid #aaa; - font-size: $tag-font-size; - display: inline-block; +.taglist{ + flex-wrap: wrap; - a { - display: block; + .tag { + background: $tag-background; color: $tag-color; - white-space: nowrap; - padding: $tag-padding; + border-radius: $tag-border-radius; + border: 1px solid #aaa; + font-size: $tag-font-size; + display: inline-block; + margin: .2rem $tag-spacing; - &:hover { - color: $primary; + a { + display: block; + color: $tag-color; + white-space: nowrap; + padding: $tag-padding; + + &:hover { + color: $primary; + } } } } .taglist.centering { justify-content: center; - flex-wrap: wrap; - - .tag { - margin-bottom: .5rem; - text-transform: capitalize; - } + .tag { text-transform: capitalize } } diff --git a/sass/_variables.scss b/sass/_variables.scss index 48dd160..839ad28 100644 --- a/sass/_variables.scss +++ b/sass/_variables.scss @@ -19,7 +19,7 @@ $anchor-hover-color:lighten($primary, 20%); // tags $tag-background:$secondary; $tag-padding:.5em; -$tag-margin-right:.4em; +$tag-spacing:.2em; $tag-border-radius:5px; $tag-color:#000; $tag-font-size:.9rem;