diff --git a/style/shiny/gallery.css b/style/shiny/gallery.css index 39f31b9..f0d8ead 100644 --- a/style/shiny/gallery.css +++ b/style/shiny/gallery.css @@ -23,7 +23,7 @@ display: grid; grid-template-columns: 15% auto; align-items: baseline; - grid-gap: 0.75em; + gap: 0.75em; } #filters h3 { @@ -101,7 +101,7 @@ display: flex; justify-content: center; margin-top: 0; - grid-gap: 2em; + gap: 2em; } #filterstuff li { @@ -138,7 +138,7 @@ #filterstuff { grid-area: unset; flex-flow: column; - grid-gap: 0.2em; + gap: 0.2em; } #filterstuff li { @@ -150,8 +150,8 @@ .grid { padding: 0; display: grid; - grid-template-columns: repeat(auto-fill, var(--image-size)); - grid-gap: var(--gap); + grid: auto-flow / repeat(auto-fit, var(--image-size)); + 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))); - grid-gap: var(--gap); + gap: var(--gap); align-items: center; justify-content: center; height: 100%; diff --git a/style/shiny/index.css b/style/shiny/index.css index 75bee37..889c48a 100644 --- a/style/shiny/index.css +++ b/style/shiny/index.css @@ -67,7 +67,7 @@ align-items: center; justify-content: space-evenly; padding: 0; - grid-gap: 1.5em; + gap: 1.5em; font-size: 175%; } @@ -93,7 +93,7 @@ main { .list { font-size: 300%; grid-template-columns: 100%; - grid-gap: 1em; + gap: 1em; } } diff --git a/style/shiny/nsfw-warning.css b/style/shiny/nsfw-warning.css index 9ceeea0..bdf3c1d 100644 --- a/style/shiny/nsfw-warning.css +++ b/style/shiny/nsfw-warning.css @@ -20,7 +20,7 @@ "icon text" "buttons buttons" / 1fr 3fr; - grid-gap: 0.5em; + gap: 0.5em; align-items: center; min-height: 20vh; diff --git a/style/shiny/single.css b/style/shiny/single.css index 5fccdfb..210a000 100644 --- a/style/shiny/single.css +++ b/style/shiny/single.css @@ -138,7 +138,7 @@ #updates dl { display: grid; grid-template-columns: min-content auto; - grid-gap: 0.5em; + gap: 0.5em; align-items: baseline; } @@ -177,7 +177,7 @@ footer { margin: 1.5em 0; text-align: center; display: grid; - grid-gap: 0.5em; + gap: 0.5em; grid-template-columns: minmax(auto, 10em) auto minmax(auto, 10em); }