Merge pull request #8 from twbs/scss-lint

Add SCSS-Lint to Grunt

.gitignore

@@ -38,6 +38,9 @@ Thumbs.db
 validation-report.json
 validation-status.json
 
+# SCSS-Lint
+scss-lint-report.xml
+
 # Folders to ignore
 bower_components
 node_modules

.travis.yml

@@ -7,7 +7,7 @@ before_install:
   - travis_retry sudo pip install -r test-infra/requirements.txt
   - rvm use 1.9.3 --fuzzy
   - export GEMDIR=$(rvm gemdir)
-  - if [ "$TWBS_TEST" = validate-html ]; then echo "ruby=$(basename $GEMDIR) jekyll=$JEKYLL_VERSION rouge=$ROUGE_VERSION" > pseudo_Gemfile.lock; fi
+  - if [ "$TWBS_TEST" = validate-html ]; then echo "ruby=$(basename $GEMDIR) jekyll=$JEKYLL_VERSION rouge=$ROUGE_VERSION scss-lint=$SCSS_LINT_VERSION" > pseudo_Gemfile.lock; fi
   - "export TRAVIS_COMMIT_MSG=\"$(git log --format=%B --no-merges -n 1)\""
   - echo "$TRAVIS_COMMIT_MSG" | grep '\[skip validator\]'; export TWBS_DO_VALIDATOR=$?; true
   - echo "$TRAVIS_COMMIT_MSG" | grep '\[skip sauce\]'; export TWBS_DO_SAUCE=$?; true
@@ -23,6 +23,7 @@ env:
   global:
     - JEKYLL_VERSION="2.5.1"
     - ROUGE_VERSION="1.7.2"
+    - SCSS_LINT_VERSION="0.30.0"
     - SAUCE_USERNAME="bootstrap"
     - secure: "pJkBwnuae9dKU5tEcCqccfS1QQw7/meEcfz63fM7ba7QJNjoA6BaXj08L5Z3Vb5vBmVPwBawxo5Hp0jC0r/Z/O0hGnAmz/Cz09L+cy7dSAZ9x4hvZePSja/UAusaB5ogMoO8l2b773MzgQeSmrLbExr9BWLeqEfjC2hFgdgHLaQ="
     - secure: "gqjqISbxBJK6byFbsmr1AyP1qoWH+rap06A2gI7v72+Tn2PU2nYkIMUkCvhZw6K889jv+LhQ/ybcBxDOXHpNCExCnSgB4dcnmYp+9oeNZb37jSP0rQ+Ib4OTLjzc3/FawE/fUq5kukZTC7porzc/k0qJNLAZRx3YLALmK1GIdUY="

Gruntfile.js

@@ -167,6 +167,14 @@ module.exports = function (grunt) {
       }
     },
 
