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

39
sass/_tags.scss
View File

@@ -1,29 +1,28 @@
.taglist .tag { .taglist{
margin-right: $tag-margin-right; flex-wrap: wrap;
background: $tag-background;
color: $tag-color;
border-radius: $tag-border-radius;
border: 1px solid #aaa;
font-size: $tag-font-size;
display: inline-block;
a { .tag {
display: block; background: $tag-background;
color: $tag-color; color: $tag-color;
white-space: nowrap; border-radius: $tag-border-radius;
padding: $tag-padding; border: 1px solid #aaa;
font-size: $tag-font-size;
display: inline-block;
margin: .2rem $tag-spacing;
&:hover { a {
color: $primary; display: block;
color: $tag-color;
white-space: nowrap;
padding: $tag-padding;
&:hover {
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;