simplify grid css syntax

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

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

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;

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