gap → grid-gap
This commit is contained in:
parent
5d576d358c
commit
411c93e860
5 changed files with 13 additions and 13 deletions
|
@ -240,7 +240,7 @@ del {
|
||||||
|
|
||||||
.threecol {
|
.threecol {
|
||||||
columns: 3;
|
columns: 3;
|
||||||
column-gap: 2em;
|
grid-column-gap: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.threecol dd {
|
.threecol dd {
|
||||||
|
|
|
@ -23,7 +23,7 @@
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 15% auto;
|
grid-template-columns: 15% auto;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
gap: 0.75em;
|
grid-gap: 0.75em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#filters h3 {
|
#filters h3 {
|
||||||
|
@ -42,7 +42,7 @@
|
||||||
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
gap: 0.5em;
|
grid-column-gap: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filterlist input {
|
.filterlist input {
|
||||||
|
@ -101,7 +101,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
gap: 2em;
|
grid-gap: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#filterstuff li {
|
#filterstuff li {
|
||||||
|
@ -138,7 +138,7 @@
|
||||||
#filterstuff {
|
#filterstuff {
|
||||||
grid-area: unset;
|
grid-area: unset;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
gap: 0.2em;
|
grid-column-gap: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#filterstuff li {
|
#filterstuff li {
|
||||||
|
@ -151,7 +151,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid: auto-flow / repeat(auto-fit, var(--image-size));
|
grid: auto-flow / repeat(auto-fit, var(--image-size));
|
||||||
gap: var(--gap);
|
grid-gap: var(--gap);
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -190,7 +190,7 @@
|
||||||
--gap: 0.2em;
|
--gap: 0.2em;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(2, calc(50% - 3 * var(--gap)));
|
grid-template-columns: repeat(2, calc(50% - 3 * var(--gap)));
|
||||||
gap: var(--gap);
|
grid-gap: var(--gap);
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
|
@ -67,7 +67,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
gap: 1.5em;
|
grid-gap: 1.5em;
|
||||||
|
|
||||||
font-size: 175%;
|
font-size: 175%;
|
||||||
}
|
}
|
||||||
|
@ -93,7 +93,7 @@ main {
|
||||||
.list {
|
.list {
|
||||||
font-size: 300%;
|
font-size: 300%;
|
||||||
grid-template-columns: 100%;
|
grid-template-columns: 100%;
|
||||||
gap: 1em;
|
grid-gap: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -20,7 +20,7 @@
|
||||||
"icon text"
|
"icon text"
|
||||||
"buttons buttons"
|
"buttons buttons"
|
||||||
/ 1fr 3fr;
|
/ 1fr 3fr;
|
||||||
gap: 0.5em;
|
grid-gap: 0.5em;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
min-height: 20vh;
|
min-height: 20vh;
|
||||||
|
|
|
@ -91,7 +91,7 @@ body {
|
||||||
#info {
|
#info {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: min-content auto;
|
grid-template-columns: min-content auto;
|
||||||
column-gap: 1em;
|
grid-column-gap: 1em;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -144,7 +144,7 @@ body {
|
||||||
#updates dl {
|
#updates dl {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: min-content auto;
|
grid-template-columns: min-content auto;
|
||||||
gap: 0.5em;
|
grid-gap: 0.5em;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -183,7 +183,7 @@ footer {
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 0.5em;
|
grid-gap: 0.5em;
|
||||||
grid-template-columns: minmax(auto, 10em) auto minmax(auto, 10em);
|
grid-template-columns: minmax(auto, 10em) auto minmax(auto, 10em);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue