Tighten stylint config. (#2406)

1. Tighten stylint config.
2. Adhere to the stricter stylint rules.

Author: XhmikosR

.stylintrc

@@ -1,10 +1,117 @@
 {
+  "blocks": false,
+  "brackets": {
+    "expect": false,
+    "error": true
+  },
   "colons": {
     "expect": "never",
     "error": true
   },
+  "colors": false,
+  "commaSpace": {
+    "expect": "always",
+    "error": true
+  },
+  "commentSpace": {
+    "expect": "always",
+    "error": true
+  },
+  "cssLiteral": {
+    "expect": "never",
+    "error": true
+  },
+  "depthLimit": false,
+  "duplicates":{
+    "expect": true,
+    "error": true
+  },
+  "efficient": {
+    "expect": "always",
+    "error": true
+  },
+  "exclude": [],
+  "extendPref": "@extends",
+  "globalDupe": false,
+  "groupOutputByFile": true,
   "indentPref": {
     "expect": 2,
     "error": true
-  }
+  },
+  "leadingZero": {
+    "expect": "always",
+    "error": true
+  },
+  "maxErrors": false,
+  "maxWarnings": false,
+  "mixed": {
+    "expect": true,
+    "error": true
+  },
+  "namingConvention": {
+    "expect": "lowercase-dash",
+    "error": true
+  },
+  "namingConventionStrict": {
+    "expect": true,
+    "error": true
+  },
+  "none": {
+    "expect": "always",
+    "error": true
+  },
+  "noImportant": false,
+  "parenSpace": {
+    "expect": "never",
+    "error": true
+  },
+  "placeholders": {
+    "expect": "always",
+    "error": true
+  },
+  "prefixVarsWithDollar": {
+    "expect": "always",
+    "error": true
+  },
+  "quotePref": {
+    "expect": "single",
+    "error": true
+  },
+  "reporterOptions": {
+    "columns": [
+      "lineData",
+      "severity",
+      "description",
+      "rule"
+    ],
+    "columnSplitter": "  ",
+    "showHeaders": false,
+    "truncate": true
+  },
+  "semicolons": {
+    "expect": "never",
+    "error": true
+  },
+  "sortOrder": false,
+  "stackedProperties": {
+    "expect": "never",
+    "error": true
+  },
+  "trailingWhitespace": {
+    "expect": "never",
+    "error": true
+  },
+  "universal": {
+    "expect": "never",
+    "error": true
+  },
+  "valid": {
+    "expect": true,
+    "error": true
+  },
+  "zeroUnits": {
+    "expect": "never",
+    "error": true
+  },
+  "zIndexNormalize": false
 }

layouts/css/_base.styl

@@ -88,5 +88,5 @@ blockquote
     top 0
     left 0
     background-color rgba(0, 0, 0, 0.14)
-    content ""
+    content ''
     display block

layouts/css/layout/_lists.styl

@@ -7,7 +7,7 @@
 
     + li:before
       content '|'
-      padding 0 .3em 0 .1em
+      padding 0 0.3em 0 0.1em
       color $light-gray
 
 @media screen and (max-width: 480px)

layouts/css/layout/_sticky-footer.styl

@@ -1,6 +1,6 @@
 // Modernizr test for IE10 and IE11
 // see: http://thatemil.com/blog/2013/11/03/sticky-footers-flexbox-and-ie10/
-.flexboxtweener
+.flexboxtweener,
 .flexboxtweener body
   height 100%
 

layouts/css/page-modules/_anchorLinks.styl

@@ -2,7 +2,7 @@
 .anchor
   color $light-gray2
   background none
-  padding 0 .25em
+  padding 0 0.25em
 
   &:link
   &:active

layouts/css/page-modules/_download.styl

@@ -13,7 +13,7 @@
 .download-header::after
   display block
   clear both
-  content ""
+  content ''
 
 .download-hero
   margin-bottom 1em
@@ -99,7 +99,7 @@
       height 100%
       width 100%
       text-align center
-      font-size 0.8em;
+      font-size 0.8em
 
     a:hover, a:active
       background $node-green
@@ -153,7 +153,7 @@ td.download-table-last
         flex-basis 160px
 
       .tag
-        font-size .6em
+        font-size 0.6em
 
   .download-matrix
     display block
@@ -168,13 +168,13 @@ td.download-table-last
 
     td
       display block
-      border 0
+      border none
 
       a
         text-align left
 
   .download-table
-    border 0
+    border none
 
     > thead
       display none
@@ -217,4 +217,4 @@ td.download-table-last
       li
         font-size 1em
       .tag
-        font-size .4em
+        font-size 0.4em

layouts/css/page-modules/_header.styl

@@ -79,13 +79,13 @@ header
   header
     li
       $border-width = 14px
-      padding-bottom 12px;
+      padding-bottom 12px
 
       &.active:after
         top 100%
         left 50%
         border solid transparent
-        content " "
+        content ' '
         height 0
         width 0
         position absolute
@@ -138,7 +138,7 @@ header
 
   img
     display block
-    margin .5em auto 0 auto
+    margin 0.5em auto 0
     border none
     max-height 75px
     max-width 180px

layouts/css/page-modules/_home.styl

@@ -42,7 +42,7 @@
 
 .home-banner
   opacity 1
-  transition opacity .2s ease-in-out
+  transition opacity 0.2s ease-in-out
 
   &:hover
     opacity 0.85
@@ -65,7 +65,7 @@
   font-size 30px
   font-weight 400
 
-  transition background-color .2s ease-in-out
+  transition background-color 0.2s ease-in-out
 
   &:hover
     background-color $node-green

layouts/css/page-modules/_prev-next-navigation.styl

@@ -1,5 +1,5 @@
 .btn-navigation
-  padding .1em .5em
+  padding 0.1em 0.5em
 
   &.btn-prev
     float left

layouts/css/page-modules/_scrollToTop.styl

@@ -1,6 +1,8 @@
 // For smooth scroll behavior
 html
+  // @stylint off
   scroll-behavior smooth
+  // @stylint on
 
 #scroll-to-top
   font-size 1rem