stylelint the examples

docs/examples/blog/blog.css

@@ -1,3 +1,5 @@
+/* stylelint-disable selector-list-comma-newline-after, property-no-vendor-prefix */
+
 /*
  * Globals
  */
@@ -15,7 +17,7 @@ h5, .h5,
 h6, .h6 {
   margin-top: 0;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-weight: normal;
+  font-weight: 400;
   color: #333;
 }
 
@@ -37,8 +39,8 @@ h6, .h6 {
 
 .blog-masthead {
   background-color: #428bca;
-  -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
+  -webkit-box-shadow: inset 0 -2px 5px rgba(0, 0, 0, .1);
-          box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
+  box-shadow: inset 0 -2px 5px rgba(0, 0, 0, .1);
 }
 
 /* Nav links */
@@ -59,7 +61,7 @@ h6, .h6 {
 .blog-nav .active {
   color: #fff;
 }
-.blog-nav .active:after {
+.blog-nav .active::after {
   position: absolute;
   bottom: 0;
   left: 50%;
@@ -86,7 +88,7 @@ h6, .h6 {
   margin-top: 30px;
   margin-bottom: 0;
   font-size: 60px;
-  font-weight: normal;
+  font-weight: 400;
 }
 .blog-description {
   font-size: 20px;

docs/examples/carousel/carousel.css

@@ -1,6 +1,6 @@
 /* GLOBAL STYLES
--------------------------------------------------- */
+ * Padding below the footer and lighter body text
-/* Padding below the footer and lighter body text */
+* -------------------------------------------------- */
 
 body {
   padding-bottom: 40px;
@@ -42,9 +42,8 @@ body {
   height: 500px;
   margin-bottom: 60px;
 }
-/* Since positioning the image, we need to help out the caption */
 .carousel-caption {
-  z-index: 10;
+  z-index: 10; /* Since positioning the image, we need to help out the caption */
 }
 
 /* Declare heights because of positioning of img element */
@@ -70,7 +69,7 @@ body {
   text-align: center;
 }
 .marketing h2 {
-  font-weight: normal;
+  font-weight: 400;
 }
 .marketing .col-lg-4 p {
   margin-right: 10px;
@@ -108,11 +107,7 @@ body {
   .navbar-wrapper .navbar {
     padding-right: 0;
     padding-left: 0;
-  }
+    border-radius: 4px; /* The navbar becomes detached from the top, so we round the corners */
-
-  /* The navbar becomes detached from the top, so we round the corners */
-  .navbar-wrapper .navbar {
-    border-radius: 4px;
   }
 
   /* Bump up size of carousel content */

docs/examples/cover/cover.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+
 /*
  * Globals
  */
@@ -32,7 +34,7 @@ body {
 body {
   color: #fff;
   text-align: center;
-  text-shadow: 0 1px 3px rgba(0,0,0,.5);
+  text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
 }
 
 /* Extra markup and styles for table-esque vertical and horizontal centering */
@@ -41,8 +43,8 @@ body {
   width: 100%;
   height: 100%; /* For at least Firefox */
   min-height: 100%;
-  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
+  -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, .5);
-          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
+  box-shadow: inset 0 0 100px rgba(0, 0, 0, .5);
 }
 .site-wrapper-inner {
   display: table-cell;
@@ -77,16 +79,16 @@ body {
   padding-right: 0;
   padding-left: 0;
   font-size: 16px;
-  font-weight: bold;
+  font-weight: 700;
   color: #fff; /* IE8 proofing */
-  color: rgba(255,255,255,.75);
+  color: rgba(255, 255, 255, .75);
   border-bottom: 2px solid transparent;
 }
 .masthead-nav > li > a:hover,
 .masthead-nav > li > a:focus {
   background-color: transparent;
   border-bottom-color: #a9a9a9;
-  border-bottom-color: rgba(255,255,255,.25);
+  border-bottom-color: rgba(255, 255, 255, .25);
 }
 .masthead-nav > .active > a,
 .masthead-nav > .active > a:hover,
@@ -114,7 +116,7 @@ body {
 }
 .cover .btn-lg {
   padding: 10px 20px;
-  font-weight: bold;
+  font-weight: 700;
 }
 
 
@@ -124,7 +126,7 @@ body {
 
 .mastfoot {
   color: #999; /* IE8 proofing */
-  color: rgba(255,255,255,.5);
+  color: rgba(255, 255, 255, .5);
 }
 
 
@@ -142,11 +144,9 @@ body {
     position: fixed;
     bottom: 0;
   }
-  /* Start the vertical centering */
   .site-wrapper-inner {
-    vertical-align: middle;
+    vertical-align: middle; /* Start the vertical centering */
   }
-  /* Handle the widths */
   .masthead,
   .mastfoot,
   .cover-container {

docs/examples/grid/grid.css

@@ -12,9 +12,9 @@ h4 {
   padding-top: 15px;
   padding-bottom: 15px;
   background-color: #eee;
-  background-color: rgba(86,61,124,.15);
+  background-color: rgba(86, 61, 124, .15);
   border: 1px solid #ddd;
-  border: 1px solid rgba(86,61,124,.2);
+  border: 1px solid rgba(86, 61, 124, .2);
 }
 
 hr {

docs/examples/jumbotron-narrow/jumbotron-narrow.css

@@ -17,11 +17,10 @@ body {
   padding-bottom: 20px;
   border-bottom: 1px solid #e5e5e5;
 }
-/* Make the masthead heading the same height as the navigation */
 .header h3 {
   margin-top: 0;
   margin-bottom: 0;
-  line-height: 40px;
+  line-height: 40px; /* Make the masthead heading the same height as the navigation */
 }
 
 /* Custom page footer */
@@ -68,11 +67,9 @@ body {
     padding-right: 0;
     padding-left: 0;
   }
-  /* Space out the masthead */
   .header {
     margin-bottom: 30px;
   }
-  /* Remove the bottom border on the jumbotron for visual effect */
   .jumbotron {
     border-bottom: 0;
   }

docs/examples/justified-nav/justified-nav.css

@@ -1,3 +1,5 @@
+/* stylelint-disable value-no-vendor-prefix, function-name-case, property-no-vendor-prefix */
+
 body {
   padding-top: 20px;
 }
@@ -30,16 +32,16 @@ body {
   padding-top: 15px;
   padding-bottom: 15px;
   margin-bottom: 0;
-  font-weight: bold;
+  font-weight: 700;
   color: #777;
   text-align: center;
   background-color: #e5e5e5; /* Old browsers */
   background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
   background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
-  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
-  background-image:         linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%);
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e5e5e5 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
   background-repeat: repeat-x; /* Repeat the gradient */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#e5e5e5", GradientType=0); /* IE6-9 */
   border-bottom: 1px solid #d5d5d5;
 }
 .nav-justified > .active > a,
@@ -47,8 +49,8 @@ body {
 .nav-justified > .active > a:focus {
   background-color: #ddd;
   background-image: none;
-  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
+  -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .15);
-          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
+  box-shadow: inset 0 3px 7px rgba(0, 0, 0, .15);
 }
 .nav-justified > li:first-child > a {
   border-radius: 5px 5px 0 0;

docs/examples/non-responsive/non-responsive.css

@@ -1,3 +1,5 @@
+/* stylelint-disable selector-max-class, selector-max-combinators, selector-max-compound-selectors, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix */
+
 /* Template-specific stuff
  *
  * Customizations just for the template; these are not necessary for anything
@@ -47,9 +49,9 @@ body,
   padding-top: 15px;
   padding-bottom: 15px;
   background-color: #eee;
-  background-color: rgba(86,61,124,.15);
+  background-color: rgba(86, 61, 124, .15);
   border: 1px solid #ddd;
-  border: 1px solid rgba(86,61,124,.2);
+  border: 1px solid rgba(86, 61, 124, .2);
 }
 
 .container .navbar-header,
@@ -70,14 +72,12 @@ body,
   padding-bottom: 0;
   overflow: visible !important;
   visibility: visible !important;
+  border-top: 0;
 }
 
 .navbar-toggle {
   display: none;
 }
-.navbar-collapse {
-  border-top: 0;
-}
 
 .navbar-brand {
   margin-left: -15px;
@@ -110,7 +110,7 @@ body,
   border-width: 0 1px 1px;
   border-radius: 0 0 4px 4px;
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
-          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 }
 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
   color: #333;
@@ -140,7 +140,7 @@ body,
   margin-left: 0;
   border: 0;
   -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 
 /* Copy-pasted from forms.less since we mixin the .form-inline styles. */

docs/examples/offcanvas/offcanvas.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+
 /*
  * Style tweaks
  * --------------------------------------------------
@@ -21,8 +23,8 @@ footer {
   .row-offcanvas {
     position: relative;
     -webkit-transition: all .25s ease-out;
-         -o-transition: all .25s ease-out;
+    -o-transition: all .25s ease-out;
-            transition: all .25s ease-out;
+    transition: all .25s ease-out;
   }
 
   .row-offcanvas-right {
@@ -33,13 +35,11 @@ footer {
     left: 0;
   }
 
-  .row-offcanvas-right
+  .row-offcanvas-right .sidebar-offcanvas {
-  .sidebar-offcanvas {
     right: -50%; /* 6 columns */
   }
 
-  .row-offcanvas-left
+  .row-offcanvas-left .sidebar-offcanvas {
-  .sidebar-offcanvas {
     left: -50%; /* 6 columns */
   }
 

docs/examples/signin/signin.css

@@ -1,3 +1,5 @@
+/* stylelint-disable selector-no-qualifying-type, property-no-vendor-prefix */
+
 body {
   padding-top: 40px;
   padding-bottom: 40px;
@@ -14,14 +16,14 @@ body {
   margin-bottom: 10px;
 }
 .form-signin .checkbox {
-  font-weight: normal;
+  font-weight: 400;
 }
 .form-signin .form-control {
   position: relative;
-  height: auto;
   -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
+  -moz-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
+  height: auto;
   padding: 10px;
   font-size: 16px;
 }

docs/examples/sticky-footer-navbar/sticky-footer-navbar.css

@@ -5,22 +5,20 @@ html {
   min-height: 100%;
 }
 body {
-  /* Margin bottom by footer height */
+  margin-bottom: 60px; /* Margin bottom by footer height */
-  margin-bottom: 60px;
 }
 .footer {
   position: absolute;
   bottom: 0;
   width: 100%;
-  /* Set the fixed height of the footer here */
+  height: 60px; /* Set the fixed height of the footer here */
-  height: 60px;
   background-color: #f5f5f5;
 }
 
 
 /* Custom page CSS
--------------------------------------------------- */
+ * Not required for template or sticky footer method.
-/* Not required for template or sticky footer method. */
+ * -------------------------------------------------- */
 
 body > .container {
   padding: 60px 15px 0;

docs/examples/sticky-footer/sticky-footer.css

@@ -5,22 +5,20 @@ html {
   min-height: 100%;
 }
 body {
-  /* Margin bottom by footer height */
+  margin-bottom: 60px; /* Margin bottom by footer height */
-  margin-bottom: 60px;
 }
 .footer {
   position: absolute;
   bottom: 0;
   width: 100%;
-  /* Set the fixed height of the footer here */
+  height: 60px; /* Set the fixed height of the footer here */
-  height: 60px;
   background-color: #f5f5f5;
 }
 
 
 /* Custom page CSS
--------------------------------------------------- */
+ * Not required for template or sticky footer method.
-/* Not required for template or sticky footer method. */
+ * -------------------------------------------------- */
 
 .container {
   width: auto;