Some css fine tuning

backdrop-contrib · Jun 11, 2021 · 5a2aac6 · 5a2aac6
1 parent 0a522b8
commit 5a2aac6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/css/gallery-tiler-media.css b/css/gallery-tiler-media.css
@@ -216,6 +216,10 @@
   grid-column: 2 / 4;
   grid-row: 3 / 5;
 }
+.gallery-tiler-circles .tile-1,
+.gallery-tiler-circles .tile-7 {
+  transform: scale(1.08);
+}
 
 /**
  * Type "Octagon".
@@ -239,7 +243,9 @@
  */
 .gallery-tiler-hexagon .field-items {
   grid-template-columns: repeat(4, 1fr);
-  padding-bottom: var(--height);
+  padding-bottom: calc(var(--height) / 1.5);
+  padding-left: calc(2% + var(--gap));
+  padding-right: calc(2% + var(--gap));
 }
 .gallery-tiler-hexagon .field-item {
   -webkit-clip-path: polygon(25% 0, 0 50%, 25% 100%, 75% 100%, 100% 50%, 75% 0%);

diff --git a/css/gallery-tiler.css b/css/gallery-tiler.css
@@ -19,6 +19,8 @@
   /* Use our CSS variable. */
   grid-auto-rows: var(--height, 180px);
   gap: var(--gap, 0);
+  margin-top: var(--gap, 0);
+  margin-bottom: var(--gap, 0);
 }
 /* Fallback to flex for some older browsers. */
 @supports not (display: grid) {