@nationalarchives/frontend 0.22.0 → 0.23.0

package/nationalarchives/lib/font-awesome/_sizing.scss

@@ -1,16 +1,18 @@
 // sizing icons
 // -------------------------
+@use "variables" as v;
+@use "mixins" as m;
 
 // literal magnification scale
 @for $i from 1 through 10 {
-  .#{$fa-css-prefix}-#{$i}x {
+  .#{v.$css-prefix}-#{$i}x {
     font-size: $i * 1em;
   }
 }
 
 // step-based scale (with alignment)
-@each $size, $value in $fa-sizes {
-  .#{$fa-css-prefix}-#{$size} {
-    @include fa-size($value);
+@each $size, $value in v.$sizes {
+  .#{v.$css-prefix}-#{$size} {
+    @include m.fa-size($value);
   }
 }

package/nationalarchives/lib/font-awesome/_stacked.scss

@@ -1,32 +1,33 @@
 // stacking icons
 // -------------------------
+@use "variables" as v;
 
-.#{$fa-css-prefix}-stack {
+.#{v.$css-prefix}-stack {
   display: inline-block;
   height: 2em;
   line-height: 2em;
   position: relative;
-  vertical-align: $fa-stack-vertical-align;
-  width: $fa-stack-width;
+  vertical-align: v.$stack-vertical-align;
+  width: v.$stack-width;
 }
 
-.#{$fa-css-prefix}-stack-1x,
-.#{$fa-css-prefix}-stack-2x {
+.#{v.$css-prefix}-stack-1x,
+.#{v.$css-prefix}-stack-2x {
   left: 0;
   position: absolute;
   text-align: center;
   width: 100%;
-  z-index: var(--#{$fa-css-prefix}-stack-z-index, #{$fa-stack-z-index});
+  z-index: var(--#{v.$css-prefix}-stack-z-index, #{v.$stack-z-index});
 }
 
-.#{$fa-css-prefix}-stack-1x {
+.#{v.$css-prefix}-stack-1x {
   line-height: inherit;
 }
 
-.#{$fa-css-prefix}-stack-2x {
+.#{v.$css-prefix}-stack-2x {
   font-size: 2em;
 }
 
-.#{$fa-css-prefix}-inverse {
-  color: var(--#{$fa-css-prefix}-inverse, #{$fa-inverse});
+.#{v.$css-prefix}-inverse {
+  color: var(--#{v.$css-prefix}-inverse, #{v.$inverse});
 }