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 { .threecol {
columns: 3; columns: 3;
column-gap: 2em; grid-column-gap: 2em;
} }
.threecol dd { .threecol dd {

View file

@ -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%;

View file

@ -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;
} }
} }

View file

@ -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;

View file

@ -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);
} }