sass-lintage (indentation, imbrication, clarté, etc)

css/grillade.scss

@@ -33,7 +33,7 @@ $iefix: 0.01px;
 }
 // Multi-line grid constructor
 // example : .grid-perso { @include grid(12, 3rem); }
-@mixin grid($grid-number:1, $own-gutter:0) {
+@mixin grid($grid-number: 1, $own-gutter: 0) {
   & > * {
     width: calc(100% / #{$grid-number} - #{$iefix});
   }
@@ -81,12 +81,13 @@ $iefix: 0.01px;
 }
 // Constructing grids : will be compiled in CSS
 @media (min-width: ($tiny + 1)) {
-   @for $i from 2 through 12{
+  @for $i from 2 through 12 {
     [class*="grid-#{$i}"] {
-      @include grid(#{$i},0);
+      @include grid(#{$i}, 0);
     }
   }
 }
+
 // Grid offsets
 .push {
   margin-left: auto !important;
@@ -95,6 +96,7 @@ $iefix: 0.01px;
 .pull {
   margin-right: auto !important;
 }
+
 // Grid order
 .item-first {
   order: -1;
@@ -109,7 +111,7 @@ $iefix: 0.01px;
 }
 // sizing individual children
 @media (min-width: ($tiny + 1)) {
-   @each $flow, $divider in ("full" "1"), ("one-half" "2"), ("one-third" "3"), ("one-quarter" "4"), ("one-fifth" "5"), ("one-sixth" "6"), ("two-thirds" "3 * 2"), ("three-quarters" "4 * 3"), ("five-sixths" "6 * 5"){
+  @each $flow, $divider in ("full" "1"), ("one-half" "2"), ("one-third" "3"), ("one-quarter" "4"), ("one-fifth" "5"), ("one-sixth" "6"), ("two-thirds" "3 * 2"), ("three-quarters" "4 * 3"), ("five-sixths" "6 * 5") {
     .#{$flow} {
       flex: 0 0 auto;
       width: calc(100% / #{$divider} - #{$iefix});
@@ -125,7 +127,7 @@ $iefix: 0.01px;
 // -small-X suffix means "X columns on small-medium screen"
 // example : .grid-4-small-2 will be 1 column (tiny and down) then 2 columns (until medium) then 4 columns
 @media (min-width: ($tiny + 1)) and (max-width: $medium) {
-   @for $i from 1 through 4{
+  @for $i from 1 through 4 {
     [class*="-small-#{$i}"] {
       & > * {
         width: calc(100% / #{$i} - #{$iefix});

css/knacss-unminified.css

@@ -415,7 +415,7 @@ body {
 
 a {
   color: #333; }
-  a:hover, a:focus, a:active {
+  a:focus, a:hover, a:active {
     color: #000; }
 
 ul,
@@ -624,7 +624,9 @@ img {
 /* ==Stylings (minor stylings)   */
 /* ----------------------------- */
 /* styling elements */
-code, kbd, mark {
+code,
+kbd,
+mark {
   border-radius: 2px; }
 
 kbd {
@@ -675,9 +677,8 @@ blockquote > footer {
   margin-top: .75em;
   font-size: 0.9em;
   color: rgba(0, 0, 0, 0.7); }
-
-blockquote > footer::before {
-  content: "\2014 \0020"; }
+  blockquote > footer::before {
+    content: "\2014 \0020"; }
 
 q {
   font-style: normal; }
@@ -685,10 +686,9 @@ q {
 q,
 .q {
   quotes: "“\00a0" "\00a0”"; }
-
-q:lang(fr),
-.q:lang(fr) {
-  quotes: "«\00a0" "\00a0»"; }
+  q:lang(fr),
+  .q:lang(fr) {
+    quotes: "«\00a0" "\00a0»"; }
 
 hr {
   display: block;
@@ -837,10 +837,7 @@ select {
 /* if select styling bugs on WebKit */
 /* select { -webkit-appearance: none; } */
 /* 'x' appears on right of search input when text is entered. This removes it */
-input[type="search"]::-webkit-search-decoration,
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-results-button,
-input[type="search"]::-webkit-search-results-decoration {
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
   display: none; }
 
 ::-webkit-input-placeholder {
@@ -906,6 +903,7 @@ input[type="reset"].unstyled {
             flex-direction: row-reverse; }
   .o-media-figure--center {
     -ms-flex-item-align: center;
+        -ms-grid-row-align: center;
         align-self: center; } }
 
 /* Autogrid object */
@@ -1074,8 +1072,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
   -webkit-filter: grayscale(1);
           filter: grayscale(1); }
 
-ul.is-unstyled,
-ul.unstyled {
+ul.is-unstyled, ul.unstyled {
   list-style: none;
   padding-left: 0; }