Fix linting on colours

nationalarchives · Oct 9, 2023 · 3c7feef · 3c7feef
1 parent 5c1400c
commit 3c7feef
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/.stylelintrc b/.stylelintrc
@@ -17,6 +17,14 @@
         "selector-class-pattern": null,
         "plugin/selector-bem-pattern": {
             "preset": "bem"
-        }
+        },
+        "color-function-notation": [
+            "legacy",
+            {
+                "ignore": [
+                    "with-var-inside"
+                ]
+            }
+        ]
     }
 }
diff --git a/src/nationalarchives/variables/_colour.scss b/src/nationalarchives/variables/_colour.scss
@@ -31,6 +31,8 @@ $colour-palette-brand: (
 
 $dark-grey: #26262a;
 $base-font: #343338 !default;
+$link-colour: #1d70ab !default;
+$link-colour-visited: #4c2c92 !default;
 
 /*
 =========================================
@@ -44,10 +46,10 @@ $colour-palette-default: (
   "font-dark": brand-colour("black"),
   "font-light": rgba($base-font, 0.7),
   "icon-light": rgba($base-font, 0.45),
-  "link": #1d70ab,
-  "link-visited": #4c2c92,
+  "link": $link-colour,
+  "link-visited": $link-colour-visited,
   "focus-outline": brand-colour("blue"),
-  "keyline": #ccc,
+  "keyline": rgba($dark-grey, 0.25),
   "keyline-dark": $dark-grey,
   "button-text": brand-colour("white"),
   "button-background": brand-colour("black"),