satisfy linter

.scss-lint.yml

@@ -1,5 +1,7 @@
 scss_files: "**/*.scss"
 
+exclude: 'src/sass/lib/**'
+
 linters:
   BangFormat:
     enabled: true
@@ -12,6 +14,9 @@ linters:
   ColorKeyword:
     enabled: true
 
+  ColorVariable:
+    enabled: false
+
   Comment:
     enabled: false
 

src/sass/_variables.scss

@@ -130,7 +130,6 @@ $border-radius-small:           2px !default;
 
 $hr-border:                     $gray-light !default;
 $abbr-border-color:             $gray-light !default;
-$blockquote-border-color-fallback: $gray-lighter !default;
 $blockquote-border-color:       rgba(#000, .15) !default;
 
 $component-color:               $gray-dark !default;

src/sass/components/_base.scss

@@ -12,8 +12,8 @@ body {
     background-color: $body-bg;
     color: $text-color;
     font-family: $font-family-base;
-    font-weight: $font-weight-normal;
     font-size: $font-size-base;
+    font-weight: $font-weight-normal;
     line-height: $line-height-base;
 }
 
@@ -137,8 +137,7 @@ abbr[title] {
 blockquote {
     margin: 0 0 $line-height-computed;
     padding: floor($line-height-computed / 4) $padding-large-horizontal;
-    border-left: 4px solid $blockquote-border-color-fallback;
+    border-left: 4px solid $blockquote-border-color;
-    border-left-color: $blockquote-border-color;
 
     >:first-child {
         margin-top: 0;

src/sass/components/_buttons.scss

@@ -8,10 +8,10 @@ button {
     display: inline-block;
     margin-bottom: 0;
     border: 1px solid;
-    cursor: pointer;
     font-weight: $btn-font-weight;
     text-align: center;
     white-space: nowrap;
+    cursor: pointer;
     @include button-size($input-padding-vertical, $input-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base);
     @include user-select(none);
     @include transition(background-color ease-in-out .07s, border-color ease-in-out .07s, box-shadow ease-in-out .07s);
@@ -143,6 +143,7 @@ form[action*="repository/diff"] {
 
 .query-columns {
     select {
+        // scss-lint:disable ImportantRule
         width: auto !important;
     }
 

src/sass/components/_coderay.scss

@@ -18,6 +18,7 @@
     }
 
     .debug {
+        // scss-lint:disable ImportantRule
         background: #00f !important;
         color: #fff !important;
     }

src/sass/components/_content.scss

@@ -23,7 +23,7 @@
     float: $sidebar-position;
 
     @media screen and (min-width: 1px) {
-        // scss-lint:disable VendorPrefixes
+        // scss-lint:disable VendorPrefix
         $border: $sidebar-link-active-border;
         $body:   $body-bg;
 

src/sass/components/_elements.scss

@@ -33,8 +33,8 @@
 
 a.collapsible,
 .collapsible > legend {
-    cursor: pointer;
     color: $link-color;
+    cursor: pointer;
     @include user-select(none);
 
     &:hover {
@@ -76,6 +76,7 @@ a.collapsible.collapsed,
         @include transition(max-height $collapsible-animation-time ease-out);
 
         > div {
+            // scss-lint:disable ImportantRule
             display: block !important;
             opacity: 1;
             visibility: visible;
@@ -112,8 +113,8 @@ a.collapsible.collapsed,
 .contextual {
     padding-left: $padding-base-vertical;
     float: right;
-    cursor: default;
     white-space: nowrap;
+    cursor: default;
 
     input,
     select {
@@ -310,6 +311,7 @@ p.subtitle {
     }
 
     &.ui-sortable-placeholder {
+        // scss-lint:disable ImportantRule
         outline: 1px dashed $highlight-border;
         background: $highlight-bg;
         visibility: visible !important;

src/sass/components/_forms.scss

@@ -277,8 +277,8 @@ em.info {
             margin-left: 0;
             padding-left: 16px;
             float: none;
-            cursor: pointer;
             text-align: left;
+            cursor: pointer;
 
             > input {
                 margin-top: 0;
@@ -361,6 +361,7 @@ input {
 }
 
 select.bool_cf {
+    // scss-lint:disable ImportantRule
     width: auto !important;
 }
 
@@ -495,6 +496,7 @@ select.bool_cf {
  * inline styles. Don't allow it break the layout
  */
 #all_attributes > p[style] {
+    // scss-lint:disable ImportantRule
     margin-right: 0 !important;
     margin-bottom: 0;
     padding-left: 0;
@@ -517,7 +519,7 @@ select.bool_cf {
         display: block;
     }
 
-    // scss-lint:disable VendorPrefixes
+    // scss-lint:disable VendorPrefix
     #watchers_inputs {
         display: block;
         max-width: 64em;

src/sass/components/_icons.scss

@@ -912,6 +912,7 @@ $icon-danger-hover-color:            darken($brand-danger, 10%);
         background: url("../../../images/delete.png") no-repeat 1px 50%;
 
         &:hover {
+            // scss-lint:disable ImportantRule
             text-decoration: none !important;
         }
     }

src/sass/components/_pagination.scss

@@ -24,8 +24,8 @@
     .page.current {
         border-color: $pagination-active-border;
         background-color: $pagination-active-bg;
-        cursor: default;
         color: $pagination-active-color;
+        cursor: default;
         z-index: 2;
     }
 

src/sass/components/_print.scss

@@ -20,6 +20,7 @@
     }
 
     #content {
+        // scss-lint:disable ImportantRule
         width: 100%;
         margin: 0;
         padding: 0;

src/sass/components/_wiki.scss

@@ -185,7 +185,6 @@ div.wiki {
         // scss-lint:disable DuplicateProperty
         padding: .2em .33em;
         border-radius: $border-radius-base;
-        background-color: #f5f5f5; // IE8 fallback
         background-color: rgba(#000, .04);
         font-size: $font-size-small;
     }
@@ -198,7 +197,6 @@ div.wiki {
         border: 1px solid #e7e7e7;
         border-radius: $border-radius-base;
         border-color: rgba(#000, .068);
-        background-color: #f7f7f7; // IE8 fallback
         background-color: rgba(#000, .03);
         overflow-x: auto;
         overflow-y: hidden;
@@ -308,6 +306,7 @@ h4,
 h5,
 h6 {
     .wiki-anchor {
+        // scss-lint:disable ImportantRule
         display: none;
         position: relative;
         top: -(1em - $font-size-small);

src/sass/lib/font-awesome/_mixins.scss

@@ -1,5 +1,5 @@
 // Mixins
-// scss-lint:disable VendorPrefixes
+// scss-lint:disable VendorPrefix
 // --------------------------
 
 @mixin fa-icon() {

src/sass/mixins/_gradients.scss

@@ -1,5 +1,5 @@
 // Gradients
-// scss-lint:disable VendorPrefixes
+// scss-lint:disable VendorPrefix
 
 
 // Horizontal gradient, from left to right

src/sass/mixins/_image.scss

@@ -1,13 +1,14 @@
 // Retina image
 //
+
 @mixin img-retina($file-2x, $width-1x, $height-1x) {
     @media
     only screen and (-webkit-min-device-pixel-ratio: 2),
-    only screen and (   min--moz-device-pixel-ratio: 2),
+    only screen and (min--moz-device-pixel-ratio: 2),
-    only screen and (     -o-min-device-pixel-ratio: 2/1),
+    only screen and (-o-min-device-pixel-ratio: 2/1),
-    only screen and (        min-device-pixel-ratio: 2),
+    only screen and (min-device-pixel-ratio: 2),
-    only screen and (                min-resolution: 192dpi),
+    only screen and (min-resolution: 192dpi),
-    only screen and (                min-resolution: 2dppx) {
+    only screen and (min-resolution: 2dppx) {
         background-image: url("#{$file-2x}");
         background-size: $width-1x $height-1x;
     }

src/sass/mixins/_vendor-prefixes.scss

@@ -1,5 +1,5 @@
 // Vendor Prefixes
-// scss-lint:disable VendorPrefixes
+// scss-lint:disable VendorPrefix NameFormat
 //
 // All vendor mixins are deprecated as of v3.2.0 due to the introduction of
 // Autoprefixer in our Gruntfile. They will be removed in v4.