barbican-reset 2.59.0 → 3.0.0

package/scss/_close-icon.scss

@@ -23,16 +23,16 @@
 
   &.focus-visible {
     @include single-box($c-grey-l21);
-    background-color: $br-white;
+    background-color: white;
     border-radius: 50%;
 
     .outline,
     .cross {
-      fill: $br-white;
+      fill: white;
     }
 
     .fill {
       fill: $c-grey-l21;
     }
   }
-}
+}

package/scss/_footer.scss

@@ -1,8 +1,7 @@
 footer {
-  color: $br-white;
+  color: white;
 
   &:not(.splash) {
     background-color: $c-grey-l11;
   }
-}
-
+}

package/scss/_main.scss

@@ -5,7 +5,7 @@ main {
   &.concertSplash,
   &.theatreSplash {
     padding-top: 2rem;
-    color: $br-white;
+    color: white;
 
     @include medium-up {
       padding-top: 4rem;

package/scss/card/_membership.scss

@@ -9,7 +9,7 @@ $c-yb-membership-card-3: #FE5A59;
   width: calc(100% - 1rem);
   display: inline-block;
   margin: 0.5rem;
-  color: $br-white;
+  color: white;
   border: none;
 
   @include small-up {

package/scss/helpers/mixins/_br-skiplink.scss

@@ -1,10 +1,10 @@
 @mixin br-skiplink {
-  border: 0.25rem solid $c-grey-l21;
-  border-radius: $br-border-radius-lg;
-  background-color: $br-white;
+  border: 1px solid $c-grey-l21;
+  background-color: white;
   color: $c-grey-l21;
   position: absolute;
   padding: 0.5rem;
+  margin: 0.5rem;
   z-index: -1;
   opacity: 0;
 

package/scss/helpers/mixins/_content.scss

@@ -33,6 +33,6 @@
 
 @mixin card-container {
   border-radius: $br-border-radius-lg;
-  background-color: $br-white;
+  background-color: white;
   overflow: hidden;
 }

package/scss/helpers/mixins/_festival.scss

@@ -25,7 +25,7 @@
   margin-right: auto;
   margin-left: auto;
   margin-top: -7rem;
-  background: $br-white;
+  background: white;
   text-align: center;
   padding: 1.25rem;
 

package/scss/helpers/mixins/_focus.scss

@@ -43,8 +43,8 @@
 }
 
 // @mixin focus-tabs-dark {
-//   @include single-box($br-white);
-//   background-color: $br-white;
+//   @include single-box(white);
+//   background-color: white;
 //   color: $black;
 // } // deprecated
 
@@ -54,17 +54,17 @@
   z-index: 2;
 }
 
-@mixin double-box($bg: $br-white, $col: $black, $bg_size: 0.25rem, $col_size: 0.15rem) {
+@mixin double-box($bg: white, $col: $black, $bg_size: 0.25rem, $col_size: 0.15rem) {
   @include box-setup;
   box-shadow: 0 0 0 $bg_size $bg, 0 0 0 ($bg_size + $col_size) $col;
 }
 
-@mixin single-box($bg: $br-white, $size: 0.25rem) {
+@mixin single-box($bg: white, $size: 0.25rem) {
   @include box-setup;
   box-shadow: 0 0 0 $size $bg;
 }
 
-@mixin link-focus($color: $c-grey-l11, $border: $br-white) {
+@mixin link-focus($color: $c-grey-l11, $border: white) {
   @include focus {
     @include double-box($color, $border);
     background-color: $color;

package/scss/helpers/mixins/input/_generic.scss

@@ -58,7 +58,7 @@
   padding: 0.75rem 0.75rem 0.625rem 2.5rem;
   border-radius: $br-border-radius-lg;
   border: 1px solid $c-grey-l65;
-  background-color: $br-white;
+  background-color: white;
   font-weight: normal;
   display: block;
 

package/scss/helpers/variables/colors/_brand.scss

@@ -34,10 +34,11 @@ $setup: (
   hire: $c-brand-generic,
   programme: $c-brand-programme,
   shop: $c-brand-shop,
-); 
+);
 
 /// brands map will contain a shade map for each color variable
-$brands: ();
+$brands: (
+);
 
 /// map-brands automates the process of creating tints/shades for individual colors.
 @function map-brands($color) {
@@ -48,7 +49,7 @@ $brands: ();
     base: $color,
     tint-40: tint($color, 40%),
     tint-70: tint($color, 70%),
-    tint-85: tint($color, 85%),
+    tint-88: tint($color, 88%),
     tint-95: tint($color, 95%),
     tint-98: tint($color, 98%),
   );
@@ -56,17 +57,18 @@ $brands: ();
 }
 
 /// this process loops through the $setup map and creates a mappable value for each item, then merges the item into the $brands map
-@each $key, $value in $setup { 
-  $map: ();
-  $map: map-merge($map, ($key: map-brands($value)));
-  $brands: map-merge($brands, $map);
+@each $key, $value in $setup {
+  $map: (
+  );
+$map: map-merge($map, ($key: map-brands($value)));
+$brands: map-merge($brands, $map);
 }
 
 /// utility function for referencing a color variant from the brands map
 /// @param {Map} $name - color reference from the $setup map 
 /// @param {String} $variant - shade reference from the map-brands function
 @function brandColor($name, $variant: base) {
-  @return map-get(map-get($brands, $name), $variant); 
+  @return map-get(map-get($brands, $name), $variant);
 }
 
 $c-background-alt: brandColor(generic, tint-95);
@@ -74,14 +76,14 @@ $c-background-alt: brandColor(generic, tint-95);
 /// @deprecated $c-brand-cinema-dark
 $c-brand-cinema-dark: brandColor(cinema, shade-20);
 /// @deprecated $c-brand-shop-light
-$c-brand-shop-light: brandColor(shop, tint-85);
+$c-brand-shop-light: brandColor(shop, tint-88);
 /// @deprecated $c-brand-shop-dark
 $c-brand-shop-dark: brandColor(shop, shade-20);
 
 /// @deprecated $c-brand-faint?
 $c-brand-generic-s60-l99: brandColor(generic, tint-95);
 /// @deprecated $c-brand-light?
-$c-brand-generic-s100-l95: brandColor(generic, tint-85);
+$c-brand-generic-s100-l95: brandColor(generic, tint-88);
 /// @deprecated $c-brand-shade?
 $c-brand-generic-s50-l90: brandColor(generic, tint-70);
 /// @deprecated $c-brand-dark?

package/scss/helpers/variables/index.scss

@@ -7,12 +7,11 @@
 $br-gray-300: #dee2e6;
 $br-gray-400: #ced4da;
 $br-gray-500: #adb5bd;
-$br-white: #ffffff;
+$br-white: #ffffff; // deprecated
 $br-blue: #0d6efd;
 $br-input-border-color: #ced4da;
 
 $br-border-radius: 0.25rem;
-$br-border-radius-lg: 0.5rem;
 
 $br-font-size-base: 1rem;
 $br-font-size-lg: 1.25rem;