+    scsslint: {
+      scss: ['scss/*.scss', '!scss/_normalize.scss'],
+      options: {
+        config: 'scss/.scss-lint.yml',
+        reporterOutput: 'scss-lint-report.xml'
+      }
+    },
+
     autoprefixer: {
       options: {
         browsers: configBridge.config.autoprefixerBrowsers
@@ -369,7 +377,7 @@ module.exports = function (grunt) {
   // Skip core tests if running a different subset of the test suite
   if (runSubset('core') &&
     // Skip core tests if this is a Savage build
-    process.env.TRAVIS_REPO_SLUG !== 'twbs-savage/bootstrap') {    testSubtasks = testSubtasks.concat(['dist-css', 'dist-js', 'test-js', 'docs']);
+    process.env.TRAVIS_REPO_SLUG !== 'twbs-savage/bootstrap') {    testSubtasks = testSubtasks.concat(['dist-css', 'dist-js', 'test-scss', 'test-js', 'docs']);
   }
   // Skip HTML validation if running a different subset of the test suite
   if (runSubset('validate-html') &&
@@ -392,6 +400,8 @@ module.exports = function (grunt) {
   // JS distribution task.
   grunt.registerTask('dist-js', ['concat', 'uglify:core', 'commonjs']);
 
+  grunt.registerTask('test-scss', ['scsslint:scss']);
+
   // CSS distribution task.
   grunt.registerTask('sass-compile', ['sass:core', 'sass:docs']);
   grunt.registerTask('dist-css', ['sass-compile', 'autoprefixer:core', 'usebanner', 'csscomb:dist', 'cssmin:core', 'cssmin:docs']);

dist/css/bootstrap.css

@@ -192,11 +192,10 @@ td, th {
   padding: 0;
 }
 
-/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
 @media print {
   *, *:before, *:after {
     color: #000 !important;
-    text-shadow: none !important; 
+    text-shadow: none !important;
     background: transparent !important;
     -webkit-box-shadow: none !important;
             box-shadow: none !important;
@@ -444,7 +443,7 @@ small, .small {
 }
 
 mark, .mark {
-  padding: .2em; 
+  padding: .2em;
   background-color: #fcf8e3;
 }
 
@@ -466,7 +465,7 @@ ul ul, ul ol, ol ul, ol ol {
 }
 .list-inline > li {
   display: inline-block;
-  padding-right: 5px; 
+  padding-right: 5px;
   padding-left: 5px;
 }
 
@@ -536,21 +535,21 @@ blockquote footer {
   color: #818a91;
 }
 blockquote footer:before {
-  content: '\2014 \00A0';
+  content: "\2014 \00A0";
 }
 
 .blockquote-reverse {
   padding-right: 1rem;
   padding-left: 0;
-  text-align: right; 
+  text-align: right;
   border-right: .25rem solid #eceeef;
   border-left: 0;
 }
 .blockquote-reverse footer:before {
-  content: '';
+  content: "";
 }
 .blockquote-reverse footer:after {
-  content: '\00A0 \2014';
+  content: "\00A0 \2014";
 }
 
 address {
@@ -1780,13 +1779,13 @@ th {
 
 table col[class*="col-"] {
   position: static;
-  display: table-column; 
+  display: table-column;
   float: none;
 }
 
 table td[class*="col-"], table th[class*="col-"] {
   position: static;
-  display: table-cell; 
+  display: table-cell;
   float: none;
 }
 
@@ -1831,7 +1830,7 @@ table td[class*="col-"], table th[class*="col-"] {
 }
 
 .table-responsive {
-  min-height: .01%; 
+  min-height: .01%;
   overflow-x: auto;
 }
 @media screen and (max-width: 33.9em) {
@@ -1839,7 +1838,7 @@ table td[class*="col-"], table th[class*="col-"] {
     width: 100%;
     margin-bottom: 1rem;
     overflow-y: hidden;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
+    -ms-overflow-style: -ms-autohiding-scrollbar; 
     border: 1px solid #eceeef;
   }
   .table-responsive > .table {
@@ -1909,7 +1908,7 @@ table td[class*="col-"], table th[class*="col-"] {
 }
 
 fieldset {
-  min-width: 0; 
+  min-width: 0;
   padding: 0;
   margin: 0;
   border: 0;
@@ -2058,7 +2057,7 @@ input[type="search"] {
 
 .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
   position: absolute;
-  margin-top: 4px \9; 
+  margin-top: 4px \9;
   margin-left: -20px;
 }
 
@@ -2098,7 +2097,7 @@ input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled]
   margin-bottom: 0;
 }
 .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
-  padding-right: 0; 
+  padding-right: 0;
   padding-left: 0;
 }
 
@@ -2333,7 +2332,7 @@ textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > te
 }
 
 .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
-  padding-top: .6rem; 
+  padding-top: .6rem;
   margin-top: 0;
   margin-bottom: 0;
 }
@@ -2353,7 +2352,7 @@ textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > te
 }
 @media (min-width: 34em) {
   .form-horizontal .control-label {
-    padding-top: .6rem; 
+    padding-top: .6rem;
     margin-bottom: 0;
     text-align: right;
   }
@@ -2642,12 +2641,9 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   position: relative;
   height: 0;
   overflow: hidden;
-  -webkit-transition: height .35s ease;
-       -o-transition: height .35s ease;
-          transition: height .35s ease;
   -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
-          transition-timing-function: ease; 
+          transition-timing-function: ease;
   -webkit-transition-duration: .35s;
        -o-transition-duration: .35s;
           transition-duration: .35s;
@@ -2690,7 +2686,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   list-style: none;
   background-color: #fff;
   -webkit-background-clip: padding-box;
-          background-clip: padding-box; 
+          background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: .25rem;
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
@@ -2721,7 +2717,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
   color: #fff;
   text-decoration: none;
-  background-color: #0275d8; 
+  background-color: #0275d8;
   outline: 0;
 }
 
@@ -2730,7 +2726,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
   text-decoration: none;
-  cursor: not-allowed; 
+  cursor: not-allowed;
   background-color: transparent;
   background-image: none;
   filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
@@ -2744,12 +2740,12 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 
 .dropdown-menu-right {
-  right: 0; 
+  right: 0;
   left: auto;
 }
 
 .dropdown-menu-left {
-  right: auto; 
+  right: auto;
   left: 0;
 }
 
@@ -2777,7 +2773,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 
 .dropup .caret, .navbar-fixed-bottom .dropdown .caret {
-  content: ""; 
+  content: "";
   border-top: 0;
   border-bottom: .3em solid;
 }
@@ -2861,12 +2857,12 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 
 .btn-group > .btn + .dropdown-toggle {
-  padding-right: 8px; 
+  padding-right: 8px;
   padding-left: 8px;
 }
 
 .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
-  padding-right: 12px; 
+  padding-right: 12px;
   padding-left: 12px;
 }
 
@@ -2972,7 +2968,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 .input-group[class*="col-"] {
   float: none;
-  padding-right: 0; 
+  padding-right: 0;
   padding-left: 0;
 }
 .input-group .form-control {
@@ -3090,7 +3086,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 .disabled > .nav-link, .disabled > .nav-link:hover, .disabled > .nav-link:focus, .nav-link.disabled, .nav-link.disabled:hover, .nav-link.disabled:focus {
   color: #818a91;
-  cursor: not-allowed; 
+  cursor: not-allowed;
   background-color: transparent;
 }
 
@@ -3135,12 +3131,12 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 .nav-pills .open > .nav-link, .nav-pills .open > .nav-link:hover, .nav-pills .open > .nav-link:focus, .nav-pills .active > .nav-link, .nav-pills .active > .nav-link:hover, .nav-pills .active > .nav-link:focus, .nav-pills .nav-link.open, .nav-pills .nav-link.open:hover, .nav-pills .nav-link.open:focus, .nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
   color: #fff;
-  cursor: default; 
+  cursor: default;
   background-color: #0275d8;
 }
 
 .nav-stacked .nav-item {
-  display: block; 
+  display: block;
   float: none;
 }
 .nav-stacked .nav-item + .nav-item {
@@ -3166,9 +3162,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 .navbar {
   position: relative;
   padding: 1rem;
-  /*min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)*/
   margin-bottom: 1;
-  /*border: 1px solid transparent;*/
 }
 .navbar:before, .navbar:after {
   display: table; 
@@ -3223,7 +3217,6 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   margin-bottom: 0;
   font-size: 1.25rem;
   line-height: 1;
-  /*height: $navbar-height;*/
 }
 .navbar-brand > a:hover, .navbar-brand > a:focus {
   text-decoration: none;
@@ -3292,7 +3285,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 @media (min-width: 34em) {
   .navbar-text {
     float: left;
-    margin-right: 1rem; 
+    margin-right: 1rem;
     margin-left: 1rem;
   }
 }
@@ -3348,7 +3341,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   border-color: #e7e7e7;
 }
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
-  color: #555; 
+  color: #555;
   background-color: #e7e7e7;
 }
 @media (max-width: 33em) {
@@ -3440,7 +3433,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   border-color: #262829;
 }
 .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
-  color: #fff; 
+  color: #fff;
   background-color: #1f2021;
 }
 @media (max-width: 33em) {
@@ -3560,7 +3553,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 
 .card-blockquote {
   padding: 0;
-  margin-bottom: 0; 
+  margin-bottom: 0;
   border-left: 0;
 }
 
@@ -3600,7 +3593,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 
 .card-set-wrapper {
-  margin-right: -1.25rem; 
+  margin-right: -1.25rem;
   margin-left: -1.25rem;
 }
 
@@ -3615,7 +3608,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   max-width: none;
 }
 .card-group .card + .card {
-  margin-left: 0; 
+  margin-left: 0;
   border-left: 0;
 }
 
@@ -3630,7 +3623,6 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 .card-columns .card {
   display: inline-block;
   width: 100%;
-  /*margin-bottom: 1rem;*/
 }
 
 .breadcrumb {
@@ -3646,7 +3638,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 .breadcrumb > li + li:before {
   padding-right: .5rem;
   padding-left: .5rem;
-  color: #818a91; 
+  color: #818a91;
   content: "breadcrumb-divider\00a0";
 }
 .breadcrumb > .active {
@@ -3666,7 +3658,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   position: relative;
   float: left;
   padding: .5rem .75rem;
-  margin-left: -1px; 
+  margin-left: -1px;
   line-height: 1.5;
   color: #0275d8;
   text-decoration: none;
@@ -3690,13 +3682,13 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
   z-index: 2;
   color: #fff;
-  cursor: default; 
+  cursor: default;
   background-color: #0275d8;
   border-color: #0275d8;
 }
 .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
   color: #818a91;
-  cursor: not-allowed; 
+  cursor: not-allowed;
   background-color: #fff;
   border-color: #ddd;
 }
@@ -3730,7 +3722,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 .pager {
   padding-left: 0;
   margin: 1 0;
-  text-align: center; 
+  text-align: center;
   list-style: none;
 }
 .pager:before, .pager:after {
@@ -3762,7 +3754,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
   color: #818a91;
-  cursor: not-allowed; 
+  cursor: not-allowed;
   background-color: #fff;
 }
 
@@ -3897,7 +3889,7 @@ a.badge:hover, a.badge:focus {
     padding: 3.2rem 0;
   }
   .container .jumbotron, .container-fluid .jumbotron {
-    padding-right: 4rem; 
+    padding-right: 4rem;
     padding-left: 4rem;
   }
 
@@ -3984,7 +3976,6 @@ a.badge:hover, a.badge:focus {
   color: #843534;
 }
 
-/*csslint empty-rules: false, important: true*/
 @-webkit-keyframes progress-bar-stripes {
   from {
     background-position: 1 0;
@@ -3994,6 +3985,7 @@ a.badge:hover, a.badge:focus {
     background-position: 0 0;
   }
 }
+
 @-o-keyframes progress-bar-stripes {
   from {
     background-position: 1 0;
@@ -4003,6 +3995,7 @@ a.badge:hover, a.badge:focus {
     background-position: 0 0;
   }
 }
+
 @keyframes progress-bar-stripes {
   from {
     background-position: 1 0;
@@ -4021,7 +4014,7 @@ a.badge:hover, a.badge:focus {
 }
 
 .progress[value] {
-  color: #0074d9; 
+  color: #0074d9;
   border: 0;
 
   appearance: none;
@@ -4174,7 +4167,7 @@ a.badge:hover, a.badge:focus {
 }
 
 .media, .media-body {
-  overflow: hidden; 
+  overflow: hidden;
   zoom: 1;
 }
 
@@ -4214,7 +4207,7 @@ a.badge:hover, a.badge:focus {
 }
 
 .list-group {
-  padding-left: 0; 
+  padding-left: 0;
   margin-bottom: 20px;
 }
 
@@ -4250,7 +4243,7 @@ a.list-group-item:hover, a.list-group-item:focus {
 
 .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
   color: #818a91;
-  cursor: not-allowed; 
+  cursor: not-allowed;
   background-color: #eceeef;
 }
 .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
@@ -4425,18 +4418,14 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   z-index: 1040;
   display: none;
   overflow: hidden;
-  -webkit-overflow-scrolling: touch;
+  -webkit-overflow-scrolling: touch; 
   outline: 0;
 }
 .modal.fade .modal-dialog {
-  -webkit-transform: translate(0, -25%);
-  -webkit-transform: transition .3s ease-out;
-      -ms-transform: translate(0, -25%);
-      -ms-transform: transition .3s ease-out;
-       -o-transform: translate(0, -25%);
-       -o-transform: transition .3s ease-out;
-          transform: translate(0, -25%);
-          transform: transition .3s ease-out;
+  -webkit-transform: transition .3s ease-out, translate(0, -25%);
+      -ms-transform: transition .3s ease-out, translate(0, -25%);
+       -o-transform: transition .3s ease-out, translate(0, -25%);
+          transform: transition .3s ease-out, translate(0, -25%);
 }
 .modal.in .modal-dialog {
   -webkit-transform: translate(0, 0);
@@ -4483,7 +4472,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 }
 
 .modal-header {
-  min-height: 16.5px; 
+  min-height: 16.5px;
   padding: 15px;
   border-bottom: 1px solid #e5e5e5;
 }
@@ -4515,7 +4504,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   clear: both;
 }
 .modal-footer .btn + .btn {
-  margin-bottom: 0; 
+  margin-bottom: 0;
   margin-left: 5px;
 }
 .modal-footer .btn-group .btn + .btn {
@@ -4570,19 +4559,19 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   opacity: .9;
 }
 .tooltip.top {
-  padding: 5px 0; 
+  padding: 5px 0;
   margin-top: -3px;
 }
 .tooltip.right {
-  padding: 0 5px; 
+  padding: 0 5px;
   margin-left: 3px;
 }
 .tooltip.bottom {
-  padding: 5px 0; 
+  padding: 5px 0;
   margin-top: 3px;
 }
 .tooltip.left {
-  padding: 0 5px; 
+  padding: 0 5px;
   margin-left: -3px;
 }
 
@@ -4674,7 +4663,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   font-weight: normal;
   line-height: 1.5;
   text-align: left;
-  white-space: normal; 
+  white-space: normal;
   background-color: #fff;
   -webkit-background-clip: padding-box;
           background-clip: padding-box;
@@ -4723,12 +4712,12 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 }
 
 .popover > .arrow:after {
-  content: ""; 
+  content: "";
   border-width: 10px;
 }
 
 .popover.top > .arrow {
-  bottom: -11px; 
+  bottom: -11px;
   left: 50%;
   margin-left: -11px;
   border-top-color: fadein(rgba(0, 0, 0, .2), 5%);
@@ -4737,26 +4726,26 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 .popover.top > .arrow:after {
   bottom: 1px;
   margin-left: -10px;
-  content: " ";
-  border-top-color: #fff; 
+  content: "";
+  border-top-color: #fff;
   border-bottom-width: 0;
 }
 .popover.right > .arrow {
   top: 50%;
   left: -11px;
   margin-top: -11px;
-  border-right-color: fadein(rgba(0, 0, 0, .2), 5%); 
+  border-right-color: fadein(rgba(0, 0, 0, .2), 5%);
   border-left-width: 0;
 }
 .popover.right > .arrow:after {
   bottom: -10px;
   left: 1px;
-  content: " ";
-  border-right-color: #fff; 
+  content: "";
+  border-right-color: #fff;
   border-left-width: 0;
 }
 .popover.bottom > .arrow {
-  top: -11px; 
+  top: -11px;
   left: 50%;
   margin-left: -11px;
   border-top-width: 0;
@@ -4765,7 +4754,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 .popover.bottom > .arrow:after {
   top: 1px;
   margin-left: -10px;
-  content: " ";
+  content: "";
   border-top-width: 0;
   border-bottom-color: #fff;
 }
@@ -4778,8 +4767,8 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 }
 .popover.left > .arrow:after {
   right: 1px;
-  bottom: -10px; 
-  content: " ";
+  bottom: -10px;
+  content: "";
   border-right-width: 0;
   border-left-color: #fff;
 }
@@ -4790,7 +4779,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 
 .carousel-inner {
   position: relative;
-  width: 100%; 
+  width: 100%;
   overflow: hidden;
 }
 .carousel-inner > .item {
@@ -4815,17 +4804,17 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
             perspective: 1000;
   }
   .carousel-inner > .item.next, .carousel-inner > .item.active.right {
-    left: 0; 
+    left: 0;
     -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0);
   }
   .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
-    left: 0; 
+    left: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0);
   }
   .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
-    left: 0; 
+    left: 0;
     -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
   }
@@ -4866,7 +4855,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   font-size: 20px;
   color: #fff;
   text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, .6); 
+  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
   opacity: .5;
 }
 .carousel-control.left {
@@ -4913,10 +4902,10 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   margin-right: -10px;
 }
 .carousel-control .icon-prev:before {
-  content: '\2039';
+  content: "\2039";
 }
 .carousel-control .icon-next:before {
-  content: '\203a';
+  content: "\203a";
 }
 
 .carousel-indicators {
@@ -4927,7 +4916,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   width: 60%;
   padding-left: 0;
   margin-left: -30%;
-  text-align: center; 
+  text-align: center;
   list-style: none;
 }
 .carousel-indicators li {
@@ -4937,7 +4926,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   margin: 1px;
   text-indent: -999px;
   cursor: pointer;
-  background-color: rgba(0, 0, 0, 0); 
+  background-color: rgba(0, 0, 0, 0);
   border: 1px solid #fff;
   border-radius: 10px;
 }
@@ -5021,7 +5010,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 }
 
 .p-h {
-  padding-right: 1rem; 
+  padding-right: 1rem;
   padding-left: 1rem;
 }
 

docs/dist/css/bootstrap.css

@@ -192,11 +192,10 @@ td, th {
   padding: 0;
 }
 
-/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
 @media print {
   *, *:before, *:after {
     color: #000 !important;
-    text-shadow: none !important; 
+    text-shadow: none !important;
     background: transparent !important;
     -webkit-box-shadow: none !important;
             box-shadow: none !important;
@@ -444,7 +443,7 @@ small, .small {
 }
 
 mark, .mark {
-  padding: .2em; 
+  padding: .2em;
   background-color: #fcf8e3;
 }
 
@@ -466,7 +465,7 @@ ul ul, ul ol, ol ul, ol ol {
 }
 .list-inline > li {
   display: inline-block;
-  padding-right: 5px; 
+  padding-right: 5px;
   padding-left: 5px;
 }
 
@@ -536,21 +535,21 @@ blockquote footer {
   color: #818a91;
 }
 blockquote footer:before {
-  content: '\2014 \00A0';
+  content: "\2014 \00A0";
 }
 
 .blockquote-reverse {
   padding-right: 1rem;
   padding-left: 0;
-  text-align: right; 
+  text-align: right;
   border-right: .25rem solid #eceeef;
   border-left: 0;
 }
 .blockquote-reverse footer:before {
-  content: '';
+  content: "";
 }
 .blockquote-reverse footer:after {
-  content: '\00A0 \2014';
+  content: "\00A0 \2014";
 }
 
 address {
@@ -1780,13 +1779,13 @@ th {
 
 table col[class*="col-"] {
   position: static;
-  display: table-column; 
+  display: table-column;
   float: none;
 }
 
 table td[class*="col-"], table th[class*="col-"] {
   position: static;
-  display: table-cell; 
+  display: table-cell;
   float: none;
 }
 
@@ -1831,7 +1830,7 @@ table td[class*="col-"], table th[class*="col-"] {
 }
 
 .table-responsive {
-  min-height: .01%; 
+  min-height: .01%;
   overflow-x: auto;
 }
 @media screen and (max-width: 33.9em) {
@@ -1839,7 +1838,7 @@ table td[class*="col-"], table th[class*="col-"] {
     width: 100%;
     margin-bottom: 1rem;
     overflow-y: hidden;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
+    -ms-overflow-style: -ms-autohiding-scrollbar; 
     border: 1px solid #eceeef;
   }
   .table-responsive > .table {
@@ -1909,7 +1908,7 @@ table td[class*="col-"], table th[class*="col-"] {
 }
 
 fieldset {
-  min-width: 0; 
+  min-width: 0;
   padding: 0;
   margin: 0;
   border: 0;
@@ -2058,7 +2057,7 @@ input[type="search"] {
 
 .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
   position: absolute;
-  margin-top: 4px \9; 
+  margin-top: 4px \9;
   margin-left: -20px;
 }
 
@@ -2098,7 +2097,7 @@ input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled]
   margin-bottom: 0;
 }
 .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
-  padding-right: 0; 
+  padding-right: 0;
   padding-left: 0;
 }
 
@@ -2333,7 +2332,7 @@ textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > te
 }
 
 .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
-  padding-top: .6rem; 
+  padding-top: .6rem;
   margin-top: 0;
   margin-bottom: 0;
 }
@@ -2353,7 +2352,7 @@ textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > te
 }
 @media (min-width: 34em) {
   .form-horizontal .control-label {
-    padding-top: .6rem; 
+    padding-top: .6rem;
     margin-bottom: 0;
     text-align: right;
   }
@@ -2642,12 +2641,9 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   position: relative;
   height: 0;
   overflow: hidden;
-  -webkit-transition: height .35s ease;
-       -o-transition: height .35s ease;
-          transition: height .35s ease;
   -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
-          transition-timing-function: ease; 
+          transition-timing-function: ease;
   -webkit-transition-duration: .35s;
        -o-transition-duration: .35s;
           transition-duration: .35s;
@@ -2690,7 +2686,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   list-style: none;
   background-color: #fff;
   -webkit-background-clip: padding-box;
-          background-clip: padding-box; 
+          background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: .25rem;
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
@@ -2721,7 +2717,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
   color: #fff;
   text-decoration: none;
-  background-color: #0275d8; 
+  background-color: #0275d8;
   outline: 0;
 }
 
@@ -2730,7 +2726,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
   text-decoration: none;
-  cursor: not-allowed; 
+  cursor: not-allowed;
   background-color: transparent;
   background-image: none;
   filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
@@ -2744,12 +2740,12 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 
 .dropdown-menu-right {
-  right: 0; 
+  right: 0;
   left: auto;
 }
 
 .dropdown-menu-left {
-  right: auto; 
+  right: auto;
   left: 0;
 }
 
@@ -2777,7 +2773,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 
 .dropup .caret, .navbar-fixed-bottom .dropdown .caret {
-  content: ""; 
+  content: "";
   border-top: 0;
   border-bottom: .3em solid;
 }
@@ -2861,12 +2857,12 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 
 .btn-group > .btn + .dropdown-toggle {
-  padding-right: 8px; 
+  padding-right: 8px;
   padding-left: 8px;
 }
 
 .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
-  padding-right: 12px; 
+  padding-right: 12px;
   padding-left: 12px;
 }
 
@@ -2972,7 +2968,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 .input-group[class*="col-"] {
   float: none;
-  padding-right: 0; 
+  padding-right: 0;
   padding-left: 0;
 }
 .input-group .form-control {
@@ -3090,7 +3086,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 .disabled > .nav-link, .disabled > .nav-link:hover, .disabled > .nav-link:focus, .nav-link.disabled, .nav-link.disabled:hover, .nav-link.disabled:focus {
   color: #818a91;
-  cursor: not-allowed; 
+  cursor: not-allowed;
   background-color: transparent;
 }
 
@@ -3135,12 +3131,12 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 .nav-pills .open > .nav-link, .nav-pills .open > .nav-link:hover, .nav-pills .open > .nav-link:focus, .nav-pills .active > .nav-link, .nav-pills .active > .nav-link:hover, .nav-pills .active > .nav-link:focus, .nav-pills .nav-link.open, .nav-pills .nav-link.open:hover, .nav-pills .nav-link.open:focus, .nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
   color: #fff;
-  cursor: default; 
+  cursor: default;
   background-color: #0275d8;
 }
 
 .nav-stacked .nav-item {
-  display: block; 
+  display: block;
   float: none;
 }
 .nav-stacked .nav-item + .nav-item {
@@ -3166,9 +3162,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 .navbar {
   position: relative;
   padding: 1rem;
-  /*min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)*/
   margin-bottom: 1;
-  /*border: 1px solid transparent;*/
 }
 .navbar:before, .navbar:after {
   display: table; 
@@ -3223,7 +3217,6 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   margin-bottom: 0;
   font-size: 1.25rem;
   line-height: 1;
-  /*height: $navbar-height;*/
 }
 .navbar-brand > a:hover, .navbar-brand > a:focus {
   text-decoration: none;
@@ -3292,7 +3285,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 @media (min-width: 34em) {
   .navbar-text {
     float: left;
-    margin-right: 1rem; 
+    margin-right: 1rem;
     margin-left: 1rem;
   }
 }
@@ -3348,7 +3341,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   border-color: #e7e7e7;
 }
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
-  color: #555; 
+  color: #555;
   background-color: #e7e7e7;
 }
 @media (max-width: 33em) {
@@ -3440,7 +3433,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   border-color: #262829;
 }
 .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
