Update the site's design

.gitignore

@@ -5,3 +5,6 @@
 node_modules/
 *.DS_Store
 *.~undo-tree~
+
+# Local Netlify folder
+.netlify

.stylelintignore

@@ -0,0 +1,4 @@
+# Third-party / vendor CSS kept verbatim for easy comparison against upstream
+# and not subject to our own style rules.
+src/css/resets/_normalize.css
+src/css/vendors/

.stylelintrc.json

@@ -40,221 +40,11 @@
     "no-descending-specificity": null,
     "no-duplicate-selectors": true,
     "number-leading-zero": "always",
-    "order/properties-order": [
-      "position",
-      "top",
-      "right",
-      "bottom",
-      "left",
-      "z-index",
-      "box-sizing",
-      "display",
-      "flex",
-      "flex-align",
-      "flex-basis",
-      "flex-direction",
-      "flex-wrap",
-      "flex-flow",
-      "flex-shrink",
-      "flex-grow",
-      "flex-order",
-      "flex-pack",
-      "align-content",
-      "align-items",
-      "align-self",
-      "justify-content",
-      "order",
-      "float",
-      "width",
-      "min-width",
-      "max-width",
-      "height",
-      "min-height",
-      "max-height",
-      "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",
-      "columns",
-      "column-count",
-      "column-fill",
-      "column-gap",
-      "column-rule",
-      "column-rule-width",
-      "column-rule-style",
-      "column-rule-color",
-      "column-span",
-      "column-width",
-      "orphans",
-      "widows",
-      "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",
-      "src",
-      "hyphens",
-      "line-height",
-      "color",
-      "text-align",
-      "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",
-      "overflow-wrap",
-      "tab-size",
-      "white-space",
-      "vertical-align",
-      "direction",
-      "unicode-bidi",
-      "list-style",
-      "list-style-position",
-      "list-style-type",
-      "list-style-image",
-      "pointer-events",
-      "-ms-touch-action",
-      "touch-action",
-      "cursor",
-      "visibility",
-      "zoom",
-      "table-layout",
-      "empty-cells",
-      "caption-side",
-      "border-spacing",
-      "border-collapse",
-      "content",
-      "quotes",
-      "counter-reset",
-      "counter-increment",
-      "resize",
-      "user-select",
-      "nav-index",
-      "nav-up",
-      "nav-right",
-      "nav-down",
-      "nav-left",
-      "background",
-      "background-color",
-      "background-image",
-      "filter",
-      "background-repeat",
-      "background-attachment",
-      "background-position",
-      "background-position-x",
-      "background-position-y",
-      "background-clip",
-      "background-origin",
-      "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",
-      "border-image",
-      "border-image-source",
-      "border-image-slice",
-      "border-image-width",
-      "border-image-outset",
-      "border-image-repeat",
-      "outline",
-      "outline-width",
-      "outline-style",
-      "outline-color",
-      "outline-offset",
-      "box-shadow",
-      "opacity",
-      "-ms-interpolation-mode",
-      "page-break-after",
-      "page-break-before",
-      "page-break-inside",
-      "transition",
-      "transition-delay",
-      "transition-timing-function",
-      "transition-duration",
-      "transition-property",
-      "transform",
-      "transform-origin",
-      "perspective",
-      "appearance",
-      "animation",
-      "animation-name",
-      "animation-duration",
-      "animation-play-state",
-      "animation-timing-function",
-      "animation-delay",
-      "animation-iteration-count",
-      "animation-direction",
-      "animation-fill-mode",
-      "fill",
-      "stroke"
-    ],
+    "order/properties-alphabetical-order": true,
     "property-no-vendor-prefix": true,
     "rule-empty-line-before": null,
     "selector-attribute-quotes": "always",
-    "selector-list-comma-newline-after": "always",
+    "selector-list-comma-newline-after": "always-multi-line",
     "selector-list-comma-newline-before": "never-multi-line",
     "selector-list-comma-space-after": "always-single-line",
     "selector-list-comma-space-before": "never-single-line",
@@ -267,11 +57,15 @@
     "selector-max-specificity": null,
     "selector-max-type": 2,
     "selector-max-universal": 1,
-    "selector-no-qualifying-type": true,
     "selector-no-vendor-prefix": true,
     "shorthand-property-no-redundant-values": true,
-    "string-quotes": "single",
-    "value-keyword-case": "lower",
+    "string-quotes": ["double", { "avoidEscape": true }],
+    "value-keyword-case": [
+      "lower",
+      {
+        "ignoreKeywords": ["currentColor"]
+      }
+    ],
     "value-list-comma-newline-after": null,
     "value-list-comma-newline-before": null,
     "value-list-comma-space-after": null,