deepState/tabi-lean
3
0
Fork 0
forked from deepStateMirrors/tabi
Code Issues 1 Pull requests Activity

✨ feat(tags): dynamically adjust tag list columns based on tag count (#233)

Browse source
This commit is contained in:
Óscar Fernández 2023-12-30 17:42:26 +01:00 • committed by GitHub
parent d257e022ea
commit 9fc45f288d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 32 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

32
sass/parts/_tags.scss
View file

@ -1,4 +1,4 @@
.tag-cloud {
#tag-cloud {
margin-top: 4vmin;
ul {
@ -8,6 +8,34 @@
}
.tags-item {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@mixin column-count($count) {
-webkit-column-count: $count;
-moz-column-count: $count;
column-count: $count;
}
.two-columns ul {
@include column-count(2);
}
.three-columns ul {
@include column-count(3);
}
@media (max-width: 1000px) {
.three-columns ul {
@include column-count(2);
}
}
@media (max-width: 600px) {
.two-columns ul,
.three-columns ul {
@include column-count(1);
}
}