Add more options for background colours (#16)

nationalarchives · Oct 12, 2023 · 548448e · 548448e
1 parent 0daf44a
commit 548448e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 9 deletions.
diff --git a/src/nationalarchives/tools/_colour.scss b/src/nationalarchives/tools/_colour.scss
@@ -244,10 +244,14 @@
   @extend %accent;
 }
 
-@mixin tint-background {
+%tint-background {
   @include colour-background("background-tint");
 }
 
+@mixin tint-background {
+  @extend %tint-background;
+}
+
 %accent-background {
   @include colour-background("accent-background");
 }

diff --git a/src/nationalarchives/utilities/_global.scss b/src/nationalarchives/utilities/_global.scss
@@ -168,14 +168,20 @@ hr {
   }
 }
 
-.tna-background--contrast {
-  @include colour.invert;
-}
+.tna-background {
+  &--contrast {
+    @include colour.invert;
+  }
 
-.tna-background--accent {
-  @include colour.accent;
-}
+  &--accent {
+    @include colour.accent;
+  }
 
-.tna-background--accent-light {
-  @include colour.light-accent-background;
+  &--accent-light {
+    @include colour.light-accent-background;
+  }
+
+  &--tint {
+    @include colour.tint-background;
+  }
 }