Merge pull request #156 from jackdomleo7/v2.2.0

.stylelintrc

@@ -1,129 +1,9 @@
 {
-  "defaultSeverity": "warning",
-  "plugins": [
-    "stylelint-scss"
-  ],
+  "extends": "stylelint-config-standard-scss",
   "rules": {
-    "color-no-invalid-hex": true,
-    "font-family-no-duplicate-names": true,
-    "function-calc-no-invalid": true,
-    "function-calc-no-unspaced-operator": true,
-    "function-linear-gradient-no-nonstandard-direction": true,
-    "string-no-newline": true,
-    "unit-no-unknown": true,
-    "property-no-unknown": true,
-    "declaration-block-no-duplicate-properties": true,
-    "declaration-block-no-shorthand-property-overrides": true,
-    "block-no-empty": true,
-    "selector-pseudo-class-no-unknown": true,
-    "selector-pseudo-element-no-unknown": true,
-    "selector-type-no-unknown": true,
-    "media-feature-name-no-unknown": true,
-    "comment-no-empty": true,
-    "no-duplicate-at-import-rules": true,
-    "no-duplicate-selectors": true,
-    "no-empty-source": true,
-    "no-extra-semicolons": true,
-    "no-invalid-double-slash-comments": true,
-    "color-named": "never",
-    "function-url-no-scheme-relative": true,
-    "unit-disallowed-list": ["pt", "pc", "cm", "mm", "in", "ex", "ch", "rad"],
-    "shorthand-property-no-redundant-values": true,
-    "declaration-block-single-line-max-declarations": 1,
-    "selector-max-empty-lines": 0,
-    "selector-max-id": 0,
-    "no-unknown-animations": true,
-    "color-hex-case": "lower",
-    "color-hex-length": "short",
-    "font-family-name-quotes": "always-where-recommended",
-    "font-weight-notation": "numeric",
-    "function-comma-newline-after": "never-multi-line",
-    "function-comma-newline-before": "never-multi-line",
-    "function-comma-space-after": "always",
-    "function-comma-space-before": "never",
-    "function-max-empty-lines": 0,
-    "function-name-case": "lower",
-    "function-parentheses-newline-inside": "never-multi-line",
-    "function-parentheses-space-inside": "never",
-    "function-url-quotes": "always",
-    "function-whitespace-after": "always",
-    "number-leading-zero": "always",
-    "number-no-trailing-zeros": true,
-    "length-zero-no-unit": true,
-    "string-quotes": "double",
-    "unit-case": "lower",
-    "value-keyword-case": "lower",
-    "property-case": "lower",
-    "value-list-comma-newline-after": "never-multi-line",
-    "value-list-comma-newline-before": "never-multi-line",
-    "value-list-comma-space-after": "always",
-    "value-list-comma-space-before": "never",
-    "value-list-max-empty-lines": 0,
-    "declaration-bang-space-after": "never",
-    "declaration-bang-space-before": "always",
-    "declaration-colon-space-after": "always",
-    "declaration-colon-space-before": "never",
-    "declaration-empty-line-before": "never",
-    "declaration-block-semicolon-newline-after": "always",
-    "declaration-block-semicolon-newline-before": "never-multi-line",
-    "declaration-block-semicolon-space-before": "never",
-    "declaration-block-trailing-semicolon": "always",
-    "block-closing-brace-empty-line-before": "never",
-    "block-closing-brace-newline-after": "always",
-    "block-closing-brace-newline-before": "always",
-    "block-opening-brace-newline-after": "always",
-    "block-opening-brace-newline-before": "never-single-line",
-    "block-opening-brace-space-before": "always",
-    "selector-attribute-brackets-space-inside": "never",
-    "selector-attribute-operator-space-after": "always",
-    "selector-attribute-operator-space-before": "always",
-    "selector-attribute-quotes": "always",
-    "selector-combinator-space-after": "always",
-    "selector-combinator-space-before": "always",
-    "selector-descendant-combinator-no-non-space": true,
-    "selector-pseudo-class-case": "lower",
-    "selector-pseudo-class-parentheses-space-inside": "always",
-    "selector-pseudo-element-case": "lower",
-    "selector-pseudo-element-colon-notation": "double",
-    "selector-type-case": "lower",
-    "selector-list-comma-newline-after": "always",
-    "selector-list-comma-newline-before": "never-multi-line",
-    "selector-list-comma-space-before": "never",
-    "rule-empty-line-before": [ "always-multi-line", {
-      "except": ["first-nested", "after-single-line-comment"],
-      "ignore": ["after-comment", "first-nested"]
-    }],
-    "media-feature-colon-space-after": "always",
-    "media-feature-colon-space-before": "never",
-    "media-feature-name-case": "lower",
-    "media-feature-parentheses-space-inside": "never",
-    "media-feature-range-operator-space-after": "always",
-    "media-feature-range-operator-space-before": "always",
-    "media-query-list-comma-newline-after": "always",
-    "media-query-list-comma-newline-before": "never-multi-line",
-    "media-query-list-comma-space-after": "always",
-    "media-query-list-comma-space-before": "never",
-    "at-rule-empty-line-before": ["always", {
-      "except": ["after-same-name", "inside-block", "first-nested"],
-      "ignore": ["after-comment", "first-nested", "inside-block"],
-      "ignoreAtRules": ["mixin"]
-    }],
-    "at-rule-name-case": "lower",
-    "at-rule-name-space-after": "always",
-    "at-rule-semicolon-newline-after": "always",
-    "at-rule-semicolon-space-before": "never",
-    "comment-whitespace-inside": "always",
-    "indentation": 2,
-    "max-empty-lines": 2,
-    "no-eol-whitespace": true,
-    "no-missing-end-of-source-newline": true,
-    "no-empty-first-line": true,
-    "scss/at-import-no-partial-leading-underscore": true,
-    "scss/at-rule-no-unknown": true,
-    "scss/dollar-variable-colon-space-after": "always",
-    "scss/dollar-variable-colon-space-before": "never",
-    "scss/declaration-nested-properties": "never",
-    "scss/selector-no-redundant-nesting-selector": true,
-    "scss/no-duplicate-dollar-variables": true
+    "max-line-length": 500,
+    "scss/at-mixin-pattern": "(^[a-z]|[A-Z0-9])[a-z]*",
+    "scss/dollar-variable-pattern": "(^[a-z]|[A-Z0-9])[a-z]*",
+    "scss/percent-placeholder-pattern": "(^[a-z]|[A-Z0-9])[a-z]*"
   }
 }

