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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
sass/_tags.scss
View File

@ -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 }
}

2
sass/_variables.scss
View File

@ -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;