-  color: #fff; 
+  color: #fff;
   background-color: #1f2021;
 }
 @media (max-width: 33em) {
@@ -3560,7 +3553,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 
 .card-blockquote {
   padding: 0;
-  margin-bottom: 0; 
+  margin-bottom: 0;
   border-left: 0;
 }
 
@@ -3600,7 +3593,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 
 .card-set-wrapper {
-  margin-right: -1.25rem; 
+  margin-right: -1.25rem;
   margin-left: -1.25rem;
 }
 
@@ -3615,7 +3608,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   max-width: none;
 }
 .card-group .card + .card {
-  margin-left: 0; 
+  margin-left: 0;
   border-left: 0;
 }
 
@@ -3630,7 +3623,6 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 .card-columns .card {
   display: inline-block;
   width: 100%;
-  /*margin-bottom: 1rem;*/
 }
 
 .breadcrumb {
@@ -3646,7 +3638,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 .breadcrumb > li + li:before {
   padding-right: .5rem;
   padding-left: .5rem;
-  color: #818a91; 
+  color: #818a91;
   content: "breadcrumb-divider\00a0";
 }
 .breadcrumb > .active {
@@ -3666,7 +3658,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
   position: relative;
   float: left;
   padding: .5rem .75rem;
-  margin-left: -1px; 
+  margin-left: -1px;
   line-height: 1.5;
   color: #0275d8;
   text-decoration: none;
@@ -3690,13 +3682,13 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
   z-index: 2;
   color: #fff;
-  cursor: default; 
+  cursor: default;
   background-color: #0275d8;
   border-color: #0275d8;
 }
 .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
   color: #818a91;
-  cursor: not-allowed; 
+  cursor: not-allowed;
   background-color: #fff;
   border-color: #ddd;
 }
@@ -3730,7 +3722,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 .pager {
   padding-left: 0;
   margin: 1 0;
-  text-align: center; 
+  text-align: center;
   list-style: none;
 }
 .pager:before, .pager:after {
@@ -3762,7 +3754,7 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 }
 .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
   color: #818a91;
-  cursor: not-allowed; 
+  cursor: not-allowed;
   background-color: #fff;
 }
 
@@ -3897,7 +3889,7 @@ a.badge:hover, a.badge:focus {
     padding: 3.2rem 0;
   }
   .container .jumbotron, .container-fluid .jumbotron {
-    padding-right: 4rem; 
+    padding-right: 4rem;
     padding-left: 4rem;
   }
 
@@ -3984,7 +3976,6 @@ a.badge:hover, a.badge:focus {
   color: #843534;
 }
 
-/*csslint empty-rules: false, important: true*/
 @-webkit-keyframes progress-bar-stripes {
   from {
     background-position: 1 0;
@@ -4021,7 +4012,7 @@ a.badge:hover, a.badge:focus {
 }
 
 .progress[value] {
-  color: #0074d9; 
+  color: #0074d9;
   border: 0;
 
   appearance: none;
@@ -4174,7 +4165,7 @@ a.badge:hover, a.badge:focus {
 }
 
 .media, .media-body {
-  overflow: hidden; 
+  overflow: hidden;
   zoom: 1;
 }
 
@@ -4214,7 +4205,7 @@ a.badge:hover, a.badge:focus {
 }
 
 .list-group {
-  padding-left: 0; 
+  padding-left: 0;
   margin-bottom: 20px;
 }
 
@@ -4250,7 +4241,7 @@ a.list-group-item:hover, a.list-group-item:focus {
 
 .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
   color: #818a91;
-  cursor: not-allowed; 
+  cursor: not-allowed;
   background-color: #eceeef;
 }
 .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
@@ -4425,18 +4416,14 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   z-index: 1040;
   display: none;
   overflow: hidden;
-  -webkit-overflow-scrolling: touch;
+  -webkit-overflow-scrolling: touch; 
   outline: 0;
 }
 .modal.fade .modal-dialog {
-  -webkit-transform: translate(0, -25%);
-  -webkit-transform: transition .3s ease-out;
-      -ms-transform: translate(0, -25%);
-      -ms-transform: transition .3s ease-out;
-       -o-transform: translate(0, -25%);
-       -o-transform: transition .3s ease-out;
-          transform: translate(0, -25%);
-          transform: transition .3s ease-out;
+  -webkit-transform: transition .3s ease-out, translate(0, -25%);
+      -ms-transform: transition .3s ease-out, translate(0, -25%);
+       -o-transform: transition .3s ease-out, translate(0, -25%);
+          transform: transition .3s ease-out, translate(0, -25%);
 }
 .modal.in .modal-dialog {
   -webkit-transform: translate(0, 0);
@@ -4483,7 +4470,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 }
 
 .modal-header {
-  min-height: 16.5px; 
+  min-height: 16.5px;
   padding: 15px;
   border-bottom: 1px solid #e5e5e5;
 }
@@ -4515,7 +4502,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   clear: both;
 }
 .modal-footer .btn + .btn {
-  margin-bottom: 0; 
+  margin-bottom: 0;
   margin-left: 5px;
 }
 .modal-footer .btn-group .btn + .btn {
@@ -4570,19 +4557,19 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   opacity: .9;
 }
 .tooltip.top {
-  padding: 5px 0; 
+  padding: 5px 0;
   margin-top: -3px;
 }
 .tooltip.right {
-  padding: 0 5px; 
+  padding: 0 5px;
   margin-left: 3px;
 }
 .tooltip.bottom {
-  padding: 5px 0; 
+  padding: 5px 0;
   margin-top: 3px;
 }
 .tooltip.left {
-  padding: 0 5px; 
+  padding: 0 5px;
   margin-left: -3px;
 }
 
@@ -4674,7 +4661,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   font-weight: normal;
   line-height: 1.5;
   text-align: left;
-  white-space: normal; 
+  white-space: normal;
   background-color: #fff;
   -webkit-background-clip: padding-box;
           background-clip: padding-box;
@@ -4723,12 +4710,12 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 }
 
 .popover > .arrow:after {
-  content: ""; 
+  content: "";
   border-width: 10px;
 }
 
 .popover.top > .arrow {
-  bottom: -11px; 
+  bottom: -11px;
   left: 50%;
   margin-left: -11px;
   border-top-color: fadein(rgba(0, 0, 0, .2), 5%);
@@ -4737,26 +4724,26 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 .popover.top > .arrow:after {
   bottom: 1px;
   margin-left: -10px;
-  content: " ";
-  border-top-color: #fff; 
+  content: "";
+  border-top-color: #fff;
   border-bottom-width: 0;
 }
 .popover.right > .arrow {
   top: 50%;
   left: -11px;
   margin-top: -11px;
-  border-right-color: fadein(rgba(0, 0, 0, .2), 5%); 
+  border-right-color: fadein(rgba(0, 0, 0, .2), 5%);
   border-left-width: 0;
 }
 .popover.right > .arrow:after {
   bottom: -10px;
   left: 1px;
-  content: " ";
-  border-right-color: #fff; 
+  content: "";
+  border-right-color: #fff;
   border-left-width: 0;
 }
 .popover.bottom > .arrow {
-  top: -11px; 
+  top: -11px;
   left: 50%;
   margin-left: -11px;
   border-top-width: 0;
@@ -4765,7 +4752,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 .popover.bottom > .arrow:after {
   top: 1px;
   margin-left: -10px;
-  content: " ";
+  content: "";
   border-top-width: 0;
   border-bottom-color: #fff;
 }
@@ -4778,8 +4765,8 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 }
 .popover.left > .arrow:after {
   right: 1px;
-  bottom: -10px; 
-  content: " ";
+  bottom: -10px;
+  content: "";
   border-right-width: 0;
   border-left-color: #fff;
 }
@@ -4790,7 +4777,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 
 .carousel-inner {
   position: relative;
-  width: 100%; 
+  width: 100%;
   overflow: hidden;
 }
 .carousel-inner > .item {
@@ -4815,17 +4802,17 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
             perspective: 1000;
   }
   .carousel-inner > .item.next, .carousel-inner > .item.active.right {
-    left: 0; 
+    left: 0;
     -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0);
   }
   .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
