Switch to tab indentationHEADmaster

1 files changed, 40 insertions, 40 deletions

diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss
index 5f0567b..c804262 100644
--- a/src/layouts/_form.scss
+++ b/src/layouts/_form.scss
@@ -7,53 +7,53 @@
 @use 'form.vars' as vars;
 
 @mixin styles {
-    @include materialize-at-root(meta.module-variables('vars'));
+        @include materialize-at-root(meta.module-variables('vars'));
 
-    @include bem.layout('form') {
-        display:        flex;
-        flex-direction: column;
-        gap:            props.get(vars.$item-spacing-b) props.get(vars.$label-spacing-i);
+        @include bem.layout('form') {
+                display:        flex;
+                flex-direction: column;
+                gap:            props.get(vars.$item-spacing-b) props.get(vars.$label-spacing-i);
 
-        @include bem.elem('item') {
-            display: block;
-        }
+                @include bem.elem('item') {
+                        display: block;
+                }
         
-        @include bem.elem('item-content') {
-            @include bem.modifier('align-start') {
-                align-self: start;
-            }
-        }
+                @include bem.elem('item-content') {
+                        @include bem.modifier('align-start') {
+                                align-self: start;
+                        }
+                }
 
-        @include bem.modifier('row') {
-            flex-direction: row;
-            align-items:    flex-end;
-        }
+                @include bem.modifier('row') {
+                        flex-direction: row;
+                        align-items:    flex-end;
+                }
 
-        @include bem.modifier('labels-start', 'labels-end') {
-            display:               grid;
-            grid-template-rows:    auto;
-            grid-template-columns: auto 1fr;
-            align-items:           baseline;
+                @include bem.modifier('labels-start', 'labels-end') {
+                        display:               grid;
+                        grid-template-rows:    auto;
+                        grid-template-columns: auto 1fr;
+                        align-items:           baseline;
 
-            @include bem.elem('item') {
-                display: contents;
-            }
+                        @include bem.elem('item') {
+                                display: contents;
+                        }
         
-            @include bem.elem('item-label') {
-                grid-column:        1;
-                padding-inline-end: 0;
-            }
+                        @include bem.elem('item-label') {
+                                grid-column:        1;
+                                padding-inline-end: 0;
+                        }
         
-            @include bem.elem('item-content') {
-                grid-column:        2;
-                margin-block-start: 0;
-            }
-        }
+                        @include bem.elem('item-content') {
+                                grid-column:        2;
+                                margin-block-start: 0;
+                        }
+                }
 
-        @include bem.modifier('labels-end') {
-            @include bem.elem('item-label') {
-                text-align: end;
-            }
-        }
-    }
+                @include bem.modifier('labels-end') {
+                        @include bem.elem('item-label') {
+                                text-align: end;
+                        }
+                }
+        }
 }