Fixes last remaining lints and enables scss-lint test for GitLab CI.

With this, builds will now fail if they break the SCSS style guide (at
least, the parts enabled by the linter).

Discussed in #14299.

.csscomb.json

@@ -1,16 +1,20 @@
 {
-    "always-semicolon": true,
+  "exclude": [
-    "color-case": "lower",
+    "app/assets/stylesheets/framework/tw_bootstrap_variables.scss",
-    "block-indent": "  ",
+    "app/assets/stylesheets/framework/fonts.scss"
-    "color-shorthand": true,
+  ],
-    "element-case": "lower",
+  "always-semicolon": true,
-    "space-before-colon": "",
+  "color-case": "lower",
-    "space-after-colon": " ",
+  "block-indent": "  ",
-    "space-before-combinator": " ",
+  "color-shorthand": true,
-    "space-after-combinator": " ",
+  "element-case": "lower",
-    "space-between-declarations": "\n",
+  "space-before-colon": "",
-    "space-before-opening-brace": " ",
+  "space-after-colon": " ",
-    "space-after-opening-brace": "\n",
+  "space-before-combinator": " ",
-    "space-before-closing-brace": "\n",
+  "space-after-combinator": " ",
-    "unitless-zero": true
+  "space-between-declarations": "\n",
+  "space-before-opening-brace": " ",
+  "space-after-opening-brace": "\n",
+  "space-before-closing-brace": "\n",
+  "unitless-zero": true
 }

.gitlab-ci.yml

@@ -128,7 +128,6 @@ scss-lint:
     - bundle exec rake scss_lint
   tags:
     - ruby
-  allow_failure: true
 
 brakeman:
   stage: test

app/assets/stylesheets/framework/filters.scss

@@ -15,7 +15,7 @@
 @media (max-width: $screen-xs-max) {
   .filter-item {
     display: block;
-    margin: 0 0 10px 0;
+    margin: 0 0 10px;
   }
 }
 

app/assets/stylesheets/framework/fonts.scss

@@ -1,3 +1,7 @@
+// Disabling "SpaceAfterPropertyColon" linter because the linter doesn't like
+// the way the `src` property is formatted in this file.
+// scss-lint:disable SpaceAfterPropertyColon
+
 /* latin-ext */
 @font-face {
   font-family: 'Source Sans Pro';

app/assets/stylesheets/framework/nav.scss

@@ -132,7 +132,7 @@
       padding-bottom: 0;
 
       .btn, form, .dropdown, .dropdown-menu-toggle, .form-control {
-        margin: 0 0 10px 0;
+        margin: 0 0 10px;
         display: block;
         width: 100%;
       }

app/assets/stylesheets/notify.scss

@@ -3,12 +3,12 @@ img {
   height: auto;
 }
 p.details {
-  font-style:italic;
+  font-style: italic;
-  color:#777
+  color: #777
 }
 .footer p {
-  font-size:small;
+  font-size: small;
-  color:#777
+  color: #777
 }
 pre.commit-message {
   white-space: pre-wrap;
@@ -20,5 +20,5 @@ pre.commit-message {
   color: #090;
 }
 .file-stats .deleted-file {
-  color: #B00;
+  color: #b00;
 }