barbican-reset 2.60.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/AccountTitle.vue +2 -0
- package/components/BrAlert.vue +2 -2
- package/components/BrButton/components.js +3 -6
- package/components/BrCard.vue +1 -1
- package/components/BrCollapse/Button.vue +12 -11
- package/components/BrConfirmDone.vue +4 -4
- package/components/BrConfirmEmail.vue +4 -4
- package/components/BrContainer.vue +2 -0
- package/components/BrFormBlock.vue +2 -0
- package/components/BrFormCheckboxGroup/Component.vue +1 -1
- package/components/BrFormPassword.vue +3 -3
- package/components/BrFormRow.vue +2 -2
- package/components/BrFormUpdate.vue +1 -1
- package/components/BrLoader.vue +1 -1
- package/components/EventSummary.vue +3 -1
- package/components/SeeInside.vue +4 -2
- package/components/VideoContent.vue +4 -2
- package/icons/account/index.js +9 -9
- package/icons/city_of_london_lockup.vue +1 -1
- package/icons/index.js +20 -10
- package/icons/stream/index.js +9 -9
- package/index.js +34 -34
- package/package.json +1 -1
- package/patterns/components/samples.pug +1 -1
- package/patterns/html/index.html +152 -1
- package/patterns/scss/styles.scss +2 -5
- package/patterns/static/styles.css +471 -532
- package/scss/helpers/variables/colors/_brand.scss +12 -10
- package/scss/helpers/variables/index.scss +0 -1
|
@@ -34,10 +34,11 @@ $setup: (
|
|
|
34
34
|
hire: $c-brand-generic,
|
|
35
35
|
programme: $c-brand-programme,
|
|
36
36
|
shop: $c-brand-shop,
|
|
37
|
-
);
|
|
37
|
+
);
|
|
38
38
|
|
|
39
39
|
/// brands map will contain a shade map for each color variable
|
|
40
|
-
$brands: (
|
|
40
|
+
$brands: (
|
|
41
|
+
);
|
|
41
42
|
|
|
42
43
|
/// map-brands automates the process of creating tints/shades for individual colors.
|
|
43
44
|
@function map-brands($color) {
|
|
@@ -48,7 +49,7 @@ $brands: ();
|
|
|
48
49
|
base: $color,
|
|
49
50
|
tint-40: tint($color, 40%),
|
|
50
51
|
tint-70: tint($color, 70%),
|
|
51
|
-
tint-
|
|
52
|
+
tint-88: tint($color, 88%),
|
|
52
53
|
tint-95: tint($color, 95%),
|
|
53
54
|
tint-98: tint($color, 98%),
|
|
54
55
|
);
|
|
@@ -56,17 +57,18 @@ $brands: ();
|
|
|
56
57
|
}
|
|
57
58
|
|
|
58
59
|
/// this process loops through the $setup map and creates a mappable value for each item, then merges the item into the $brands map
|
|
59
|
-
@each $key, $value in $setup {
|
|
60
|
-
$map: (
|
|
61
|
-
|
|
62
|
-
|
|
60
|
+
@each $key, $value in $setup {
|
|
61
|
+
$map: (
|
|
62
|
+
);
|
|
63
|
+
$map: map-merge($map, ($key: map-brands($value)));
|
|
64
|
+
$brands: map-merge($brands, $map);
|
|
63
65
|
}
|
|
64
66
|
|
|
65
67
|
/// utility function for referencing a color variant from the brands map
|
|
66
68
|
/// @param {Map} $name - color reference from the $setup map
|
|
67
69
|
/// @param {String} $variant - shade reference from the map-brands function
|
|
68
70
|
@function brandColor($name, $variant: base) {
|
|
69
|
-
@return map-get(map-get($brands, $name), $variant);
|
|
71
|
+
@return map-get(map-get($brands, $name), $variant);
|
|
70
72
|
}
|
|
71
73
|
|
|
72
74
|
$c-background-alt: brandColor(generic, tint-95);
|
|
@@ -74,14 +76,14 @@ $c-background-alt: brandColor(generic, tint-95);
|
|
|
74
76
|
/// @deprecated $c-brand-cinema-dark
|
|
75
77
|
$c-brand-cinema-dark: brandColor(cinema, shade-20);
|
|
76
78
|
/// @deprecated $c-brand-shop-light
|
|
77
|
-
$c-brand-shop-light: brandColor(shop, tint-
|
|
79
|
+
$c-brand-shop-light: brandColor(shop, tint-88);
|
|
78
80
|
/// @deprecated $c-brand-shop-dark
|
|
79
81
|
$c-brand-shop-dark: brandColor(shop, shade-20);
|
|
80
82
|
|
|
81
83
|
/// @deprecated $c-brand-faint?
|
|
82
84
|
$c-brand-generic-s60-l99: brandColor(generic, tint-95);
|
|
83
85
|
/// @deprecated $c-brand-light?
|
|
84
|
-
$c-brand-generic-s100-l95: brandColor(generic, tint-
|
|
86
|
+
$c-brand-generic-s100-l95: brandColor(generic, tint-88);
|
|
85
87
|
/// @deprecated $c-brand-shade?
|
|
86
88
|
$c-brand-generic-s50-l90: brandColor(generic, tint-70);
|
|
87
89
|
/// @deprecated $c-brand-dark?
|