move from csslint to stylelint

14 files changed, 128 insertions, 102 deletions

diff --git a/docs/assets/less/ads.less b/docs/assets/less/ads.less
index 168a01fc61..9e64da5209 100644
--- a/docs/assets/less/ads.less
+++ b/docs/assets/less/ads.less
@@ -1,3 +1,5 @@
+/* stylelint-disable selector-max-id, declaration-no-important */
+
 #carbonads {
   display: block;
   padding: 15px 15px 15px 160px;
diff --git a/docs/assets/less/algolia.less b/docs/assets/less/algolia.less
index b6484f04fb..7cab593397 100644
--- a/docs/assets/less/algolia.less
+++ b/docs/assets/less/algolia.less
@@ -1,3 +1,5 @@
+/* stylelint-disable declaration-no-important, selector-attribute-quotes */
+
 // Docsearch overrides
 //
 // `!important` indicates overridden properties.
@@ -12,8 +14,9 @@
     padding: 10px 0 !important;
     background-color: #fff;
     background-clip: padding-box;
-    border: 1px solid rgba(0,0,0,.1);
-    box-shadow: 0 8px 15px rgba(0,0,0,.175);
+    border: 1px solid #ddd;
+    border: 1px solid rgba(0, 0, 0, .1);
+    box-shadow: 0 8px 15px rgba(0, 0, 0, .175);
 
     @media min-width(@screen-sm-min) {
       width: 175%;
@@ -79,7 +82,7 @@
       .algolia-docsearch-suggestion--category-header {
         padding-top: 10px !important;
         margin-top: 10px !important;
-        border-top: 1px solid rgba(0,0,0,.1);
+        border-top: 1px solid #eee;
       }
     }
 
@@ -100,7 +103,7 @@
     padding: 0 15px 8px !important;
     margin-top: -4px;
     font-size: 13px !important;
-    font-weight: normal;
+    font-weight: 400;
     line-height: 1.25 !important;
   }
 
@@ -112,7 +115,7 @@
     font-size: 10px !important;
     line-height: 1 !important;
     color: #767676 !important;
-    border-top: 1px solid rgba(0,0,0,.1);
+    border-top: 1px solid #eee;
   }
 
   .algolia-docsearch-footer--logo {
@@ -125,14 +128,14 @@
 
   .algolia-docsearch-suggestion--highlight {
     color: #5f2dab;
-    background-color: rgba(154, 132, 187, .12);
+    background-color: #eee;
   }
 
   .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
-    box-shadow: inset 0 -2px 0 0 rgba(95,45,171,.5) !important;
+    box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, .5) !important;
   }
 
   .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {
-    background-color: rgba(208,189,236,.15) !important;
+    background-color: #e5e5e5 !important;
   }
 }
diff --git a/docs/assets/less/anchor.less b/docs/assets/less/anchor.less
index b7718a8377..3054ec8c01 100644
--- a/docs/assets/less/anchor.less
+++ b/docs/assets/less/anchor.less
@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+
 .anchorjs-link {
   color: inherit;
 }
@@ -11,8 +13,8 @@
 *:hover > .anchorjs-link {
   opacity: .75;
   -webkit-transition: color .16s linear;
-       -o-transition: color .16s linear;
-          transition: color .16s linear;
+  -o-transition: color .16s linear;
+  transition: color .16s linear;
 }
 
 *:hover > .anchorjs-link:hover,
diff --git a/docs/assets/less/customizer.less b/docs/assets/less/customizer.less
index c36fbc15f0..a87fca971e 100644
--- a/docs/assets/less/customizer.less
+++ b/docs/assets/less/customizer.less
@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix, selector-max-id */
+
 .bs-customizer .toggle {
   float: right;
   margin-top: 25px;
@@ -36,7 +38,7 @@
 
 // For the variables, use regular weight
 #less-section label {
-  font-weight: normal;
+  font-weight: 400;
 }
 
 // Downloads
@@ -55,8 +57,8 @@
   color: #fff;
   background-color: #d9534f;
   border-bottom: 1px solid #b94441;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
-          box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
 }
 .bs-customizer-alert .close {
   margin-top: -4px;
@@ -73,8 +75,8 @@
   color: #fff;
   background-color: #a83c3a;
   border-color: #973634;
-  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
-          box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
+  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
 }
 
 .bs-dropzone {
@@ -97,7 +99,7 @@
 }
 .bs-dropzone .lead {
   margin-bottom: 10px;
-  font-weight: normal;
+  font-weight: 400;
   color: #333;
 }
 #import-manual-trigger {
diff --git a/docs/assets/less/docs.less b/docs/assets/less/docs.less
index 8bf588ade8..4ef7a7d3d3 100644
--- a/docs/assets/less/docs.less
+++ b/docs/assets/less/docs.less
@@ -1,3 +1,5 @@
+/* stylelint-disable selector-max-type, selector-no-qualifying-type, declaration-no-important */
+
 /*!
  * Bootstrap Docs (http://getbootstrap.com)
  * Copyright 2011-2017 Twitter, Inc.
@@ -51,7 +53,7 @@ body {
 // Keep code small in tables on account of limited space
 .table code {
   font-size: 13px;
-  font-weight: normal;
+  font-weight: 400;
 }
 
 // Inline code within headings retain the heading's background-color
@@ -106,7 +108,7 @@ h1[id] {
 .v4-tease {
   display: block;
   padding: 15px 20px;
-  font-weight: bold;
+  font-weight: 700;
   color: #fff;
   text-align: center;
   background-color: #0275d8;
@@ -119,7 +121,7 @@ h1[id] {
 
 /* Nullify ill-advised printing of hrefs; see #18711 */
 @media print {
-  a[href]:after {
+  a[href]::after {
     content: "" !important;
   }
 }
diff --git a/docs/assets/less/examples.less b/docs/assets/less/examples.less
index 6407cc97b6..8d92ac52df 100644
--- a/docs/assets/less/examples.less
+++ b/docs/assets/less/examples.less
@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix, selector-max-id, selector-no-qualifying-type */
+
 // Grid examples
 //
 // Highlight the grid columns within the docs so folks can see their padding,
@@ -10,9 +12,9 @@
   padding-top: 10px;
   padding-bottom: 10px;
   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);
 }
 
 // Examples
@@ -27,16 +29,16 @@
   border-color: #e5e5e5 #eee #eee;
   border-style: solid;
   border-width: 1px 0;
-  -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
-          box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
+  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);
+  box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);
 }
 // Echo out a label for the example
