barbican-reset 2.2.0 → 2.2.1

package/helpers/functions/index.scss

@@ -6,10 +6,6 @@
   @return mix(black, $color, $percentage);
 }
 
-@function generic($s:100%, $l:41%) {
-  @return hsl(21, $s, $l);
-}
-
 @function input-bg($value) {
   @return rgba($value,0.08);
 }

package/helpers/mixins/_buttons.scss

@@ -336,7 +336,7 @@
 }
 
 @mixin btn-video-login {
-  @include button-solid($background: $white, $color: $c-splash-videos);
+  // @include button-solid($background: $white, $color: $c-splash-videos);
 }
 
 @mixin btn-cta {

package/helpers/variables/colors/brand/_art.scss

@@ -3,4 +3,5 @@ $c-brand-art: hsl(329, 100%, 45%);
 
 $c-brand-art-tint-98: tint($c-brand-art, 98%);
 $c-brand-art-tint-70: tint($c-brand-art, 70%);
-$c-brand-art-tint-40: tint($c-brand-art, 40%);
+$c-brand-art-tint-40: tint($c-brand-art, 40%);
+$c-brand-art-shade-5: shade($c-brand-art, 5%);

package/helpers/variables/colors/brand/_cinema.scss

@@ -4,5 +4,8 @@ $c-brand-cinema: hsl(126, 62%, 33%);
 $c-brand-cinema-tint-98: tint($c-brand-cinema, 98%);
 $c-brand-cinema-tint-70: tint($c-brand-cinema, 70%);
 $c-brand-cinema-tint-40: tint($c-brand-cinema, 40%);
+$c-brand-cinema-shade-5: shade($c-brand-cinema, 5%);
+
+// ------------------------------
 
 $c-brand-cinema-dark: darken($c-brand-cinema, 7%);

package/helpers/variables/colors/brand/_classical.scss

@@ -4,6 +4,9 @@ $c-brand-classical: hsl(38, 53%, 38%);
 $c-brand-classical-tint-98: tint($c-brand-classical, 98%);
 $c-brand-classical-tint-70: tint($c-brand-classical, 70%);
 $c-brand-classical-tint-40: tint($c-brand-classical, 40%);
+$c-brand-classical-shade-5: shade($c-brand-classical, 5%);
+
+// ------------------------------
 
 $c-brand-classical-light: hsl(38, 53%, 95%);
 $c-brand-classical-dark: hsl(38, 53%, 30%);

package/helpers/variables/colors/brand/_contemporary.scss

@@ -3,4 +3,5 @@ $c-brand-contemporary: hsl(254, 44%, 33%);
 
 $c-brand-contemporary-tint-98: tint($c-brand-contemporary, 98%);
 $c-brand-contemporary-tint-70: tint($c-brand-contemporary, 70%);
-$c-brand-contemporary-tint-40: tint($c-brand-contemporary, 40%);
+$c-brand-contemporary-tint-40: tint($c-brand-contemporary, 40%);
+$c-brand-contemporary-shade-5: shade($c-brand-contemporary, 5%);

package/helpers/variables/colors/brand/_generic.scss

@@ -1,14 +1,17 @@
 
-$c-brand-generic: generic(100%, 41%);
+$c-brand-generic: hsl(21, 100%, 41%);
 
 $c-brand-generic-tint-98: tint($c-brand-generic, 98%);
 $c-brand-generic-tint-70: tint($c-brand-generic, 70%);
 $c-brand-generic-tint-40: tint($c-brand-generic, 40%);
+$c-brand-generic-shade-5: shade($c-brand-generic, 5%);
 
-$c-brand-generic-s60-l99: generic(60%, 99%); // faint
-$c-brand-generic-s100-l95: generic(100%, 95%); // light
-$c-brand-generic-s50-l90: generic(50%, 90%); // shade
-$c-brand-generic-s100-l38: generic(100%, 38%); // dark
-$c-brand-generic-s100-l15: generic(100%, 15%); // x-dark
+// ------------------------------
 
-$c-brand-generic-test: hsl(21, 100%, 98%);
+$c-brand-generic-s60-l99: hsl(21, 60%, 99%); // faint
+$c-brand-generic-s100-l95: hsl(21, 100%, 95%); // light
+$c-brand-generic-s50-l90: hsl(21, 50%, 90%); // shade
+$c-brand-generic-s100-l38: hsl(21, 100%, 38%); // dark
+$c-brand-generic-s100-l15: hsl(21, 100%, 15%); // x-dark
+
+// $c-brand-generic-test: hsl(21, 100%, 98%);

package/helpers/variables/colors/brand/_membership.scss

@@ -4,11 +4,12 @@ $c-brand-membership: hsl(217, 72%, 53%);
 $c-brand-membership-tint-98: tint($c-brand-membership, 98%);
 $c-brand-membership-tint-70: tint($c-brand-membership, 70%);
 $c-brand-membership-tint-40: tint($c-brand-membership, 40%);
-
-$c-brand-membership-dark: hsl(223, 87%, 21%);
+$c-brand-membership-shade-5: shade($c-brand-membership, 5%);
 
 // ------------------------------
 
+$c-brand-membership-dark: hsl(223, 87%, 21%);
+
 $c-patron: $c-grey-l44;
 $c-patron-light: hsl(0, 0%, 60%);
 

package/helpers/variables/colors/brand/_talks.scss

@@ -3,4 +3,5 @@ $c-brand-talks: hsl(214, 30%, 49%);
 
 $c-brand-talks-tint-98: tint($c-brand-talks, 98%);
 $c-brand-talks-tint-70: tint($c-brand-talks, 70%);
-$c-brand-talks-tint-40: tint($c-brand-talks, 40%);
+$c-brand-talks-tint-40: tint($c-brand-talks, 40%);
+$c-brand-talks-shade-5: shade($c-brand-talks, 5%);

package/helpers/variables/colors/brand/_theatre.scss

@@ -3,4 +3,5 @@ $c-brand-theatre: hsl(192, 99%, 31%);
 
 $c-brand-theatre-tint-98: tint($c-brand-theatre, 98%);
 $c-brand-theatre-tint-70: tint($c-brand-theatre, 70%);
-$c-brand-theatre-tint-40: tint($c-brand-theatre, 40%);
+$c-brand-theatre-tint-40: tint($c-brand-theatre, 40%);
+$c-brand-theatre-shade-5: shade($c-brand-theatre, 5%);

package/helpers/variables/colors/brand/index.scss

@@ -10,4 +10,86 @@
 @import "talks";
 @import "theatre";
 
-$c-splash-videos: hsl(0, 0%, 4%);
+$colors: (
+  contemporary-music: (
+    tint-98: $c-brand-contemporary-tint-98,
+    tint-70: $c-brand-contemporary-tint-70,
+    tint-40: $c-brand-contemporary-tint-40,
+    base: $c-brand-contemporary,
+    shade-5: $c-brand-contemporary-shade-5
+  ),
+  membership--support: (
+    tint-98: $c-brand-membership-tint-98,
+    tint-70: $c-brand-membership-tint-70,
+    tint-40: $c-brand-membership-tint-40,
+    base: $c-brand-membership,
+    shade-5: $c-brand-membership-shade-5
+  ),
+  tours--public-spaces: (
+    tint-98: $c-brand-generic-tint-98,
+    tint-70: $c-brand-generic-tint-70,
+    tint-40: $c-brand-generic-tint-40,
+    base: $c-brand-generic,
+    shade-5: $c-brand-generic-shade-5
+  ),
+  classical-music: (
+    tint-98: $c-brand-classical-tint-98,
+    tint-70: $c-brand-classical-tint-70,
+    tint-40: $c-brand-classical-tint-40,
+    base: $c-brand-classical,
+    shade-5: $c-brand-classical-shade-5
+  ),
+  theatre--dance: (
+    tint-98: $c-brand-theatre-tint-98,
+    tint-70: $c-brand-theatre-tint-70,
+    tint-40: $c-brand-theatre-tint-40,
+    base: $c-brand-theatre,
+    shade-5: $c-brand-theatre-shade-5
+  ),
+  talks--events: (
+    tint-98: $c-brand-talks-tint-98,
+    tint-70: $c-brand-talks-tint-70,
+    tint-40: $c-brand-talks-tint-40,
+    base: $c-brand-talks,
+    shade-5: $c-brand-talks-shade-5
+  ),
+  art--design: (
+    tint-98: $c-brand-art-tint-98,
+    tint-70: $c-brand-art-tint-70,
+    tint-40: $c-brand-art-tint-40,
+    base: $c-brand-art,
+    shade-5: $c-brand-art-shade-5
+  ),
+  generic: (
+    tint-98: $c-brand-generic-tint-98,
+    tint-70: $c-brand-generic-tint-70,
+    tint-40: $c-brand-generic-tint-40,
+    base: $c-brand-generic,
+    shade-5: $c-brand-generic-shade-5
+  ),
+  library: (
+    tint-98: $c-brand-generic-tint-98,
+    tint-70: $c-brand-generic-tint-70,
+    tint-40: $c-brand-generic-tint-40,
+    base: $c-brand-generic,
+    shade-5: $c-brand-generic-shade-5
+  ),
+  cinema: (
+    tint-98: $c-brand-cinema-tint-98,
+    tint-70: $c-brand-cinema-tint-70,
+    tint-40: $c-brand-cinema-tint-40,
+    base: $c-brand-cinema,
+    shade-5: $c-brand-cinema-shade-5
+  ),
+  hire: (
+    tint-98: $c-brand-generic-tint-98,
+    tint-70: $c-brand-generic-tint-70,
+    tint-40: $c-brand-generic-tint-40,
+    base: $c-brand-generic,
+    shade-5: $c-brand-generic-shade-5
+  ),
+);
+
+@function get-color($color, $variant: base) {
+  @return map-get(map-get($colors, $color), $variant);
+}

package/library/scss/styles.scss

@@ -12,29 +12,56 @@ body {
   color: $c-grey-l21;
 } 
 
+@mixin brand {
+  @each $color, $variant in $colors {
+    &.#{$color} {
+      @content ($color, $variant);
+    }
+  }
+}
+
 .br-color--palette {
-  list-style: none;
+  list-style: none; 
   margin: 0 0 2rem;
   display: flex;
   gap: 0.125rem;
   padding: 0;
 
-  &.generic { @import "scss/colors/generic"; }
-  &.grey { @import "scss/colors/grey"; }
+  &.grey {
+    > li {
+      &.l11 { background-color: $c-grey-l11; }
+      &.l21 { background-color: $c-grey-l21; }
+      &.l44 { background-color: $c-grey-l44; } 
+      &.l65 { background-color: $c-grey-l65; }
+      &.l87 { background-color: $c-grey-l87; }
+      &.l96 { background-color: $c-grey-l96; } 
+    }
+  }
+
+  @include brand using($color, $variant) {
+    > li {
+      background-color: get-color($color);
+
+      &.tint-98 {
+        background-color: get-color($color, tint-98);
+      }
+      &.tint-70 {
+        background-color: get-color($color, tint-70);
+      }
+      &.tint-40 {
+        background-color: get-color($color, tint-40);
+      }
+      &.shade-5 {
+        background-color: get-color($color, shade-5);
+      }
+    }    
+  }
 }
 
 .br-color--sample {
   background: grey;
   height: 6.25rem;
   width: 6.25rem;
-  
-  &.test { 
-    text-transform: uppercase;
-    place-content: center;
-    font-weight: bold;
-    color: grey;
-    display: grid;
-  }
 } 
 
 h1 {
@@ -49,5 +76,5 @@ h2 {
 
 h3 {
   margin: 0 0 0.5rem;
-}
+} 
 

package/library/static/styles.css

@@ -77,6 +77,129 @@ body {
   gap: 0.125rem;
   padding: 0;
 }
+.br-color--palette.grey > li.l11 {
+  background-color: hsl(0deg, 0%, 11%);
+}
+.br-color--palette.grey > li.l21 {
+  background-color: hsl(0deg, 0%, 21%);
+}
+.br-color--palette.grey > li.l44 {
+  background-color: hsl(0deg, 0%, 44%);
+}
+.br-color--palette.grey > li.l65 {
+  background-color: hsl(0deg, 0%, 65%);
+}
+.br-color--palette.grey > li.l87 {
+  background-color: hsl(0deg, 0%, 87%);
+}
+.br-color--palette.grey > li.l96 {
+  background-color: hsl(0deg, 0%, 96%);
+}
+.br-color--palette.contemporary-music > li {
+  background-color: hsl(254deg, 44%, 33%);
+}
+.br-color--palette.contemporary-music > li.tint-98 {
+  background-color: #fbfbfc;
+}
+.br-color--palette.contemporary-music > li.tint-70 {
+  background-color: #c6c1d7;
+}
+.br-color--palette.contemporary-music > li.tint-40 {
+  background-color: #8c82af;
+}
+.br-color--palette.contemporary-music > li.shade-5 {
+  background-color: #3d2d73;
+}
+.br-color--palette.membership--support > li {
+  background-color: hsl(217deg, 72%, 53%);
+}
+.br-color--palette.membership--support > li.tint-98 {
+  background-color: #fbfcfe;
+}
+.br-color--palette.membership--support > li.tint-70 {
+  background-color: #c1d5f5;
+}
+.br-color--palette.membership--support > li.tint-40 {
+  background-color: #83abeb;
+}
+.br-color--palette.membership--support > li.shade-5 {
+  background-color: #2f6dd2;
+}
+.br-color--palette.tours--public-spaces > li {
+  background-color: hsl(21deg, 100%, 41%);
+}
+.br-color--palette.tours--public-spaces > li.tint-98 {
+  background-color: #fefbfa;
+}
+.br-color--palette.tours--public-spaces > li.tint-70 {
+  background-color: #f1c8b3;
+}
+.br-color--palette.tours--public-spaces > li.tint-40 {
+  background-color: #e39266;
+}
+.br-color--palette.tours--public-spaces > li.shade-5 {
+  background-color: #c74500;
+}
+.br-color--palette.classical-music > li {
+  background-color: hsl(38deg, 53%, 38%);
+}
+.br-color--palette.classical-music > li.tint-98 {
+  background-color: #fdfcfb;
+}
+.br-color--palette.classical-music > li.tint-70 {
+  background-color: #dfd4c0;
+}
+.br-color--palette.classical-music > li.tint-40 {
+  background-color: #bfa982;
+}
+.br-color--palette.classical-music > li.shade-5 {
+  background-color: #8d692c;
+}
+.br-color--palette.theatre--dance > li {
+  background-color: hsl(192deg, 99%, 31%);
+}
+.br-color--palette.theatre--dance > li.tint-98 {
+  background-color: #fafcfd;
+}
+.br-color--palette.theatre--dance > li.tint-70 {
+  background-color: #b3d8e2;
+}
+.br-color--palette.theatre--dance > li.tint-40 {
+  background-color: #67b2c4;
+}
+.br-color--palette.theatre--dance > li.shade-5 {
+  background-color: #017895;
+}
+.br-color--palette.talks--events > li {
+  background-color: hsl(214deg, 30%, 49%);
+}
+.br-color--palette.talks--events > li.tint-98 {
+  background-color: #fcfcfd;
+}
+.br-color--palette.talks--events > li.tint-70 {
+  background-color: #cdd7e3;
+}
+.br-color--palette.talks--events > li.tint-40 {
+  background-color: #9aaec7;
+}
+.br-color--palette.talks--events > li.shade-5 {
+  background-color: #53729a;
+}
+.br-color--palette.art--design > li {
+  background-color: hsl(329deg, 100%, 45%);
+}
+.br-color--palette.art--design > li.tint-98 {
+  background-color: #fffafc;
+}
+.br-color--palette.art--design > li.tint-70 {
+  background-color: #f8b3d6;
+}
+.br-color--palette.art--design > li.tint-40 {
+  background-color: #f066ad;
+}
+.br-color--palette.art--design > li.shade-5 {
+  background-color: #db0071;
+}
 .br-color--palette.generic > li {
   background-color: hsl(21deg, 100%, 41%);
 }
@@ -89,38 +212,53 @@ body {
 .br-color--palette.generic > li.tint-40 {
   background-color: #e39266;
 }
-.br-color--palette.generic > li.s60-l99 {
-  background-color: hsl(21deg, 60%, 99%);
+.br-color--palette.generic > li.shade-5 {
+  background-color: #c74500;
 }
-.br-color--palette.generic > li.s100-l95 {
-  background-color: hsl(21deg, 100%, 95%);
+.br-color--palette.library > li {
+  background-color: hsl(21deg, 100%, 41%);
 }
-.br-color--palette.generic > li.s50-l90 {
-  background-color: hsl(21deg, 50%, 90%);
+.br-color--palette.library > li.tint-98 {
+  background-color: #fefbfa;
 }
-.br-color--palette.generic > li.s100-l38 {
-  background-color: hsl(21deg, 100%, 38%);
+.br-color--palette.library > li.tint-70 {
+  background-color: #f1c8b3;
 }
-.br-color--palette.generic > li.s100-l15 {
-  background-color: hsl(21deg, 100%, 15%);
+.br-color--palette.library > li.tint-40 {
+  background-color: #e39266;
 }
-.br-color--palette.grey > li.l11 {
-  background-color: hsl(0deg, 0%, 11%);
+.br-color--palette.library > li.shade-5 {
+  background-color: #c74500;
 }
-.br-color--palette.grey > li.l21 {
-  background-color: hsl(0deg, 0%, 21%);
+.br-color--palette.cinema > li {
+  background-color: hsl(126deg, 62%, 33%);
 }
-.br-color--palette.grey > li.l44 {
-  background-color: hsl(0deg, 0%, 44%);
+.br-color--palette.cinema > li.tint-98 {
+  background-color: #fbfdfb;
 }
-.br-color--palette.grey > li.l65 {
-  background-color: hsl(0deg, 0%, 65%);
+.br-color--palette.cinema > li.tint-70 {
+  background-color: #bcdbbf;
 }
-.br-color--palette.grey > li.l87 {
-  background-color: hsl(0deg, 0%, 87%);
+.br-color--palette.cinema > li.tint-40 {
+  background-color: #79b87f;
 }
-.br-color--palette.grey > li.l96 {
-  background-color: hsl(0deg, 0%, 96%);
+.br-color--palette.cinema > li.shade-5 {
+  background-color: #1e8128;
+}
+.br-color--palette.hire > li {
+  background-color: hsl(21deg, 100%, 41%);
+}
+.br-color--palette.hire > li.tint-98 {
+  background-color: #fefbfa;
+}
+.br-color--palette.hire > li.tint-70 {
+  background-color: #f1c8b3;
+}
+.br-color--palette.hire > li.tint-40 {
+  background-color: #e39266;
+}
+.br-color--palette.hire > li.shade-5 {
+  background-color: #c74500;
 }
 
 .br-color--sample {
@@ -128,13 +266,6 @@ body {
   height: 6.25rem;
   width: 6.25rem;
 }
-.br-color--sample.test {
-  text-transform: uppercase;
-  place-content: center;
-  font-weight: bold;
-  color: grey;
-  display: grid;
-}
 
 h1 {
   border-bottom: 1px solid grey;

package/library/views/index.pug

@@ -4,26 +4,78 @@ block content
   
   h2 Grey
   ul.br-color--palette.grey
-    li.br-color--sample.l11
-    li.br-color--sample.l21
-    li.br-color--sample.l44
-    li.br-color--sample.l65
-    li.br-color--sample.l87
     li.br-color--sample.l96
+    li.br-color--sample.l87
+    li.br-color--sample.l65
+    li.br-color--sample.l44
+    li.br-color--sample.l21
+    li.br-color--sample.l11
 
   h2 Brand
 
-  h3 Generic
+  h3 Generic / Library / Tours / Hire
   ul.br-color--palette.generic
+    li.br-color--sample.tint-98
+    li.br-color--sample.tint-70
+    li.br-color--sample.tint-40
     li.br-color--sample
+    li.br-color--sample.shade-5
+
+  h3 Contemporary
+  ul.br-color--palette.contemporary-music
     li.br-color--sample.tint-98
     li.br-color--sample.tint-70
     li.br-color--sample.tint-40
-    li.br-color--sample.s60-l99
-    li.br-color--sample.s100-l95
-    li.br-color--sample.s50-l90
-    li.br-color--sample.s100-l38
-    li.br-color--sample.s100-l15
+    li.br-color--sample
+    li.br-color--sample.shade-5
+
+  h3 Membership
+  ul.br-color--palette.membership--support
+    li.br-color--sample.tint-98
+    li.br-color--sample.tint-70
+    li.br-color--sample.tint-40
+    li.br-color--sample
+    li.br-color--sample.shade-5
+
+  h3 Classical
+  ul.br-color--palette.classical-music
+    li.br-color--sample.tint-98
+    li.br-color--sample.tint-70
+    li.br-color--sample.tint-40
+    li.br-color--sample
+    li.br-color--sample.shade-5
+
+  h3 Theatre
+  ul.br-color--palette.theatre--dance
+    li.br-color--sample.tint-98
+    li.br-color--sample.tint-70
+    li.br-color--sample.tint-40
+    li.br-color--sample
+    li.br-color--sample.shade-5
+
+  h3 Talks
+  ul.br-color--palette.talks--events
+    li.br-color--sample.tint-98
+    li.br-color--sample.tint-70
+    li.br-color--sample.tint-40
+    li.br-color--sample
+    li.br-color--sample.shade-5
+
+  h3 Art
+  ul.br-color--palette.art--design
+    li.br-color--sample.tint-98
+    li.br-color--sample.tint-70
+    li.br-color--sample.tint-40
+    li.br-color--sample
+    li.br-color--sample.shade-5
+
+  h3 Cinema
+  ul.br-color--palette.cinema
+    li.br-color--sample.tint-98
+    li.br-color--sample.tint-70
+    li.br-color--sample.tint-40
+    li.br-color--sample
+    li.br-color--sample.shade-5
 
   //- include mixins/test
   //- +test()

package/package.json

@@ -1,12 +1,12 @@
 {
   "_args": [
     [
-      "barbican-reset@2.2.0",
+      "barbican-reset@2.2.1",
       "/Users/pheading/Sites/eticketing-vue"
     ]
   ],
-  "_from": "barbican-reset@2.2.0",
-  "_id": "barbican-reset@2.2.0",
+  "_from": "barbican-reset@2.2.1",
+  "_id": "barbican-reset@2.2.1",
   "_inBundle": false,
   "_integrity": "sha512-9QMrzuoZ/NZfFlFagC6go3ofn5hBhU9rtSPEeGH0krwY5dBKOlfs8oGIvqUaEGFKI+jQ3spuDOQoeyYK5NRiQw==",
   "_location": "/barbican-reset",
@@ -35,24 +35,23 @@
   "_requested": {
     "type": "version",
     "registry": true,
-    "raw": "barbican-reset@2.2.0",
+    "raw": "barbican-reset@2.2.1",
     "name": "barbican-reset",
     "escapedName": "barbican-reset",
-    "rawSpec": "2.2.0",
+    "rawSpec": "2.2.1",
     "saveSpec": null,
-    "fetchSpec": "2.2.0"
+    "fetchSpec": "2.2.1"
   },
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-2.2.0.tgz",
-  "_spec": "2.2.0",
+  "_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-2.2.1.tgz",
+  "_spec": "2.2.1",
   "_where": "/Users/pheading/Sites/eticketing-vue",
   "author": {
     "name": "Paul Heading"
   },
   "dependencies": {
-    "bootstrap": "^5.1.3",
     "bootstrap-vue": "^2.21.2",
     "express": "^4.18.1",
     "focus-visible": "^5.2.0",
@@ -70,6 +69,9 @@
     "vue-moment": "^4.1.0",
     "vue-slick-carousel": "^1.0.6"
   },
+  "devDependencies": {
+    "bootstrap": "^5.1.3"
+  },
   "description": "A collection of useful scss imports and js scripts, that provide consistent styling and functionality across barbican projects.",
   "files": [
     "animations/**/*",
@@ -96,5 +98,5 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "style": "dist/css/barbican-reset.css",
-  "version": "2.2.0"
+  "version": "2.2.1"
 }

package/scss/_app.scss

@@ -26,7 +26,7 @@
   &.concertSplash,
   &.theatreSplash {
     background-image: url("/img/videos/splash-bg.jpg");
-    background-color: $c-splash-videos;
+    // background-color: $c-splash-videos;
     background-position: center -4rem;
     background-repeat: no-repeat;
     background-size: 72rem;

package/library/scss/colors/generic.scss

@@ -1,13 +0,0 @@
-
-> li {
-  background-color: $c-brand-generic; 
-
-  &.tint-98 { background-color: $c-brand-generic-tint-98; }
-  &.tint-70 { background-color: $c-brand-generic-tint-70; }
-  &.tint-40 { background-color: $c-brand-generic-tint-40; }
-  &.s60-l99 { background-color: $c-brand-generic-s60-l99; }
-  &.s100-l95 { background-color: $c-brand-generic-s100-l95; }
-  &.s50-l90 { background-color: $c-brand-generic-s50-l90; }
-  &.s100-l38 { background-color: $c-brand-generic-s100-l38; }
-  &.s100-l15 { background-color: $c-brand-generic-s100-l15; }
-}

package/library/scss/colors/grey.scss

@@ -1,9 +0,0 @@
-
-> li {
-  &.l11 { background-color: $c-grey-l11; }
-  &.l21 { background-color: $c-grey-l21; }
-  &.l44 { background-color: $c-grey-l44; }
-  &.l65 { background-color: $c-grey-l65; }
-  &.l87 { background-color: $c-grey-l87; }
-  &.l96 { background-color: $c-grey-l96; }
-}