gap → grid-gap

This commit is contained in:
rhiannon morris 2024-07-07 22:00:44 +02:00
parent 5d576d358c
commit 411c93e860
5 changed files with 13 additions and 13 deletions

View file

@ -240,7 +240,7 @@ del {
.threecol {
columns: 3;
column-gap: 2em;
grid-column-gap: 2em;
}
.threecol dd {

View file

@ -23,7 +23,7 @@
display: grid;
grid-template-columns: 15% auto;
align-items: baseline;
gap: 0.75em;
grid-gap: 0.75em;
}
#filters h3 {
@ -42,7 +42,7 @@
font-weight: 500;
font-size: 90%;
gap: 0.5em;
grid-column-gap: 0.5em;
}
.filterlist input {
@ -101,7 +101,7 @@
display: flex;
justify-content: center;
margin-top: 0;
gap: 2em;
grid-gap: 2em;
}
#filterstuff li {
@ -138,7 +138,7 @@
#filterstuff {
grid-area: unset;
flex-flow: column;
gap: 0.2em;
grid-column-gap: 0.2em;
}
#filterstuff li {
@ -151,7 +151,7 @@
padding: 0;
display: grid;
grid: auto-flow / repeat(auto-fit, var(--image-size));
gap: var(--gap);
grid-gap: var(--gap);
justify-content: center;
}
@ -190,7 +190,7 @@
--gap: 0.2em;
display: grid;
grid-template-columns: repeat(2, calc(50% - 3 * var(--gap)));
gap: var(--gap);
grid-gap: var(--gap);
align-items: center;
justify-content: center;
height: 100%;

View file

@ -67,7 +67,7 @@
align-items: center;
justify-content: space-evenly;
padding: 0;
gap: 1.5em;
grid-gap: 1.5em;
font-size: 175%;
}
@ -93,7 +93,7 @@ main {
.list {
font-size: 300%;
grid-template-columns: 100%;
gap: 1em;
grid-gap: 1em;
}
}

View file

@ -20,7 +20,7 @@
"icon text"
"buttons buttons"
/ 1fr 3fr;
gap: 0.5em;
grid-gap: 0.5em;
align-items: center;
min-height: 20vh;

View file

@ -91,7 +91,7 @@ body {
#info {
display: grid;
grid-template-columns: min-content auto;
column-gap: 1em;
grid-column-gap: 1em;
align-items: baseline;
}
@ -144,7 +144,7 @@ body {
#updates dl {
display: grid;
grid-template-columns: min-content auto;
gap: 0.5em;
grid-gap: 0.5em;
align-items: baseline;
}
@ -183,7 +183,7 @@ footer {
margin: 1.5em 0;
text-align: center;
display: grid;
gap: 0.5em;
grid-gap: 0.5em;
grid-template-columns: minmax(auto, 10em) auto minmax(auto, 10em);
}