Browse Source

story: Changed tag list columns to have less empty space between.

1.0
Gisle Aune 6 years ago
parent
commit
a6cef51a37
  1. 16
      marko/page/story/components/tags-page/style.less

16
marko/page/story/components/tags-page/style.less

@ -9,7 +9,7 @@ div.tags-page {
} }
div.groups { div.groups {
column-count: 4;
column-count: 5;
padding: 0.5em; padding: 0.5em;
div.group { div.group {
@ -43,7 +43,15 @@ div.tags-page {
} }
} }
@media screen and (max-width: 1900px) {
@media screen and (max-width: 2000px) {
div.tags-page {
div.groups {
column-count: 4;
}
}
}
@media screen and (max-width: 1400px) {
div.tags-page { div.tags-page {
div.groups { div.groups {
column-count: 3; column-count: 3;
@ -51,7 +59,7 @@ div.tags-page {
} }
} }
@media screen and (max-width: 1300px) {
@media screen and (max-width: 1000px) {
div.tags-page { div.tags-page {
div.groups { div.groups {
column-count: 2; column-count: 2;
@ -59,7 +67,7 @@ div.tags-page {
} }
} }
@media screen and (max-width: 1000px) {
@media screen and (max-width: 900px) {
div.tags-page { div.tags-page {
div.groups { div.groups {
column-count: 1; column-count: 1;

Loading…
Cancel
Save