fix: added specificity to indents, because in build indents have less…

… weight (#719)
gravity-ui · Nov 28, 2023 · 44dbd46 · 44dbd46
1 parent b4d15bf
commit 44dbd46
Showing 1 changed file with 39 additions and 37 deletions.
diff --git a/styles/mixins.scss b/styles/mixins.scss
@@ -561,55 +561,57 @@ unpredictable css rules order in build */
 // indent system for blocks
 @mixin indents($class) {
     @include add-specificity($class) {
-        &_indentTop {
-            &_0 {
-                margin-top: 0;
-            }
+        @include add-specificity(&) {
+            &_indentTop {
+                &_0 {
+                    margin-top: 0;
+                }
 
-            &_xs {
-                margin-top: $indentXS;
-            }
+                &_xs {
+                    margin-top: $indentXS;
+                }
 
-            &_s {
-                margin-top: $indentSM;
-            }
+                &_s {
+                    margin-top: $indentSM;
+                }
 
-            &_m {
-                margin-top: $indentM;
-            }
+                &_m {
+                    margin-top: $indentM;
+                }
 
-            &_l {
-                margin-top: $indentL;
-            }
+                &_l {
+                    margin-top: $indentL;
+                }
 
-            &_xl {
-                margin-top: $indentXL;
+                &_xl {
+                    margin-top: $indentXL;
+                }
             }
-        }
 
-        &_indentBottom {
-            &_0 {
-                padding-bottom: 0;
-            }
+            &_indentBottom {
+                &_0 {
+                    padding-bottom: 0;
+                }
 
-            &_xs {
-                padding-bottom: $indentXS;
-            }
+                &_xs {
+                    padding-bottom: $indentXS;
+                }
 
-            &_s {
-                padding-bottom: $indentSM;
-            }
+                &_s {
+                    padding-bottom: $indentSM;
+                }
 
-            &_m {
-                padding-bottom: $indentM;
-            }
+                &_m {
+                    padding-bottom: $indentM;
+                }
 
-            &_l {
-                padding-bottom: $indentL;
-            }
+                &_l {
+                    padding-bottom: $indentL;
+                }
 
-            &_xl {
-                padding-bottom: $indentXL;
+                &_xl {
+                    padding-bottom: $indentXL;
+                }
             }
         }
     }