-.bs-example:after {
+.bs-example::after {
   position: absolute;
   top: 15px;
   left: 15px;
   font-size: 12px;
-  font-weight: bold;
+  font-weight: 700;
   color: #959595;
   text-transform: uppercase;
   letter-spacing: 1px;
@@ -65,7 +67,7 @@
     border-width: 1px;
     border-radius: 4px 4px 0 0;
     -webkit-box-shadow: none;
-            box-shadow: none;
+    box-shadow: none;
   }
   .bs-example + .highlight,
   .bs-example + .zero-clipboard + .highlight {
@@ -156,9 +158,11 @@
 }
 
 // Forms
-.bs-example-control-sizing select,
-.bs-example-control-sizing input[type="text"] + input[type="text"] {
-  margin-top: 10px;
+.bs-example-control-sizing {
+  select,
+  input[type="text"] + input[type="text"] {
+    margin-top: 10px;
+  }
 }
 .bs-example-form .input-group {
   margin-bottom: 10px;
@@ -195,7 +199,7 @@
 .bs-navbar-top-example {
   padding-bottom: 45px;
 }
-.bs-navbar-top-example:after {
+.bs-navbar-top-example::after {
   top: auto;
   bottom: 15px;
 }
@@ -311,10 +315,10 @@
 
 // Pseudo :focus state for showing how it looks in the docs
 #focusedInput {
-  border-color: rgb(204,204,204); // Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback
-  border-color: rgba(82,168,236,.8);
+  border-color: rgb(204, 204, 204); // Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback
+  border-color: rgba(82, 168, 236, .8);
   outline: 0;
   outline: thin dotted \9; // IE6-9
-  -webkit-box-shadow: 0 0 8px rgba(82,168,236,.6);
-          box-shadow: 0 0 8px rgba(82,168,236,.6);
+  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
+  box-shadow: 0 0 8px rgba(82, 168, 236, .6);
 }
diff --git a/docs/assets/less/featurettes.less b/docs/assets/less/featurettes.less
index 7df3e94d54..ec939c7b06 100644
--- a/docs/assets/less/featurettes.less
+++ b/docs/assets/less/featurettes.less
@@ -16,7 +16,7 @@
 .bs-docs-featurette-title {
   margin-bottom: 5px;
   font-size: 30px;
-  font-weight: normal;
+  font-weight: 400;
   color: #333;
 }
 .half-rule {
@@ -25,7 +25,7 @@
 }
 .bs-docs-featurette h3 {
   margin-bottom: 5px;
-  font-weight: normal;
+  font-weight: 400;
   color: #333;
 }
 .bs-docs-featurette-img {
diff --git a/docs/assets/less/ie10-viewport-bug-workaround.less b/docs/assets/less/ie10-viewport-bug-workaround.less
index 6ac824f93f..a09b8d9ff8 100644
--- a/docs/assets/less/ie10-viewport-bug-workaround.less
+++ b/docs/assets/less/ie10-viewport-bug-workaround.less
@@ -1,3 +1,5 @@
+/* stylelint-disable at-rule-no-vendor-prefix */
+
 /*!
  * IE10 viewport hack for Surface/desktop Windows 8 bug
  * Copyright 2014-2015 Twitter, Inc.
diff --git a/docs/assets/less/masthead.less b/docs/assets/less/masthead.less
index 20c9a2671d..284fdece70 100644
--- a/docs/assets/less/masthead.less
+++ b/docs/assets/less/masthead.less
@@ -1,17 +1,19 @@
+/* stylelint-disable value-no-vendor-prefix, function-name-case */
+
 .bs-docs-masthead,
 .bs-docs-header {
   position: relative;
   padding: 30px 0;
   color: #cdbfe3;
   text-align: center;
-  text-shadow: 0 1px 0 rgba(0,0,0,.1);
+  text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
   background-color: #6f5499;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499));
   background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%);
-  background-image:      -o-linear-gradient(top, #563d7c 0%, #6f5499 100%);
-  background-image:         linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);
+  background-image: -o-linear-gradient(top, #563d7c 0%, #6f5499 100%);
+  background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);
   background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#563d7c", endColorstr="#6F5499", GradientType=0);
 }
 
 // Masthead (headings and download button)
diff --git a/docs/assets/less/responsive-tests.less b/docs/assets/less/responsive-tests.less
index bf9d002d2b..784fc6c46b 100644
--- a/docs/assets/less/responsive-tests.less
+++ b/docs/assets/less/responsive-tests.less
@@ -1,3 +1,5 @@
+/* stylelint-disable selector-no-qualifying-type, declaration-no-important */
+
 // Responsive (scrollable) doc tables
 .table-responsive .highlight pre {
   white-space: normal;
@@ -7,11 +9,11 @@
 .bs-table th small,
 .responsive-utilities th small {
   display: block;
-  font-weight: normal;
+  font-weight: 400;
   color: #999;
 }
 .responsive-utilities tbody th {
-  font-weight: normal;
+  font-weight: 400;
 }
 .responsive-utilities td {
   text-align: center;
@@ -36,7 +38,7 @@
   display: block;
   padding: 15px 10px;
   font-size: 14px;
-  font-weight: bold;
+  font-weight: 700;
   line-height: 1.1;
   text-align: center;
   border-radius: 4px;
diff --git a/docs/assets/less/sidebar.less b/docs/assets/less/sidebar.less
index 5e9705257b..fe36cd57d7 100644
--- a/docs/assets/less/sidebar.less
+++ b/docs/assets/less/sidebar.less
@@ -1,3 +1,5 @@
+/* stylelint-disable selector-max-compound-selectors */
+
 // By default it's not affixed in mobile views, so undo that
 .bs-docs-sidebar.affix {
   position: static;
@@ -39,7 +41,7 @@
 .bs-docs-sidebar .nav > .active:hover > a,
 .bs-docs-sidebar .nav > .active:focus > a {
   padding-left: 18px;
-  font-weight: bold;
+  font-weight: 700;
   color: #563d7c;
   background-color: transparent;
   border-left: 2px solid #563d7c;
@@ -55,7 +57,7 @@
   padding-bottom: 1px;
   padding-left: 30px;
   font-size: 12px;
-  font-weight: normal;
+  font-weight: 400;
 }
 .bs-docs-sidebar .nav .nav > li > a:hover,
 .bs-docs-sidebar .nav .nav > li > a:focus {
diff --git a/docs/assets/less/skip-link.less b/docs/assets/less/skip-link.less
index 174a64fe08..a64f3319ae 100644
--- a/docs/assets/less/skip-link.less
+++ b/docs/assets/less/skip-link.less
@@ -1,3 +1,5 @@
+/* stylelint-disable selector-max-id */
+
 #skippy {
   display: block;
   padding: 1em;
diff --git a/docs/assets/less/syntax.less b/docs/assets/less/syntax.less
index ab8cc60342..a43045fe91 100644
--- a/docs/assets/less/syntax.less
+++ b/docs/assets/less/syntax.less
@@ -1,64 +1,65 @@
-.hll { background-color: #ffffcc }
+/* stylelint-disable declaration-block-single-line-max-declarations */
+
+.hll { background-color: #ffc; }
 .c { color: #999; }
-.err { color: #AA0000; background-color: #FFAAAA }
-.k { color: #006699; }
-.o { color: #555555 }
+.err { color: #a00; background-color: #faa; }
+.k { color: #069; }
+.o { color: #555; }
 .cm { color: #999; }
-.cp { color: #009999 }
+.cp { color: #099; }
 .c1 { color: #999; }
 .cs { color: #999; }
-.gd { background-color: #FFCCCC; border: 1px solid #CC0000 }
-.ge { font-style: italic }
-.gr { color: #FF0000 }
-.gh { color: #003300; }
-.gi { background-color: #CCFFCC; border: 1px solid #00CC00 }
-.go { color: #AAAAAA }
-.gp { color: #000099; }
-.gs { }
-.gu { color: #003300; }
-.gt { color: #99CC66 }
-.kc { color: #006699; }
-.kd { color: #006699; }
-.kn { color: #006699; }
-.kp { color: #006699 }
-.kr { color: #006699; }
-.kt { color: #007788; }
-.m { color: #FF6600 }
-.s { color: #d44950 }
-.na { color: #4f9fcf }
-.nb { color: #336666 }
-.nc { color: #00AA88; }
-.no { color: #336600 }
-.nd { color: #9999FF }
-.ni { color: #999999; }
-.ne { color: #CC0000; }
-.nf { color: #CC00FF }
-.nl { color: #9999FF }
-.nn { color: #00CCFF; }
+.gd { background-color: #fcc; border: 1px solid #c00; }
+.ge { font-style: italic; }
+.gr { color: #f00; }
+.gh { color: #030; }
+.gi { background-color: #cfc; border: 1px solid #0c0; }
+.go { color: #aaa; }
+.gp { color: #009; }
+.gu { color: #030; }
+.gt { color: #9c6; }
+.kc { color: #069; }
+.kd { color: #069; }
+.kn { color: #069; }
+.kp { color: #069; }
+.kr { color: #069; }
+.kt { color: #078; }
+.m { color: #f60; }
+.s { color: #d44950; }
+.na { color: #4f9fcf; }
+.nb { color: #366; }
+.nc { color: #0a8; }
+.no { color: #360; }
+.nd { color: #99f; }
+.ni { color: #999; }
+.ne { color: #c00; }
+.nf { color: #c0f; }
+.nl { color: #99f; }
+.nn { color: #0cf; }
 .nt { color: #2f6f9f; }
-.nv { color: #003333 }
-.ow { color: #000000; }
-.w { color: #bbbbbb }
-.mf { color: #FF6600 }
-.mh { color: #FF6600 }
-.mi { color: #FF6600 }
-.mo { color: #FF6600 }
-.sb { color: #CC3300 }
-.sc { color: #CC3300 }
-.sd { color: #CC3300; font-style: italic }
-.s2 { color: #CC3300 }
-.se { color: #CC3300; }
-.sh { color: #CC3300 }
-.si { color: #AA0000 }
-.sx { color: #CC3300 }
-.sr { color: #33AAAA }
-.s1 { color: #CC3300 }
-.ss { color: #FFCC33 }
-.bp { color: #336666 }
-.vc { color: #003333 }
-.vg { color: #003333 }
-.vi { color: #003333 }
-.il { color: #FF6600 }
+.nv { color: #033; }
+.ow { color: #000; }
+.w { color: #bbb; }
+.mf { color: #f60; }
+.mh { color: #f60; }
+.mi { color: #f60; }
+.mo { color: #f60; }
+.sb { color: #c30; }
+.sc { color: #c30; }
+.sd { font-style: italic; color: #c30; }
+.s2 { color: #c30; }
+.se { color: #c30; }
+.sh { color: #c30; }
+.si { color: #a00; }
+.sx { color: #c30; }
+.sr { color: #3aa; }
+.s1 { color: #c30; }
+.ss { color: #fc3; }
+.bp { color: #366; }
+.vc { color: #033; }
+.vg { color: #033; }
+.vi { color: #033; }
+.il { color: #f60; }
 
 .css .o,
 .css .o + .nt,
diff --git a/docs/assets/less/zero-clipboard.less b/docs/assets/less/zero-clipboard.less
index 13cfb149b2..688c8de770 100644
--- a/docs/assets/less/zero-clipboard.less
+++ b/docs/assets/less/zero-clipboard.less
@@ -14,7 +14,7 @@
   cursor: pointer;
   background-color: #fff;
   border: 1px solid #e1e1e8;
-  border-radius: 0 4px 0 4px;
+  border-radius: 0 4px;
 }
 .btn-clipboard-hover {
   color: #fff;