SCSS -> SASS

2016-12-19 10:24:08 +01:00 · 2016-12-19 10:24:08 +01:00 · abd9c07ac8
commit abd9c07ac8
parent 6d58962e08
13 changed files with 134 additions and 140 deletions
--- a/assets/static/sass/_grid.sass
+++ b/assets/static/sass/_grid.sass
@ -0,0 +1,43 @@
+*
+  +box-sizing(border-box)
+
+$pad: 20px
+
+.grid
+  background: white
+  margin: 0 0 $pad 0
+
+  &:after
+    /* Or @extend clearfix
+    content: ""
+    display: table
+    clear: both
+
+[class*='col-']
+  float: left
+  padding-right: $pad
+
+  .grid &:last-of-type
+    padding-right: 0
+
+.col-2-3
+  width: 66.66%
+
+.col-1-3
+  width: 33.33%
+
+.col-1-2
+  width: 50%
+
+.col-1-4
+  width: 25%
+
+.col-1-8
+  width: 12.5%
+
+/* Opt-in outside padding
+.grid-pad
+  padding: $pad 0 $pad $pad
+
+  [class*='col-']:last-of-type
+    padding-right: $pad