Commit 3c5c864d by yPhil

CSS: Layout: Grid simplification

parent 12e62106
......@@ -22,6 +22,8 @@
--ui-color-success: #4db53c;
--color-danger: #000000;
--columns: auto 3;
}
@media screen and (max-width: 700px) {
......@@ -38,6 +40,8 @@
--handle-visibility: collapse;
--title-margin-left: 0;
--columns: auto auto;
}
}
......
......@@ -114,18 +114,16 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
/* Feed */
ul.tabSort {
/* display: flex; */
/* flex-wrap: wrap; */
/* align-items:flex-start; */
/* padding-bottom: 0px !important; */
/* column-count: 3; */
/* columns: 15em; */
/* column-gap: .3em; */
padding: 0 .2em .2em;
columns: 18rem;
column-gap: .3em;
min-height:30px;
/* padding: 0; */
/* columns: auto 3; */
columns: var(--columns);
column-gap: .4em;
/* min-height:30px; */
}
li.feed {
......@@ -135,13 +133,15 @@ li.feed {
"Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.6rem;
font-weight: 600 !important;
vertical-align:top;
margin: .4em 0 0 0;
display: inline-block;
page-break-inside: avoid;
break-inside: avoid;
display: inline-block;
break-inside: avoid;
vertical-align:top;
margin: .2em 0 0 0;
/* max-width: 33%; */
/* break-inside: avoid-column; */
/* padding: 5px; */
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment