Поменял отступы на пробелы и поставил размер отступов 4; поправил оши…

…бки stylelint
whitepapertools · Jun 17, 2019 · 8bd5d87 · 8bd5d87
1 parent 076059d
commit 8bd5d87
Show file tree

Hide file tree

Showing 3 changed files with 92 additions and 32 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -1,5 +1,5 @@
 {
   "singleQuote": true,
-  "useTabs": true,
+  "tabWidth": 4,
   "printWidth": 100
 }
diff --git a/src/theme/theme.post.css b/src/theme/theme.post.css
@@ -10,4 +10,4 @@
     --graphics-size-4xl: 120px;
 
     --radius-m: 16px;
-}
+}
diff --git a/src/tpl-grid/tpl-grid.post.css b/src/tpl-grid/tpl-grid.post.css
@@ -6,8 +6,12 @@
 }
 
 .tpl-grid_xs-columns {
-    &_2 { grid-template-columns: repeat(2, 1fr); }
-    &_3 { grid-template-columns: repeat(3, 1fr); }
+    &_2 {
+        grid-template-columns: repeat(2, 1fr);
+    }
+    &_3 {
+        grid-template-columns: repeat(3, 1fr);
+    }
 }
 
 @media screen and (max-width: $screen-xs-max) {
@@ -34,53 +38,109 @@
 
 @media screen and (min-width: $screen-s) {
     .tpl-grid_s-ratio {
-        &_1-1-1-1-1 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
-        &_1-1-1-1 { grid-template-columns: 1fr 1fr 1fr 1fr; }
-        &_1-1-1 { grid-template-columns: 1fr 1fr 1fr; }
-        &_1-1 { grid-template-columns: 1fr 1fr; }
+        &_1-1-1-1-1 {
+            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+        }
+        &_1-1-1-1 {
+            grid-template-columns: 1fr 1fr 1fr 1fr;
+        }
+        &_1-1-1 {
+            grid-template-columns: 1fr 1fr 1fr;
+        }
+        &_1-1 {
+            grid-template-columns: 1fr 1fr;
+        }
     }
     .tpl-grid_s-columns {
-        &_5 { grid-template-columns: repeat(5, 1fr); }
-        &_6 { grid-template-columns: repeat(6, 1fr); }
-        &_8 { grid-template-columns: repeat(8, 1fr); }
+        &_5 {
+            grid-template-columns: repeat(5, 1fr);
+        }
+        &_6 {
+            grid-template-columns: repeat(6, 1fr);
+        }
+        &_8 {
+            grid-template-columns: repeat(8, 1fr);
+        }
     }
 }
 @media screen and (min-width: $screen-m) {
     .tpl-grid_m-ratio {
-        &_1-1-1-1-1 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
-        &_1-1-1-1 { grid-template-columns: 1fr 1fr 1fr 1fr; }
-        &_1-1-1 { grid-template-columns: 1fr 1fr 1fr; }
-        &_1-1 { grid-template-columns: 1fr 1fr; }
+        &_1-1-1-1-1 {
+            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+        }
+        &_1-1-1-1 {
+            grid-template-columns: 1fr 1fr 1fr 1fr;
+        }
+        &_1-1-1 {
+            grid-template-columns: 1fr 1fr 1fr;
+        }
+        &_1-1 {
+            grid-template-columns: 1fr 1fr;
+        }
     }
     .tpl-grid_m-columns {
-        &_12 { grid-template-columns: repeat(12, 1fr); }
-        &_10 { grid-template-columns: repeat(10, 1fr); }
-        &_6 { grid-template-columns: repeat(6, 1fr); }
+        &_12 {
+            grid-template-columns: repeat(12, 1fr);
+        }
+        &_10 {
+            grid-template-columns: repeat(10, 1fr);
+        }
+        &_6 {
+            grid-template-columns: repeat(6, 1fr);
+        }
     }
 }
 @media screen and (min-width: $screen-l) {
     .tpl-grid_l-ratio {
-        &_1-1-1-1-1 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
-        &_1-1-1-1 { grid-template-columns: 1fr 1fr 1fr 1fr; }
-        &_1-1-1 { grid-template-columns: 1fr 1fr 1fr; }
-        &_1-1 { grid-template-columns: 1fr 1fr; }
+        &_1-1-1-1-1 {
+            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+        }
+        &_1-1-1-1 {
+            grid-template-columns: 1fr 1fr 1fr 1fr;
+        }
+        &_1-1-1 {
+            grid-template-columns: 1fr 1fr 1fr;
+        }
+        &_1-1 {
+            grid-template-columns: 1fr 1fr;
+        }
     }
     .tpl-grid_l-columns {
-        &_12 { grid-template-columns: repeat(12, 1fr); }
-        &_10 { grid-template-columns: repeat(10, 1fr); }
-        &_6 { grid-template-columns: repeat(6, 1fr); }
+        &_12 {
+            grid-template-columns: repeat(12, 1fr);
+        }
+        &_10 {
+            grid-template-columns: repeat(10, 1fr);
+        }
+        &_6 {
+            grid-template-columns: repeat(6, 1fr);
+        }
     }
 }
 @media screen and (min-width: $screen-xl) {
     .tpl-grid_xl-ratio {
-        &_1-1-1-1-1 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
-        &_1-1-1-1 { grid-template-columns: 1fr 1fr 1fr 1fr; }
-        &_1-1-1 { grid-template-columns: 1fr 1fr 1fr; }
-        &_1-1 { grid-template-columns: 1fr 1fr; }
+        &_1-1-1-1-1 {
+            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+        }
+        &_1-1-1-1 {
+            grid-template-columns: 1fr 1fr 1fr 1fr;
+        }
+        &_1-1-1 {
+            grid-template-columns: 1fr 1fr 1fr;
+        }
+        &_1-1 {
+            grid-template-columns: 1fr 1fr;
+        }
     }
     .tpl-grid_xl-columns {
-        &_12 { grid-template-columns: repeat(12, 1fr); }
-        &_10 { grid-template-columns: repeat(10, 1fr); }
-        &_6 { grid-template-columns: repeat(6, 1fr); }
+        &_12 {
+            grid-template-columns: repeat(12, 1fr);
+        }
+        &_10 {
+            grid-template-columns: repeat(10, 1fr);
+        }
+        &_6 {
+            grid-template-columns: repeat(6, 1fr);
+        }
     }
 }