-    left: 0; 
+    left: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0);
   }
   .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
-    left: 0; 
+    left: 0;
     -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
   }
@@ -4866,7 +4853,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   font-size: 20px;
   color: #fff;
   text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, .6); 
+  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
   opacity: .5;
 }
 .carousel-control.left {
@@ -4913,10 +4900,10 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   margin-right: -10px;
 }
 .carousel-control .icon-prev:before {
-  content: '\2039';
+  content: "\2039";
 }
 .carousel-control .icon-next:before {
-  content: '\203a';
+  content: "\203a";
 }
 
 .carousel-indicators {
@@ -4927,7 +4914,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   width: 60%;
   padding-left: 0;
   margin-left: -30%;
-  text-align: center; 
+  text-align: center;
   list-style: none;
 }
 .carousel-indicators li {
@@ -4937,7 +4924,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
   margin: 1px;
   text-indent: -999px;
   cursor: pointer;
-  background-color: rgba(0, 0, 0, 0); 
+  background-color: rgba(0, 0, 0, 0);
   border: 1px solid #fff;
   border-radius: 10px;
 }
@@ -5021,7 +5008,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
 }
 
 .p-h {
-  padding-right: 1rem; 
+  padding-right: 1rem;
   padding-left: 1rem;
 }
 

package.json

@@ -54,6 +54,7 @@
     "grunt-jscs": "~1.0.0",
     "grunt-sass": "~0.17.0",
     "grunt-saucelabs": "~8.3.3",
+    "grunt-scss-lint": "^0.3.4",
     "grunt-sed": "~0.1.1",
     "load-grunt-tasks": "~1.0.0",
     "npm-shrinkwrap": "5.0.0",

scss/.scss-lint.yml

