Updating lint packages and followup code style fixes.

assets/sass/_colors.scss

@@ -1,4 +1,5 @@
-// stylelint-disable color-no-hex, color-named
+// stylelint-disable color-no-hex, color-named, value-list-max-empty-lines
+// stylelint-disable scss/dollar-variable-colon-space-after, scss/dollar-variable-empty-line-before
 
 // Base colors.
 $black:                 #000;

assets/sass/_variables.scss

@@ -1,10 +1,9 @@
-// stylelint-disable value-keyword-case
+// stylelint-disable value-keyword-case, scss/dollar-variable-colon-space-after, max-line-length
 
 // Variables
 
 // Set variables for this site before a library sets its !default value.
 
-
 // Font faces, stacks and sizes.
 
 // Font styling and line heights are controlled by the several variables that
@@ -65,7 +64,7 @@ $system-ui:       system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Rob
 // Monospace font stacks.
 // For an explanation of why "sans-serif" is at the end of this list, see
 // http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/
-//$menlo:           Menlo, 'DejaVu Sans Mono', 'Ubuntu Mono', Courier, 'Courier New', monospace, sans-serif;
+// $menlo:           Menlo, 'DejaVu Sans Mono', 'Ubuntu Mono', Courier, 'Courier New', monospace, sans-serif;
 $menlo:           Menlo, 'Ubuntu Mono', 'DejaVu Sans Mono', 'Courier New', Courier, monospace, sans-serif;
 
 // The font faces you specify in the $typefaces map can be used in the
@@ -132,13 +131,10 @@ $s-radius: 3px;
 $m-radius: .3rem;
 $l-radius: 1rem;
 
-
 // Miscellaneous variables
 
 // `$indent-amount` controls the amount lists, blockquotes and comments are indented.
-
-// `$include-rtl` controls whether RTL styles are output.
-
 $indent-amount: 2 * $base-font-size;
 
+// `$include-rtl` controls whether RTL styles are output.
 $include-rtl: false;

assets/sass/_zen.scss

@@ -257,7 +257,7 @@ figure {
     @include margin-bottom(.75);
     width: 92%;
 
-    &:required+span::after {
+    &:required + span::after {
       content: ' *';
       color: var(--color-mark-highlight);
       vertical-align: top;

assets/sass/components/watermark/_watermark.scss

@@ -1,3 +1,5 @@
+// stylelint-disable color-function-notation, alpha-value-notation
+
 // Watermark
 //
 // Make the element appear beneath sibling elements, like a watermark.

assets/sass/components/wireframe/_wireframe.scss

@@ -2,7 +2,8 @@ $with-wireframes: false !default;
 
 // Wireframe
 //
-// Add wireframes around main layout elements. [Wireframes](http://www.boxesandarrows.com/view/html_wireframes_and_prototypes_all_gain_and_no_pain)
+// Add wireframes around main layout elements.
+// http://www.boxesandarrows.com/view/html_wireframes_and_prototypes_all_gain_and_no_pain
 // are useful when prototyping a website.
 //
 // This design is not applied to the site unless you set the following Sass

assets/sass/init/image-url/_image-url.scss

@@ -45,5 +45,6 @@ $image-url-subdirectory: 'components' !default;
     $path: $subdirectory;
     $subdirectory: $image-url-subdirectory;
   }
+
   @return url(unquote($path-to-source + '/' + $subdirectory + '/' + $path));
 }

assets/sass/init/rtl/_rtl.scss

@@ -1,3 +1,5 @@
+// stylelint-disable scss/at-if-closing-brace-newline-after, scss/at-if-closing-brace-space-after
+
 $include-rtl: true !default;
 
 // rtl()

assets/sass/layouts/_layouts.scss

@@ -1,4 +1,4 @@
-// stylelint-disable indentation
+// stylelint-disable indentation, declaration-colon-newline-after
 
 .layout {
   &__page {
@@ -137,7 +137,5 @@
     &__cookieconsent {
       grid-area: notice;
     }
-
   }
-
 }

assets/sass/mobile.scss

@@ -6,6 +6,7 @@
 .main-menu,
 .header__region { // stylelint-disable selector-class-pattern
   display: none;
+
   @include respond-to(s) {
     display: block;
   }

assets/sass/reset/document/_document.scss

@@ -1,6 +1,5 @@
 // stylelint-disable property-no-vendor-prefix
 
-
 // Document
 
 html {
@@ -24,7 +23,6 @@ html {
   -webkit-font-smoothing: antialiased;
 }
 
-
 // Use the saner border-box model for all elements.
 *,
 *::before,

assets/sass/reset/grouping/_grouping.scss

@@ -1,6 +1,5 @@
 // Grouping content
 
-
 // Block quotes
 //
 // The `<blockquote>` element is for quoting blocks of content from another
@@ -63,7 +62,6 @@ hr {
   height: 0;
 }
 
-
 // Paragraphs
 
 p,

assets/sass/reset/sections/_sections.scss

@@ -1,6 +1,4 @@
 // Sections
-// ==========================================================================
-
 
 body {
   // Output a horizontal grid to help with debugging typography. The