diff --git a/style/shiny/base.css b/style/shiny/base.css index bd72864..3470a44 100644 --- a/style/shiny/base.css +++ b/style/shiny/base.css @@ -240,7 +240,7 @@ del { .threecol { columns: 3; - column-gap: 2em; + grid-column-gap: 2em; } .threecol dd { diff --git a/style/shiny/gallery.css b/style/shiny/gallery.css index fe910f2..9349162 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; - 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%; diff --git a/style/shiny/index.css b/style/shiny/index.css index 889c48a..75bee37 100644 --- a/style/shiny/index.css +++ b/style/shiny/index.css @@ -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; } } diff --git a/style/shiny/nsfw-warning.css b/style/shiny/nsfw-warning.css index bdf3c1d..9ceeea0 100644 --- a/style/shiny/nsfw-warning.css +++ b/style/shiny/nsfw-warning.css @@ -20,7 +20,7 @@ "icon text" "buttons buttons" / 1fr 3fr; - gap: 0.5em; + grid-gap: 0.5em; align-items: center; min-height: 20vh; diff --git a/style/shiny/single.css b/style/shiny/single.css index 8c9cdb8..6b3544a 100644 --- a/style/shiny/single.css +++ b/style/shiny/single.css @@ -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); }