+scss_files: "scss/*.scss"
+
+linters:
+  BangFormat:
+    enabled: true
+    space_before_bang: true
+    space_after_bang: false
+
+  BorderZero:
+    enabled: true
+
+  ColorKeyword:
+    enabled: true
+
+  Comment:
+    enabled: true
+
+  DebugStatement:
+    enabled: true
+
+  DeclarationOrder:
+    enabled: false
+
+  DuplicateProperty:
+    enabled: true
+
+  ElsePlacement:
+    enabled: true
+    style: same_line # or 'new_line'
+
+  EmptyLineBetweenBlocks:
+    enabled: false
+    ignore_single_line_blocks: true
+
+  EmptyRule:
+    enabled: true
+
+  FinalNewline:
+    enabled: true
+    present: true
+
+  HexLength:
+    enabled: true
+    style: short # or 'long'
+
+  HexNotation:
+    enabled: true
+    style: lowercase # or 'uppercase'
+
+  HexValidation:
+    enabled: true
+
+  IdSelector:
+    enabled: true
+
+  ImportPath:
+    enabled: true
+    leading_underscore: false
+    filename_extension: false
+
+  Indentation:
+    enabled: true
+    character: space # or 'tab'
+    width: 2
+
+  LeadingZero:
+    enabled: false
+    style: exclude_zero # or 'include_zero'
+
+  MergeableSelector:
+    enabled: false
+    force_nesting: true
+
+  NameFormat:
+    enabled: true
+    allow_leading_underscore: true
+    convention: hyphenated_lowercase # or 'BEM', or a regex pattern
+
+  NestingDepth:
+    enabled: false
+
+  PlaceholderInExtend:
+    enabled: false
+
+  PropertySortOrder:
+    enabled: true
+    ignore_unspecified: false
+    severity: warning
+    order: [
+      "position",
+      "top",
+      "right",
+      "bottom",
+      "left",
+      "z-index",
+      "display",
+      "float",
+      "width",
+      "min-width",
+      "max-width",
+      "height",
+      "min-height",
+      "max-height",
+      "-webkit-box-sizing",
+      "-moz-box-sizing",
+      "box-sizing",
+      "-webkit-appearance",
+      "padding",
+      "padding-top",
+      "padding-right",
+      "padding-bottom",
+      "padding-left",
+      "margin",
+      "margin-top",
+      "margin-right",
+      "margin-bottom",
+      "margin-left",
+      "overflow",
+      "overflow-x",
+      "overflow-y",
+      "-webkit-overflow-scrolling",
+      "-ms-overflow-x",
+      "-ms-overflow-y",
+      "-ms-overflow-style",
+      "clip",
+      "clear",
+      "font",
+      "font-family",
+      "font-size",
+      "font-style",
+      "font-weight",
+      "font-variant",
+      "font-size-adjust",
+      "font-stretch",
+      "font-effect",
+      "font-emphasize",
+      "font-emphasize-position",
+      "font-emphasize-style",
+      "font-smooth",
+      "-webkit-hyphens",
+      "-moz-hyphens",
+      "hyphens",
+      "line-height",
+      "color",
+      "text-align",
+      "-webkit-text-align-last",
+      "-moz-text-align-last",
+      "-ms-text-align-last",
+      "text-align-last",
+      "text-emphasis",
+      "text-emphasis-color",
+      "text-emphasis-style",
+      "text-emphasis-position",
+      "text-decoration",
+      "text-indent",
+      "text-justify",
+      "text-outline",
+      "-ms-text-overflow",
+      "text-overflow",
+      "text-overflow-ellipsis",
+      "text-overflow-mode",
+      "text-shadow",
+      "text-transform",
+      "text-wrap",
+      "-webkit-text-size-adjust",
+      "-ms-text-size-adjust",
+      "letter-spacing",
+      "-ms-word-break",
+      "word-break",
+      "word-spacing",
+      "-ms-word-wrap",
+      "word-wrap",
+      "-moz-tab-size",
+      "-o-tab-size",
+      "tab-size",
+      "white-space",
+      "vertical-align",
+      "list-style",
+      "list-style-position",
+      "list-style-type",
+      "list-style-image",
+      "pointer-events",
+      "-ms-touch-action",
+      "touch-action",
+      "cursor",
+      "visibility",
+      "zoom",
+      "flex-direction",
+      "flex-order",
+      "flex-pack",
+      "flex-align",
+      "table-layout",
+      "empty-cells",
+      "caption-side",
+      "border-spacing",
+      "border-collapse",
+      "content",
+      "quotes",
+      "counter-reset",
+      "counter-increment",
+      "resize",
+      "-webkit-user-select",
+      "-moz-user-select",
+      "-ms-user-select",
+      "-o-user-select",
+      "user-select",
+      "nav-index",
+      "nav-up",
+      "nav-right",
+      "nav-down",
+      "nav-left",
+      "background",
+      "background-color",
+      "background-image",
+      "-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",
+      "filter:progid:DXImageTransform.Microsoft.gradient",
+      "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
+      "filter",
+      "background-repeat",
+      "background-attachment",
+      "background-position",
+      "background-position-x",
+      "background-position-y",
+      "-webkit-background-clip",
+      "-moz-background-clip",
+      "background-clip",
+      "background-origin",
+      "-webkit-background-size",
+      "-moz-background-size",
+      "-o-background-size",
+      "background-size",
+      "border",
+      "border-color",
+      "border-style",
+      "border-width",
+      "border-top",
+      "border-top-color",
+      "border-top-style",
+      "border-top-width",
+      "border-right",
+      "border-right-color",
+      "border-right-style",
+      "border-right-width",
+      "border-bottom",
+      "border-bottom-color",
+      "border-bottom-style",
+      "border-bottom-width",
+      "border-left",
+      "border-left-color",
+      "border-left-style",
+      "border-left-width",
+      "border-radius",
+      "border-top-left-radius",
+      "border-top-right-radius",
+      "border-bottom-right-radius",
+      "border-bottom-left-radius",
+      "-webkit-border-image",
+      "-moz-border-image",
+      "-o-border-image",
+      "border-image",
+      "-webkit-border-image-source",
+      "-moz-border-image-source",
+      "-o-border-image-source",
+      "border-image-source",
+      "-webkit-border-image-slice",
+      "-moz-border-image-slice",
+      "-o-border-image-slice",
+      "border-image-slice",
+      "-webkit-border-image-width",
+      "-moz-border-image-width",
+      "-o-border-image-width",
+      "border-image-width",
+      "-webkit-border-image-outset",
+      "-moz-border-image-outset",
+      "-o-border-image-outset",
+      "border-image-outset",
+      "-webkit-border-image-repeat",
+      "-moz-border-image-repeat",
+      "-o-border-image-repeat",
+      "border-image-repeat",
+      "outline",
+      "outline-width",
+      "outline-style",
+      "outline-color",
+      "outline-offset",
+      "-webkit-box-shadow",
+      "-moz-box-shadow",
+      "box-shadow",
+      "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
+      "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
+      "opacity",
+      "-ms-interpolation-mode",
+      "-webkit-transition",
+      "-moz-transition",
+      "-ms-transition",
+      "-o-transition",
+      "transition",
+      "-webkit-transition-delay",
+      "-moz-transition-delay",
+      "-ms-transition-delay",
+      "-o-transition-delay",
+      "transition-delay",
+      "-webkit-transition-timing-function",
+      "-moz-transition-timing-function",
+      "-ms-transition-timing-function",
+      "-o-transition-timing-function",
+      "transition-timing-function",
+      "-webkit-transition-duration",
+      "-moz-transition-duration",
+      "-ms-transition-duration",
+      "-o-transition-duration",
+      "transition-duration",
+      "-webkit-transition-property",
+      "-moz-transition-property",
+      "-ms-transition-property",
+      "-o-transition-property",
+      "transition-property",
+      "-webkit-transform",
+      "-moz-transform",
+      "-ms-transform",
+      "-o-transform",
+      "transform",
+      "-webkit-transform-origin",
+      "-moz-transform-origin",
+      "-ms-transform-origin",
+      "-o-transform-origin",
+      "transform-origin",
+      "-webkit-animation",
+      "-moz-animation",
+      "-ms-animation",
+      "-o-animation",
+      "animation",
+      "-webkit-animation-name",
+      "-moz-animation-name",
+      "-ms-animation-name",
+      "-o-animation-name",
+      "animation-name",
+      "-webkit-animation-duration",
+      "-moz-animation-duration",
+      "-ms-animation-duration",
+      "-o-animation-duration",
+      "animation-duration",
+      "-webkit-animation-play-state",
+      "-moz-animation-play-state",
+      "-ms-animation-play-state",
+      "-o-animation-play-state",
+      "animation-play-state",
+      "-webkit-animation-timing-function",
+      "-moz-animation-timing-function",
+      "-ms-animation-timing-function",
+      "-o-animation-timing-function",
+      "animation-timing-function",
+      "-webkit-animation-delay",
+      "-moz-animation-delay",
+      "-ms-animation-delay",
+      "-o-animation-delay",
+      "animation-delay",
+      "-webkit-animation-iteration-count",
+      "-moz-animation-iteration-count",
+      "-ms-animation-iteration-count",
+      "-o-animation-iteration-count",
+      "animation-iteration-count",
+      "-webkit-animation-direction",
+      "-moz-animation-direction",
+      "-ms-animation-direction",
+      "-o-animation-direction",
+      "animation-direction"
+    ]
+
+  PropertySpelling:
+    enabled: true
+    extra_properties: []
+
+  QualifyingElement:
+    enabled: false
+    allow_element_with_attribute: false
+    allow_element_with_class: false
+    allow_element_with_id: false
+
+  SelectorDepth:
+    enabled: false
+
+  SelectorFormat:
+    enabled: true
+    convention: hyphenated_lowercase # or 'BEM', or 'snake_case', or 'camel_case', or a regex pattern
+
+  Shorthand:
+    enabled: true
+
+  SingleLinePerProperty:
+    enabled: true
+    allow_single_line_rule_sets: true
+
+  SingleLinePerSelector:
+    enabled: false
+
+  SpaceAfterComma:
+    enabled: false
+
+  SpaceAfterPropertyColon:
+    enabled: true
+    style: one_space # or 'no_space', or 'at_least_one_space', or 'aligned'
+
+  SpaceAfterPropertyName:
+    enabled: true
+
+  SpaceBeforeBrace:
+    enabled: true
+    style: space
+    allow_single_line_padding: true
+
+  SpaceBetweenParens:
+    enabled: true
+    spaces: 0
+
+  StringQuotes:
+    enabled: true
+    style: double_quotes
+
+  TrailingSemicolon:
+    enabled: true
+
+  TrailingZero:
+    enabled: false
+
+  UnnecessaryMantissa:
+    enabled: true
+
+  UnnecessaryParentReference:
+    enabled: true
+
+  UrlFormat:
+    enabled: true
+
+  UrlQuotes:
+    enabled: true
+
+  VendorPrefixes:
+    enabled: true
+    identifier_list: base
+    include: []
+    exclude: []
+
+  ZeroUnit:
+    enabled: true
+
+  Compass::*:
+    enabled: false

scss/_animation.scss

@@ -27,8 +27,7 @@
   position: relative;
   height: 0;
   overflow: hidden;
-  transition: height .35s ease;
-  transition-property: height, visibility;
-  transition-duration: .35s;
   transition-timing-function: ease;
+  transition-duration: .35s;
+  transition-property: height, visibility;
 }

scss/_badge.scss

@@ -8,8 +8,8 @@
   position: relative;
   top: -.1em;
   display: inline-block;
-  padding-left: .6em;
   padding-right: .6em;
