From 0e9c9559866abe3f41a0c7836ca5c81eac38f884 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Thibaud?= <fthibaud@beapi.fr>
Date: Wed, 1 Sep 2021 15:59:16 +0200
Subject: [PATCH] fix : gallery block styles

---
 src/scss/wp/_gallery.scss | 35 ++++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/scss/wp/_gallery.scss b/src/scss/wp/_gallery.scss
index 4069320e..205d2b91 100644
--- a/src/scss/wp/_gallery.scss
+++ b/src/scss/wp/_gallery.scss
@@ -1,4 +1,5 @@
 .gallery {
+    $el: &;
 
     @include flex-grid-container();
 
@@ -8,32 +9,32 @@
         display: none;
     }
 
-    .gallery-caption {
+    &-caption {
         margin: $half-base-spacing 0 0;
         font-size: 11px;
         text-align: left;
     }
-}
-
-.gallery-item {
-    position: relative;
-    width: column(6);
-    margin-bottom: $base-spacing;
-    text-align: center;
 
-    a {
-        display: block;
+    &-item {
+        position: relative;
+        width: column(6);
+        margin-bottom: $base-spacing;
+        text-align: center;
 
-        img {
+        a {
             display: block;
+
+            img {
+                display: block;
+            }
         }
-    }
 
-    .gallery-columns-3 & {
-        width: column(4);
-    }
+        #{$el}-columns-3 & {
+            width: column(4);
+        }
 
-    .gallery-columns-4 & {
-        width: column(3);
+        #{$el}-columns-4 & {
+            width: column(3);
+        }
     }
 }