diff --git a/css/gallery-tiler-media.css b/css/gallery-tiler-media.css index 4f92e13..38d3310 100644 --- 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 index 45f0f9c..e2270a7 100644 --- 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) {