Update flex-images.css

heimseiten · Nov 13, 2023 · 0ebdaf2 · 0ebdaf2
1 parent 3629159
commit 0ebdaf2
Showing 1 changed file with 19 additions and 3 deletions.
diff --git a/public/flex-images.css b/public/flex-images.css
@@ -1,3 +1,19 @@
-.flex-images { overflow: hidden; }
-.flex-images .item { float: left; margin: 4px; border: 1px solid #eee; box-sizing: content-box; overflow: hidden; position: relative;  }
-.flex-images .item img { display: block; width: auto; height: 100%; }
+.flex-images { 
+    --image-gap: 4px;
+    overflow: hidden; 
+    margin-left: calc( var(--image-gap) * -1 ); 
+    margin-right: calc( var(--image-gap) * -1 ); 
+}
+.flex-images .item { 
+    float: left; 
+    margin: var(--image-gap); 
+    border: 0; 
+    box-sizing: content-box; 
+    overflow: hidden; 
+    position: relative;
+}
+.flex-images .item img { 
+    display: block;
+    width: auto;
+    height: 100%;
+}