+  padding-left: .6em;
   font-size: .75em;
   font-weight: $badge-font-weight;
   color: $badge-color;

scss/_breadcrumb.scss

@@ -14,10 +14,10 @@
     display: inline-block;
 
     + li:before {
-      content: "#{breadcrumb-divider}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
-      padding-left: .5rem;
       padding-right: .5rem;
+      padding-left: .5rem;
       color: $breadcrumb-divider-color;
+      content: "#{breadcrumb-divider}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
     }
   }
 

scss/_button-group.scss

@@ -106,12 +106,12 @@
 
 // Give the line between buttons some depth
 .btn-group > .btn + .dropdown-toggle {
-  padding-left: 8px;
   padding-right: 8px;
+  padding-left: 8px;
 }
 .btn-group > .btn-lg + .dropdown-toggle {
-  padding-left: 12px;
   padding-right: 12px;
+  padding-left: 12px;
 }
 
 // The clickable button for toggling the menu
@@ -210,8 +210,8 @@
 
   > .btn,
   > .btn-group {
-    float: none;
     display: table-cell;
+    float: none;
     width: 1%;
   }
 

scss/_buttons.scss

@@ -11,14 +11,14 @@
   margin-bottom: 0; // For input.btn
   font-weight: $btn-font-weight;
   text-align: center;
+  white-space: nowrap;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
+  user-select: none;
   background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
   border: $border-width solid transparent;
-  white-space: nowrap;
   @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base);
-  user-select: none;
   transition: all .2s ease-in-out;
 
   &,
@@ -38,16 +38,16 @@
 
   &:active,
   &.active {
-    outline: 0;
     background-image: none;
+    outline: 0;
     @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
   }
 
   &.disabled,
   &[disabled],
   fieldset[disabled] & {
-    cursor: $cursor-disabled;
     pointer-events: none; // Future-proof disabling of clicks
+    cursor: $cursor-disabled;
     opacity: .65;
     @include box-shadow(none);
   }
@@ -82,8 +82,8 @@
 
 // Make a button look and behave like a link
 .btn-link {
-  color: $link-color;
   font-weight: normal;
+  color: $link-color;
   border-radius: 0;
 
   &,

scss/_card.scss

@@ -101,9 +101,9 @@
 //
 
 .card-blockquote {
-  border-left: 0;
   padding: 0;
   margin-bottom: 0;
+  border-left: 0;
 }
 
 // Card image
@@ -143,14 +143,14 @@
   border-spacing: 1.25rem 0;
 
   .card {
-    float: none;
     display: table-cell;
+    float: none;
     max-width: none;
   }
 }
 .card-set-wrapper {
-  margin-left: -1.25rem;
   margin-right: -1.25rem;
+  margin-left: -1.25rem;
 }
 
 
@@ -164,13 +164,13 @@
   table-layout: fixed;
 
   .card {
-    float: none;
     display: table-cell;
+    float: none;
     max-width: none;
 
     + .card {
-      border-left: 0;
       margin-left: 0;
+      border-left: 0;
     }
   }
 }
@@ -181,12 +181,11 @@
 //
 
 .card-columns {
-          column-count: 3;
-          column-gap: 1rem;
+  column-count: 3;
+  column-gap: 1rem;
 
   .card {
     display: inline-block;
     width: 100%; // Don't let them exceed the column width
-    /*margin-bottom: 1rem;*/
   }
 }

scss/_carousel.scss

@@ -10,12 +10,12 @@
 
 .carousel-inner {
   position: relative;
-  overflow: hidden;
   width: 100%;
+  overflow: hidden;
 
   > .item {
-    display: none;
     position: relative;
+    display: none;
     transition: .6s ease-in-out left;
 
     // Account for jankitude on images
@@ -33,19 +33,19 @@
 
       &.next,
       &.active.right {
-        transform: translate3d(100%, 0, 0);
         left: 0;
+        transform: translate3d(100%, 0, 0);
       }
       &.prev,
       &.active.left {
-        transform: translate3d(-100%, 0, 0);
         left: 0;
+        transform: translate3d(-100%, 0, 0);
       }
       &.next.left,
       &.prev.right,
       &.active {
-        transform: translate3d(0, 0, 0);
         left: 0;
+        transform: translate3d(0, 0, 0);
       }
     }
   }
@@ -93,14 +93,14 @@
 .carousel-control {
   position: absolute;
   top: 0;
-  left: 0;
   bottom: 0;
+  left: 0;
   width: $carousel-control-width;
-  opacity: $carousel-control-opacity;
   font-size: $carousel-control-font-size;
   color: $carousel-control-color;
   text-align: center;
   text-shadow: $carousel-text-shadow;
+  opacity: $carousel-control-opacity;
   // We can't have this transition here because WebKit cancels the carousel
   // animation if you trip this while in the middle of another animation.
 
@@ -109,17 +109,17 @@
     @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
   }
   &.right {
-    left: auto;
     right: 0;
+    left: auto;
     @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
   }
 
   // Hover/focus state
   &:hover,
   &:focus {
-    outline: 0;
     color: $carousel-control-color;
     text-decoration: none;
+    outline: 0;
     opacity: .9;
   }
 
@@ -130,7 +130,7 @@
     top: 50%;
     z-index: 5;
     display: inline-block;
-    width:  20px;
+    width: 20px;
     height: 20px;
     margin-top: -10px;
     font-family: serif;
@@ -146,12 +146,12 @@
   }
   .icon-prev {
     &:before {
-      content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
+      content: "\2039";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
     }
   }
   .icon-next {
     &:before {
-      content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
+      content: "\203a";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
     }
   }
 }
@@ -167,32 +167,31 @@
   left: 50%;
   z-index: 15;
   width: 60%;
-  margin-left: -30%;
   padding-left: 0;
-  list-style: none;
+  margin-left: -30%;
   text-align: center;
+  list-style: none;
 
   li {
     display: inline-block;
-    width:  10px;
+    width: 10px;
     height: 10px;
     margin: 1px;
     text-indent: -999px;
-    border: 1px solid $carousel-indicator-border-color;
-    border-radius: 10px;
     cursor: pointer;
-
     // IE9 hack for event handling
     //
     // Internet Explorer 9 does not support clicks on elements without a set
     // `background-color`. We cannot use `filter` since that's not viewed as a
     // background color by the browser. Thus, a hack is needed.
     background-color: rgba(0,0,0,0); // IE9
+    border: 1px solid $carousel-indicator-border-color;
+    border-radius: 10px;
   }
   .active {
-    margin: 0;
-    width:  12px;
+    width: 12px;
     height: 12px;
+    margin: 0;
     background-color: $carousel-indicator-active-bg;
   }
 }
@@ -202,9 +201,9 @@
 // Hidden by default for smaller viewports
 .carousel-caption {
   position: absolute;
-  left: 15%;
   right: 15%;
   bottom: 20px;
+  left: 15%;
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
@@ -212,7 +211,7 @@
   text-align: center;
   text-shadow: $carousel-text-shadow;
 
-  & .btn {
+  .btn {
     text-shadow: none; // No shadow for button elements in carousel-caption
   }
 }
@@ -239,8 +238,8 @@
 
   // Show and left align the captions
   .carousel-caption {
-    left: 20%;
     right: 20%;
+    left: 20%;
     padding-bottom: 30px;
   }