Merge pull request #177 from BeAPI/fix/gallery-styles

fix : gallery block styles
BeAPI · Sep 1, 2021 · 3ee7dfc · 3ee7dfc
2 parents 06c0bdc + 0e9c955
commit 3ee7dfc
Showing 1 changed file with 18 additions and 17 deletions.
diff --git 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);
+        }
     }
 }