From c8df9a33014b24da84d06ac7985691c9098da8af Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Mon, 3 Oct 2022 09:42:05 +0200 Subject: [PATCH] =?UTF-8?q?Wrap=20p=C5=99et=C3=A9kaj=C3=ADc=C3=ADch=20tag?= =?UTF-8?q?=C5=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sass/_tags.scss | 39 +++++++++++++++++++-------------------- sass/_variables.scss | 2 +- 2 files changed, 20 insertions(+), 21 deletions(-) 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;