diff --git a/Packages/gruener-salon/sass/includes/_images.scss b/Packages/gruener-salon/sass/includes/_images.scss index e1fda9e..f68a26f 100644 --- a/Packages/gruener-salon/sass/includes/_images.scss +++ b/Packages/gruener-salon/sass/includes/_images.scss @@ -8,4 +8,56 @@ img { figure { margin: 1em 0; +} + + +/* Galleries +--------------------------------------------- */ + +.gallery { + margin-bottom: 1.5em; + display: grid; + grid-gap: 1.5em; +} + +.gallery-item { + display: inline-block; + text-align: center; + width: 100%; +} + +.gallery-columns-2 { + grid-template-columns: repeat(2, 1fr); +} + +.gallery-columns-3 { + grid-template-columns: repeat(3, 1fr); +} + +.gallery-columns-4 { + grid-template-columns: repeat(4, 1fr); +} + +.gallery-columns-5 { + grid-template-columns: repeat(5, 1fr); +} + +.gallery-columns-6 { + grid-template-columns: repeat(6, 1fr); +} + +.gallery-columns-7 { + grid-template-columns: repeat(7, 1fr); +} + +.gallery-columns-8 { + grid-template-columns: repeat(8, 1fr); +} + +.gallery-columns-9 { + grid-template-columns: repeat(9, 1fr); +} + +.gallery-caption { + display: block; } \ No newline at end of file diff --git a/Packages/gruener-salon/sass/includes/underscores.scss b/Packages/gruener-salon/sass/includes/underscores.scss index 8285fdb..7b01af3 100644 --- a/Packages/gruener-salon/sass/includes/underscores.scss +++ b/Packages/gruener-salon/sass/includes/underscores.scss @@ -824,58 +824,6 @@ textarea { } -/* Galleries ---------------------------------------------- */ - -.gallery { - margin-bottom: 1.5em; - display: grid; - grid-gap: 1.5em; -} - -.gallery-item { - display: inline-block; - text-align: center; - width: 100%; -} - -.gallery-columns-2 { - grid-template-columns: repeat(2, 1fr); -} - -.gallery-columns-3 { - grid-template-columns: repeat(3, 1fr); -} - -.gallery-columns-4 { - grid-template-columns: repeat(4, 1fr); -} - -.gallery-columns-5 { - grid-template-columns: repeat(5, 1fr); -} - -.gallery-columns-6 { - grid-template-columns: repeat(6, 1fr); -} - -.gallery-columns-7 { - grid-template-columns: repeat(7, 1fr); -} - -.gallery-columns-8 { - grid-template-columns: repeat(8, 1fr); -} - -.gallery-columns-9 { - grid-template-columns: repeat(9, 1fr); -} - -.gallery-caption { - display: block; -} - - /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/