checka11y-errors.css

@@ -512,7 +512,7 @@ a[href]:not([aria-label]):not([aria-labelledby]):empty::after {
   background-color: var(--checka11y-bg-error);
 }
 
-ol > *:not(li):not(script):not(template)::after, ul > *:not(li):not(script):not(template)::after {
+dl > *:not(dt):not(dd)::after {
   display: block;
   font-size: 1rem;
   font-family: verdana, geneva, tahoma, sans-serif;
@@ -524,13 +524,13 @@ ol > *:not(li):not(script):not(template)::after, ul > *:not(li):not(script):not(
   text-decoration: none;
   text-transform: initial;
   text-shadow: none;
-  content: "ERROR (E0011): List markup invalid. Ensure <li>, <script> or <template> are the only direct children of <ul> or <ol>." !important;
+  content: "ERROR (E0012): List markup invalid. Ensure that the only direct children of <dl> are <dt> and <dd>." !important;
   color: var(--checka11y-text-error);
   border: 0.4rem solid var(--checka11y-border-error);
   background-color: var(--checka11y-bg-error);
 }
 
-dl > *:not(dt):not(dd)::after {
+ol > *:not(li):not(script):not(template)::after, ul > *:not(li):not(script):not(template)::after {
   display: block;
   font-size: 1rem;
   font-family: verdana, geneva, tahoma, sans-serif;
@@ -542,7 +542,7 @@ dl > *:not(dt):not(dd)::after {
   text-decoration: none;
   text-transform: initial;
   text-shadow: none;
-  content: "ERROR (E0012): List markup invalid. Ensure that the only direct children of <dl> are <dt> and <dd>." !important;
+  content: "ERROR (E0011): List markup invalid. Ensure <li>, <script> or <template> are the only direct children of <ul> or <ol>." !important;
   color: var(--checka11y-text-error);
   border: 0.4rem solid var(--checka11y-border-error);
   background-color: var(--checka11y-bg-error);

checka11y.css

@@ -797,7 +797,7 @@ a[href]:not([aria-label]):not([aria-labelledby]):empty::after {
   background-color: var(--checka11y-bg-error);
 }
 
-ol > *:not(li):not(script):not(template)::after, ul > *:not(li):not(script):not(template)::after {
+dl > *:not(dt):not(dd)::after {
   display: block;
   font-size: 1rem;
   font-family: verdana, geneva, tahoma, sans-serif;
@@ -809,13 +809,13 @@ ol > *:not(li):not(script):not(template)::after, ul > *:not(li):not(script):not(
   text-decoration: none;
   text-transform: initial;
   text-shadow: none;
-  content: "ERROR (E0011): List markup invalid. Ensure <li>, <script> or <template> are the only direct children of <ul> or <ol>." !important;
+  content: "ERROR (E0012): List markup invalid. Ensure that the only direct children of <dl> are <dt> and <dd>." !important;
   color: var(--checka11y-text-error);
   border: 0.4rem solid var(--checka11y-border-error);
   background-color: var(--checka11y-bg-error);
 }
 
-dl > *:not(dt):not(dd)::after {
+ol > *:not(li):not(script):not(template)::after, ul > *:not(li):not(script):not(template)::after {
   display: block;
   font-size: 1rem;
   font-family: verdana, geneva, tahoma, sans-serif;
@@ -827,7 +827,7 @@ dl > *:not(dt):not(dd)::after {
   text-decoration: none;
   text-transform: initial;
   text-shadow: none;
-  content: "ERROR (E0012): List markup invalid. Ensure that the only direct children of <dl> are <dt> and <dd>." !important;
+  content: "ERROR (E0011): List markup invalid. Ensure <li>, <script> or <template> are the only direct children of <ul> or <ol>." !important;
   color: var(--checka11y-text-error);
   border: 0.4rem solid var(--checka11y-border-error);
   background-color: var(--checka11y-bg-error);