pdostal/receptty.org
1
0
Fork 0
forked from em/receptty.org
Code Issues Pull Requests Releases Activity

Wrap přetékajících tagů

Browse Source
This commit is contained in:
Emil Miler
2022-10-03 09:42:05 +02:00
parent d6b9163e7b
commit c8df9a3301
2 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
sass/_tags.scss
View File

@@ -1,11 +1,14 @@
.taglist .tag { .taglist{
margin-right: $tag-margin-right; flex-wrap: wrap;
.tag {
background: $tag-background; background: $tag-background;
color: $tag-color; color: $tag-color;
border-radius: $tag-border-radius; border-radius: $tag-border-radius;
border: 1px solid #aaa; border: 1px solid #aaa;
font-size: $tag-font-size; font-size: $tag-font-size;
display: inline-block; display: inline-block;
margin: .2rem $tag-spacing;
a { a {
display: block; display: block;
@@ -17,13 +20,9 @@
color: $primary; color: $primary;
} }
} }
}
} }
.taglist.centering { .taglist.centering {
justify-content: center; justify-content: center;
flex-wrap: wrap; .tag { text-transform: capitalize }
.tag {
margin-bottom: .5rem;
text-transform: capitalize;
}
} }

2
sass/_variables.scss
View File

@@ -19,7 +19,7 @@ $anchor-hover-color:lighten($primary, 20%);
// tags // tags
$tag-background:$secondary; $tag-background:$secondary;
$tag-padding:.5em; $tag-padding:.5em;
$tag-margin-right:.4em; $tag-spacing:.2em;
$tag-border-radius:5px; $tag-border-radius:5px;
$tag-color:#000; $tag-color:#000;
$tag-font-size:.9rem; $tag-font-size:.9rem;