Merge pull request #8 from twbs/scss-lint

Add SCSS-Lint to Grunt
2024-11-29 11:24:18 +01:00 · 2014-12-11 12:16:45 -08:00 · 2014-12-11 12:16:45 -08:00 · 30fe3d9792
commit 30fe3d9792
parent f7e103a6ac 2edc779391
42 changed files with 887 additions and 430 deletions
--- a/.gitignore
+++ b/.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
--- a/.travis.yml
+++ b/.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="
--- a/Gruntfile.js
+++ b/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']);
--- a/dist/css/bootstrap.css
+++ b/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;
 }

--- a/dist/css/bootstrap.css.map
+++ b/dist/css/bootstrap.css.map
--- a/dist/css/bootstrap.min.css
+++ b/dist/css/bootstrap.min.css
--- a/docs/assets/css/docs.min.css
+++ b/docs/assets/css/docs.min.css
--- a/docs/assets/js/docs.min.js
+++ b/docs/assets/js/docs.min.js
--- a/docs/dist/css/bootstrap.css
+++ b/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;
 }

--- a/docs/dist/css/bootstrap.css.map
+++ b/docs/dist/css/bootstrap.css.map
--- a/docs/dist/css/bootstrap.min.css
+++ b/docs/dist/css/bootstrap.min.css
--- a/package.json
+++ b/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",
--- a/scss/.scss-lint.yml
+++ b/scss/.scss-lint.yml
@ -0,0 +1,448 @@
+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
--- a/scss/_animation.scss
+++ b/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;
 }
--- a/scss/_badge.scss
+++ b/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;
--- a/scss/_breadcrumb.scss
+++ b/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
    }
  }

--- a/scss/_button-group.scss
+++ b/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%;
  }

--- a/scss/_buttons.scss
+++ b/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;

  &,
--- a/scss/_card.scss
+++ b/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;*/
  }
 }
--- a/scss/_carousel.scss
+++ b/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;
  }

--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@ -13,12 +13,12 @@
    display: inline-block;
    width: 0;
    height: 0;
-    content: "";
    margin-left: .25rem;
    vertical-align: middle;
-    border-top:   $caret-width-base solid;
+    content: "";
+    border-top: $caret-width-base solid;
    border-right: $caret-width-base solid transparent;
-    border-left:  $caret-width-base solid transparent;
+    border-left: $caret-width-base solid transparent;
  }

  // Prevent the focus on the dropdown toggle when closing dropdowns
@ -38,14 +38,14 @@
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0; // override default ul
-  list-style: none;
  font-size: $font-size-base;
  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
+  list-style: none;
  background-color: $dropdown-bg;
+  background-clip: padding-box;
  border: 1px solid $dropdown-border;
  @include border-radius($border-radius-base);
  @include box-shadow(0 6px 12px rgba(0,0,0,.175));
-  background-clip: padding-box;

  // Dividers (basically an hr) within the dropdown
  .divider {
@ -68,8 +68,8 @@
 .dropdown-menu > li > a {
  &:hover,
  &:focus {
-    text-decoration: none;
    color: $dropdown-link-hover-color;
+    text-decoration: none;
    background-color: $dropdown-link-hover-bg;
  }
 }
@ -81,8 +81,8 @@
  &:focus {
    color: $dropdown-link-active-color;
    text-decoration: none;
-    outline: 0;
    background-color: $dropdown-link-active-bg;
+    outline: 0;
  }
 }

@ -101,10 +101,10 @@
  &:hover,
  &:focus {
    text-decoration: none;
+    cursor: $cursor-disabled;
    background-color: transparent;
    background-image: none; // Remove CSS gradient
    @include reset-filter();
-    cursor: $cursor-disabled;
  }
 }

@ -126,8 +126,8 @@
 // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
 // menu with the parent.
 .dropdown-menu-right {
-  left: auto; // Reset the default from `.dropdown-menu`
  right: 0;
+  left: auto; // Reset the default from `.dropdown-menu`
 }
 // With v3, we enabled auto-flipping if you have a dropdown within a right
 // aligned nav component. To enable the undoing of that, we provide an override
@ -136,8 +136,8 @@
 // This is only for left-aligning a dropdown menu within a `.navbar-right` or
 // `.pull-right` nav component.
 .dropdown-menu-left {
-  left: 0;
  right: auto;
+  left: 0;
 }

 // Dropdown section headers
@ -153,10 +153,10 @@
 // Backdrop to catch body clicks on mobile, etc.
 .dropdown-backdrop {
  position: fixed;
-  left: 0;
+  top: 0;
  right: 0;
  bottom: 0;
-  top: 0;
+  left: 0;
  z-index: ($zindex-dropdown - 10);
 }

@ -175,10 +175,11 @@
 .navbar-fixed-bottom .dropdown {
  // Reverse the caret
  .caret {
+    content: "";
    border-top: 0;
    border-bottom: $caret-width-base solid;
-    content: "";
  }
+  
  // Different positioning for bottom up menu
  .dropdown-menu {
    top: auto;
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@ -8,13 +8,13 @@
 // Restyle and baseline non-control form elements.

 fieldset {
-  padding: 0;
-  margin: 0;
-  border: 0;
  // Chrome and Firefox set a `min-width: min-content;` on fieldsets,
  // so we reset that to ensure it behaves more like a standard block element.
  // See https://github.com/twbs/bootstrap/issues/12359.
  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
 }

 legend {
@ -233,8 +233,8 @@ input[type="search"] {
 .checkbox input[type="checkbox"],
 .checkbox-inline input[type="checkbox"] {
  position: absolute;
-  margin-left: -20px;
  margin-top: 4px \9;
+  margin-left: -20px;
 }

 .radio + .radio,
@ -248,8 +248,8 @@ input[type="search"] {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
-  vertical-align: middle;
  font-weight: normal;
+  vertical-align: middle;
  cursor: pointer;
 }
 .radio-inline + .radio-inline,
@ -304,8 +304,8 @@ input[type="checkbox"] {

  &.input-lg,
  &.input-sm {
-    padding-left: 0;
    padding-right: 0;
+    padding-left: 0;
  }
 }

@ -382,11 +382,12 @@ input[type="checkbox"] {
 // Reposition feedback icon if input has visible label above
 .has-feedback label {

-  & ~ .form-control-feedback {
-     top: ($line-height-computed + 5); // Height of the `label` and its margin
+  ~ .form-control-feedback {
+    top: ($line-height-computed + 5); // Height of the `label` and its margin
  }
+
  &.sr-only ~ .form-control-feedback {
-     top: 0;
+    top: 0;
  }
 }

@ -501,9 +502,9 @@ input[type="checkbox"] {
  .checkbox,
  .radio-inline,
  .checkbox-inline {
+    padding-top: ($padding-base-vertical + .1); // Default padding plus a border
    margin-top: 0;
    margin-bottom: 0;
-    padding-top: ($padding-base-vertical + .1); // Default padding plus a border
  }
  // Account for padding we're adding to ensure the alignment and of help text
  // and other content below items
@ -521,9 +522,9 @@ input[type="checkbox"] {
  // labels on narrow viewports stack the same as a default form example.
  @include media-sm {
    .control-label {
-      text-align: right;
-      margin-bottom: 0;
      padding-top: ($padding-base-vertical + .1); // Default padding plus a border
+      margin-bottom: 0;
+      text-align: right;
    }
  }

--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@ -12,8 +12,8 @@
  // Undo padding and float of grid classes
  &[class*="col-"] {
    float: none;
-    padding-left: 0;
    padding-right: 0;
+    padding-left: 0;
  }

  .form-control {
--- a/scss/_jumbotron.scss
+++ b/scss/_jumbotron.scss
@ -29,8 +29,8 @@

    .container &,
    .container-fluid & {
-      padding-left:  ($jumbotron-padding * 2);
      padding-right: ($jumbotron-padding * 2);
+      padding-left: ($jumbotron-padding * 2);
    }
  }

--- a/scss/_list-group.scss
+++ b/scss/_list-group.scss
@ -9,8 +9,8 @@

 .list-group {
  // No need to set list-style: none; since .list-group-item is block level
-  margin-bottom: 20px;
  padding-left: 0; // reset padding because ul and ol
+  margin-bottom: 20px;
 }


@ -53,8 +53,8 @@ a.list-group-item {
  // Hover state
  &:hover,
  &:focus {
-    text-decoration: none;
    color: $list-group-link-hover-color;
+    text-decoration: none;
    background-color: $list-group-hover-bg;
  }
 }
@ -64,9 +64,9 @@ a.list-group-item {
  &.disabled,
  &.disabled:hover,
  &.disabled:focus {
-    background-color: $list-group-disabled-bg;
    color: $list-group-disabled-color;
    cursor: $cursor-disabled;
+    background-color: $list-group-disabled-bg;

    // Force color to inherit for custom content
    .list-group-item-heading {
--- a/scss/_media.scss
+++ b/scss/_media.scss
@ -9,8 +9,8 @@

 .media,
 .media-body {
-  zoom: 1;
  overflow: hidden;
+  zoom: 1;
 }

 .media-object {
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@ -14,24 +14,22 @@

 // Container that the modal scrolls within
 .modal {
-  display: none;
-  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: $zindex-modal;
-  -webkit-overflow-scrolling: touch;
-
+  display: none;
+  overflow: hidden;
  // Prevent Chrome on Windows from adding a focus outline. For details, see
  // https://github.com/twbs/bootstrap/pull/10951.
  outline: 0;
+  -webkit-overflow-scrolling: touch;

  // When fading in the modal, animate it to slide down
  &.fade .modal-dialog {
-    transform: translate(0, -25%);
-    transform: transition .3s ease-out;
+    transform: transition .3s ease-out, translate(0, -25%);
  }
  &.in .modal-dialog { transform: translate(0, 0); }
 }
@ -51,10 +49,10 @@
 .modal-content {
  position: relative;
  background-color: $modal-content-bg;
+  background-clip: padding-box;
  border: 1px solid $modal-content-border-color;
  border-radius: $border-radius-lg;
  @include box-shadow(0 3px 9px rgba(0,0,0,.5));
-  background-clip: padding-box;
  // Remove focus outline from opened modal
  outline: 0;
 }
@ -74,9 +72,9 @@
 // Modal header
 // Top section of the modal w/ title and dismiss
 .modal-header {
+  min-height: ($modal-title-padding + $modal-title-line-height);
  padding: $modal-title-padding;
  border-bottom: 1px solid $modal-header-border-color;
-  min-height: ($modal-title-padding + $modal-title-line-height);
 }
 // Close icon
 .modal-header .close {
@ -105,8 +103,8 @@

  // Properly space out buttons
  .btn + .btn {
-    margin-left: 5px;
    margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
+    margin-left: 5px;
  }
  // but override that for button groups
  .btn-group .btn + .btn {
--- a/scss/_nav.scss
+++ b/scss/_nav.scss
@ -33,8 +33,8 @@
    &:hover,
    &:focus {
      color: $nav-disabled-link-hover-color;
-      background-color: transparent;
      cursor: $cursor-disabled;
+      background-color: transparent;
    }
  }
 }
@ -120,16 +120,16 @@
    &:hover,
    &:focus {
      color: $component-active-color;
-      background-color: $component-active-bg;
      cursor: default;
+      background-color: $component-active-bg;
    }
  }
 }

 .nav-stacked {
  .nav-item {
-    float: none;
    display: block;
+    float: none;

    + .nav-item {
      margin-top: .2rem;
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@ -11,9 +11,7 @@
 .navbar {
  position: relative;
  padding: $spacer;
-  /*min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)*/
  margin-bottom: $navbar-margin-bottom;
-  /*border: 1px solid transparent;*/

  // Prevent floats from breaking the navbar
  @include clearfix();
@ -73,7 +71,6 @@
  margin-bottom: 0; // For headings
  font-size: $font-size-lg;
  line-height: $line-height-computed;
-  /*height: $navbar-height;*/

  > a:hover,
  > a:focus {
@ -172,9 +169,9 @@
 // our navbars.

 .navbar-form {
-  margin-left: -$navbar-padding-horizontal;
-  margin-right: -$navbar-padding-horizontal;
  padding: 10px $navbar-padding-horizontal;
+  margin-right: -$navbar-padding-horizontal;
+  margin-left: -$navbar-padding-horizontal;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  @include box-shadow(inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1));
@ -198,11 +195,11 @@
  // Undo 100% width for pull classes
  @media (min-width: $grid-float-breakpoint) {
    width: auto;
-    border: 0;
-    margin-left: 0;
-    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
+    margin-right: 0;
+    margin-left: 0;
+    border: 0;
    @include box-shadow(none);
  }
 }
@ -247,8 +244,8 @@

  @media (min-width: $grid-float-breakpoint) {
    float: left;
-    margin-left: $navbar-padding-horizontal;
    margin-right: $navbar-padding-horizontal;
+    margin-left: $navbar-padding-horizontal;
  }
 }

@ -286,6 +283,7 @@

  .navbar-brand {
    color: $navbar-default-brand-color;
+    
    &:hover,
    &:focus {
      color: $navbar-default-brand-hover-color;
@ -348,8 +346,8 @@
      &,
      &:hover,
      &:focus {
-        background-color: $navbar-default-link-active-bg;
        color: $navbar-default-link-active-color;
+        background-color: $navbar-default-link-active-bg;
      }
    }

@ -506,8 +504,8 @@
      &,
      &:hover,
      &:focus {
-        background-color: $navbar-inverse-link-active-bg;
        color: $navbar-inverse-link-active-color;
+        background-color: $navbar-inverse-link-active-bg;
      }
    }

--- a/scss/_pager.scss
+++ b/scss/_pager.scss
@ -6,8 +6,8 @@
 .pager {
  padding-left: 0;
  margin: $line-height-computed 0;
-  list-style: none;
  text-align: center;
+  list-style: none;
  @include clearfix();

  li {
@ -49,8 +49,8 @@
    > a:focus,
    > span {
      color: $pager-disabled-color;
-      background-color: $pager-bg;
      cursor: $cursor-disabled;
+      background-color: $pager-bg;
    }
  }
 }
--- a/scss/_pagination.scss
+++ b/scss/_pagination.scss
@ -15,12 +15,12 @@
      position: relative;
      float: left; // Collapse white-space
      padding: $padding-base-vertical $padding-base-horizontal;
+      margin-left: -1px;
      line-height: $line-height-base;
-      text-decoration: none;
      color: $pagination-color;
+      text-decoration: none;
      background-color: $pagination-bg;
      border: 1px solid $pagination-border;
-      margin-left: -1px;
    }
    &:first-child {
      > a,
@ -54,9 +54,9 @@
    &:focus {
      z-index: 2;
      color: $pagination-active-color;
+      cursor: default;
      background-color: $pagination-active-bg;
      border-color: $pagination-active-border;
-      cursor: default;
    }
  }

@ -68,9 +68,9 @@
    > a:hover,
    > a:focus {
      color: $pagination-disabled-color;
+      cursor: $cursor-disabled;
      background-color: $pagination-disabled-bg;
      border-color: $pagination-disabled-border;
-      cursor: $cursor-disabled;
    }
  }
 }
--- a/scss/_popover.scss
+++ b/scss/_popover.scss
@ -17,15 +17,14 @@
  font-weight: normal;
  line-height: $line-height-base;
  text-align: left;
+  // Overrides for proper insertion
+  white-space: normal;
  background-color: $popover-bg;
  background-clip: padding-box;
  border: 1px solid $popover-border-color;
  @include border-radius($border-radius-lg);
  @include box-shadow(0 5px 10px rgba(0,0,0,.2));

-  // Overrides for proper insertion
-  white-space: normal;
-
  // Offset the popover to account for the popover arrow
  &.top     { margin-top: -$popover-arrow-width; }
  &.right   { margin-left: $popover-arrow-width; }
@ -34,8 +33,8 @@
 }

 .popover-title {
-  margin: 0; // reset heading margin
  padding: 8px 14px;
+  margin: 0; // reset heading margin
  font-size: $font-size-base;
  background-color: $popover-title-bg;
  border-bottom: 1px solid darken($popover-title-bg, 5%);
@ -65,49 +64,49 @@
  border-width: $popover-arrow-outer-width;
 }
 .popover > .arrow:after {
-  border-width: $popover-arrow-width;
  content: "";
+  border-width: $popover-arrow-width;
 }

 .popover {
  &.top > .arrow {
+    bottom: -$popover-arrow-outer-width;
    left: 50%;
    margin-left: -$popover-arrow-outer-width;
-    border-bottom-width: 0;
    border-top-color: $popover-arrow-outer-color;
-    bottom: -$popover-arrow-outer-width;
+    border-bottom-width: 0;
    &:after {
-      content: " ";
      bottom: 1px;
      margin-left: -$popover-arrow-width;
-      border-bottom-width: 0;
+      content: "";
      border-top-color: $popover-arrow-color;
+      border-bottom-width: 0;
    }
  }
  &.right > .arrow {
    top: 50%;
    left: -$popover-arrow-outer-width;
    margin-top: -$popover-arrow-outer-width;
-    border-left-width: 0;
    border-right-color: $popover-arrow-outer-color;
+    border-left-width: 0;
    &:after {
-      content: " ";
-      left: 1px;
      bottom: -$popover-arrow-width;
-      border-left-width: 0;
+      left: 1px;
+      content: "";
      border-right-color: $popover-arrow-color;
+      border-left-width: 0;
    }
  }
  &.bottom > .arrow {
+    top: -$popover-arrow-outer-width;
    left: 50%;
    margin-left: -$popover-arrow-outer-width;
    border-top-width: 0;
    border-bottom-color: $popover-arrow-outer-color;
-    top: -$popover-arrow-outer-width;
    &:after {
-      content: " ";
      top: 1px;
      margin-left: -$popover-arrow-width;
+      content: "";
      border-top-width: 0;
      border-bottom-color: $popover-arrow-color;
    }
@ -120,11 +119,11 @@
    border-right-width: 0;
    border-left-color: $popover-arrow-outer-color;
    &:after {
-      content: " ";
      right: 1px;
+      bottom: -$popover-arrow-width;
+      content: "";
      border-right-width: 0;
      border-left-color: $popover-arrow-color;
-      bottom: -$popover-arrow-width;
    }
  }
 }
--- a/scss/_print.scss
+++ b/scss/_print.scss
@ -1,4 +1,4 @@
-/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
+// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css

 // ==========================================================================
 // Print styles.
@ -6,102 +6,102 @@
 // ==========================================================================

@media print {
-    *,
-    *:before,
-    *:after {
-        background: transparent !important;
-        color: #000 !important; // Black prints faster: h5bp.com/s
-        box-shadow: none !important;
-        text-shadow: none !important;
-    }
+  *,
+  *:before,
+  *:after {
+    color: #000 !important; // Black prints faster: h5bp.com/s
+    text-shadow: none !important;
+    background: transparent !important;
+    box-shadow: none !important;
+  }

-    a,
-    a:visited {
-        text-decoration: underline;
-    }
+  a,
+  a:visited {
+    text-decoration: underline;
+  }

-    a[href]:after {
-        content: " (" attr(href) ")";
-    }
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }

-    abbr[title]:after {
-        content: " (" attr(title) ")";
-    }
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }

-    // Don't show links that are fragment identifiers,
-    // or use the `javascript:` pseudo protocol
-    a[href^="#"]:after,
-    a[href^="javascript:"]:after {
-        content: "";
-    }
+  // Don't show links that are fragment identifiers,
+  // or use the `javascript:` pseudo protocol
+  a[href^="#"]:after,
+  a[href^="javascript:"]:after {
+    content: "";
+  }

-    pre,
-    blockquote {
-        border: 1px solid #999;
-        page-break-inside: avoid;
-    }
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }

-    thead {
-        display: table-header-group; // h5bp.com/t
-    }
+  thead {
+    display: table-header-group; // h5bp.com/t
+  }

-    tr,
-    img {
-        page-break-inside: avoid;
-    }
+  tr,
+  img {
+    page-break-inside: avoid;
+  }

-    img {
-        max-width: 100% !important;
-    }
+  img {
+    max-width: 100% !important;
+  }

-    p,
-    h2,
-    h3 {
-        orphans: 3;
-        widows: 3;
-    }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }

-    h2,
-    h3 {
-        page-break-after: avoid;
-    }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }

-    // Bootstrap specific changes start
-    //
-    // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
-    // Once fixed, we can just straight up remove this.
-    select {
-        background: #fff !important;
-    }
+  // Bootstrap specific changes start
+  //
+  // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
+  // Once fixed, we can just straight up remove this.
+  select {
+    background: #fff !important;
+  }

-    // Bootstrap components
-    .navbar {
-        display: none;
-    }
-    .btn,
-    .dropup > .btn {
-        > .caret {
-            border-top-color: #000 !important;
-        }
-    }
-    .label {
-        border: 1px solid #000;
+  // Bootstrap components
+  .navbar {
+    display: none;
+  }
+  .btn,
+  .dropup > .btn {
+    > .caret {
+      border-top-color: #000 !important;
    }
+  }
+  .label {
+    border: 1px solid #000;
+  }

-    .table {
-        border-collapse: collapse !important;
+  .table {
+    border-collapse: collapse !important;

-        td,
-        th {
-            background-color: #fff !important;
-        }
+    td,
+    th {
+      background-color: #fff !important;
    }
-    .table-bordered {
-        th,
-        td {
-            border: 1px solid #ddd !important;
-        }
+  }
+  .table-bordered {
+    th,
+    td {
+      border: 1px solid #ddd !important;
    }
+  }

-    // Bootstrap specific changes end
+  // Bootstrap specific changes end
 }
--- a/scss/_progress.scss
+++ b/scss/_progress.scss
@ -1,5 +1,3 @@
-/*csslint empty-rules: false, important: true*/
-
 //
 // Progress bars
 // --------------------------------------------------
@ -26,12 +24,12 @@
  margin-bottom: $line-height-computed;
 }
 .progress[value] {
-  // Reset the default appearance
-  appearance: none;
-  // Remove Firefox and Opera border
-  border: 0;
  // IE10 uses `color` to set the bar background-color
  color: #0074d9;
+  // Remove Firefox and Opera border
+  border: 0;
+  // Reset the default appearance
+  appearance: none;
 }
 .progress[value]::-webkit-progress-bar {
  background-color: #eee;
@ -94,8 +92,8 @@
    border-bottom-left-radius: $border-radius-base;
  }
  .progress[width^="0"] {
-    color: $gray-light;
    min-width: 2rem;
+    color: $gray-light;
    background-color: transparent;
    background-image: none;
  }
--- a/scss/_responsive-embed.scss
+++ b/scss/_responsive-embed.scss
@ -16,10 +16,10 @@
  video {
    position: absolute;
    top: 0;
-    left: 0;
    bottom: 0;
-    height: 100%;
+    left: 0;
    width: 100%;
+    height: 100%;
    border: 0;
  }

--- a/scss/_scaffolding.scss
+++ b/scss/_scaffolding.scss
@ -108,7 +108,7 @@ img {
 // Horizontal rules

 hr {
-  margin-top:    $spacer;
+  margin-top: $spacer;
  margin-bottom: $spacer;
  border: 0;
  border-top: .05rem solid $hr-border;
@ -123,8 +123,8 @@ hr {
  position: absolute;
  width: 1px;
  height: 1px;
-  margin: -1px;
  padding: 0;
+  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
--- a/scss/_tables.scss
+++ b/scss/_tables.scss
@ -134,16 +134,17 @@ th {

 table col[class*="col-"] {
  position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
-  float: none;
  display: table-column;
+  float: none;
 }
+
 table {
  td,
  th {
    &[class*="col-"] {
      position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
-      float: none;
      display: table-cell;
+      float: none;
    }
  }
 }
@ -169,15 +170,15 @@ table {
 // will display normally.

 .table-responsive {
-  overflow-x: auto;
  min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
+  overflow-x: auto;

  @media screen and (max-width: $screen-xs-max) {
    width: 100%;
    margin-bottom: $spacer;
    overflow-y: hidden;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid $table-border-color;
+    -ms-overflow-style: -ms-autohiding-scrollbar;

    // Tighten up spacing
    > .table {
--- a/scss/_tooltip.scss
+++ b/scss/_tooltip.scss
@ -8,19 +8,35 @@
  position: absolute;
  z-index: $zindex-tooltip;
  display: block;
-  visibility: visible;
  // Reset font and text propertes given new insertion method
  font-family: $font-family-base;
  font-size: $font-size-sm;
  font-weight: normal;
  line-height: 1.4;
+  visibility: visible;
  opacity: 0;

-  &.in     { opacity: $tooltip-opacity; }
-  &.top    { margin-top:  -3px; padding: $tooltip-arrow-width 0; }
-  &.right  { margin-left:  3px; padding: 0 $tooltip-arrow-width; }
-  &.bottom { margin-top:   3px; padding: $tooltip-arrow-width 0; }
-  &.left   { margin-left: -3px; padding: 0 $tooltip-arrow-width; }
+  &.in { opacity: $tooltip-opacity; }
+  
+  &.top { 
+    padding: $tooltip-arrow-width 0; 
+    margin-top: -3px; 
+  }
+
+  &.right { 
+    padding: 0 $tooltip-arrow-width; 
+    margin-left: 3px; 
+  }
+
+  &.bottom { 
+    padding: $tooltip-arrow-width 0; 
+    margin-top: 3px; 
+  }
+
+  &.left { 
+    padding: 0 $tooltip-arrow-width; 
+    margin-left: -3px; 
+  }
 }

 // Wrapper for the tooltip content
@ -52,8 +68,8 @@
    border-top-color: $tooltip-arrow-color;
  }
  &.top-left .tooltip-arrow {
-    bottom: 0;
    right: $tooltip-arrow-width;
+    bottom: 0;
    margin-bottom: -$tooltip-arrow-width;
    border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
    border-top-color: $tooltip-arrow-color;
--- a/scss/_type.scss
+++ b/scss/_type.scss
@ -76,8 +76,8 @@ small,

 mark,
 .mark {
-  background-color: $state-warning-bg;
  padding: .2em;
+  background-color: $state-warning-bg;
 }


@ -99,6 +99,7 @@ ul,
 ol {
  margin-top: 0;
  margin-bottom: ($line-height-computed / 2);
+  
  ul,
  ol {
    margin-bottom: 0;
@ -120,8 +121,8 @@ ol {

  > li {
    display: inline-block;
-    padding-left: 5px;
    padding-right: 5px;
+    padding-left: 5px;
  }
 }

@ -203,7 +204,7 @@ blockquote {
    color: $blockquote-small-color;

    &:before {
-      content: '\2014 \00A0'; // em dash, nbsp
+      content: "\2014 \00A0"; // em dash, nbsp
    }
  }
 }
@ -212,15 +213,15 @@ blockquote {
 .blockquote-reverse {
  padding-right: $spacer;
  padding-left: 0;
+  text-align: right;
  border-right: .25rem solid $blockquote-border-color;
  border-left: 0;
-  text-align: right;

  // Account for citation
  footer {
-    &:before { content: ''; }
+    &:before { content: ""; }
    &:after {
-      content: '\00A0 \2014'; // nbsp, em dash
+      content: "\00A0 \2014"; // nbsp, em dash
    }
  }
 }
--- a/scss/_utilities-responsive.scss
+++ b/scss/_utilities-responsive.scss
@ -103,15 +103,15 @@
 }

@include media-sm-max {
-  @include responsive-invisibility('.hidden-sm');
+  @include responsive-invisibility(".hidden-sm");
 }

@include media-md-max {
-  @include responsive-invisibility('.hidden-md');
+  @include responsive-invisibility(".hidden-md");
 }

@include media-lg {
-  @include responsive-invisibility('.hidden-lg');
+  @include responsive-invisibility(".hidden-lg");
 }


@ -143,6 +143,6 @@

 .hidden-print {
  @media print {
-    @include responsive-invisibility('.hidden-print');
+    @include responsive-invisibility(".hidden-print");
  }
 }
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@ -29,8 +29,8 @@
  padding: $spacer;
 }
 .p-h {
-  padding-left: $spacer;
  padding-right: $spacer;
+  padding-left: $spacer;
 }
 .p-v {
  padding-top: $spacer;
@ -41,8 +41,8 @@
 .pos-f-t {
  position: fixed;
  top: 0;
-  left: 0;
  right: 0;
+  left: 0;
  z-index: $zindex-navbar-fixed;
 }

--- a/test-infra/S3Cachefile.json
+++ b/test-infra/S3Cachefile.json
@ -7,6 +7,6 @@
    "rubygems": {
        "key": "../pseudo_Gemfile.lock",
        "cache": "$GEMDIR",
-        "generate": "gem install -N jekyll -v $JEKYLL_VERSION && gem install -N rouge -v $ROUGE_VERSION"
+        "generate": "gem install -N scss-lint -v $SCSS_LINT_VERSION && gem install -N jekyll -v $JEKYLL_VERSION && gem install -N rouge -v $ROUGE_VERSION"
    }
 }