@penskemediacorp/larva 1.17.0 → 1.20.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.
Files changed (39) hide show
  1. package/build/css/larva-important.css +1 -1
  2. package/build/css/larva.css +1 -1
  3. package/build/css/larva.inline-important.css +1 -1
  4. package/build/css/larva.inline.css +1 -1
  5. package/build/js/common.js +1 -1
  6. package/build/js/standalone/video-showcase.js +7 -7
  7. package/build/svg/defs/sprite.defs.html +1 -1
  8. package/build/tokens/artinamerica.custom-properties.css +1 -546
  9. package/build/tokens/artnews.custom-properties.css +1 -550
  10. package/build/tokens/bbesp.custom-properties.css +96 -0
  11. package/build/tokens/bbesp.json +80 -0
  12. package/build/tokens/bbesp.map.scss +96 -0
  13. package/build/tokens/bbesp.raw.json +789 -0
  14. package/build/tokens/bbpro.custom-properties.css +1 -96
  15. package/build/tokens/billboard.custom-properties.css +1 -96
  16. package/build/tokens/deadline.custom-properties.css +1 -533
  17. package/build/tokens/default.custom-properties.css +1 -533
  18. package/build/tokens/dirt.custom-properties.css +1 -81
  19. package/build/tokens/indiewire.custom-properties.css +1 -536
  20. package/build/tokens/rivet.custom-properties.css +1 -82
  21. package/build/tokens/robbreport.custom-properties.css +1 -536
  22. package/build/tokens/rollingstone-2022.custom-properties.css +1 -534
  23. package/build/tokens/rollingstone-2022.json +23 -23
  24. package/build/tokens/rollingstone-2022.map.scss +23 -23
  25. package/build/tokens/rollingstone-2022.raw.json +46 -46
  26. package/build/tokens/rollingstone.custom-properties.css +1 -530
  27. package/build/tokens/sheknows.custom-properties.css +1 -92
  28. package/build/tokens/sourcingjournal.custom-properties.css +1 -87
  29. package/build/tokens/sportico.custom-properties.css +1 -73
  30. package/build/tokens/thr.custom-properties.css +1 -83
  31. package/build/tokens/variety-compat.custom-properties.css +1 -36
  32. package/build/tokens/variety-vip.custom-properties.css +1 -532
  33. package/build/tokens/variety.custom-properties.css +1 -534
  34. package/build/tokens/vibe.custom-properties.css +1 -81
  35. package/build/tokens/wwd-2021.custom-properties.css +1 -82
  36. package/build/tokens/wwd-beauty.custom-properties.css +1 -86
  37. package/build/tokens/wwd-dd.custom-properties.css +1 -18
  38. package/build/tokens/wwd.custom-properties.css +1 -70
  39. package/package.json +7 -7
package/build/tokens/sourcingjournal.custom-properties.css CHANGED
@@ -1,87 +1 @@
1
-
2
- :root {
3
- --border-color-grey-lightest: rgb(245, 247, 250);
4
- --border-color-brand-secondary-light: rgb(0, 0, 0);
5
- --border-color-grey-light: rgb(204, 204, 204);
6
- --border-color-grey-dark: rgb(90, 101, 109);
7
- --border-color-brand-secondary-dark: rgb(0, 0, 0);
8
- --border-color-brand-secondary: rgb(0, 0, 0);
9
- --border-color-grey: rgb(100, 116, 125);
10
- --border-color-brand-primary-light: rgb(236, 28, 36);
11
- --border-color-white: rgb(255, 255, 255);
12
- --border-color-brand-primary-dark: rgb(236, 28, 36);
13
- --border-color-brand-primary: rgb(237, 29, 37);
14
- --background-color-grey-light: rgb(204, 204, 204);
15
- --background-color-grey-lightest: rgb(245, 247, 250);
16
- --background-color-brand-secondary-dark: rgb(0, 0, 0);
17
- --background-color-brand-secondary-light: rgb(0, 0, 0);
18
- --background-color-grey-dark: rgb(90, 101, 109);
19
- --background-color-grey: rgb(100, 116, 125);
20
- /* The background color of the main body of the site. */
21
- --background-color-body: rgb(255, 255, 255);
22
- /* The secondary brand color. This should be lighter in hue, and sufficient contrast with black text. */
23
- --background-color-brand-secondary: rgb(0, 0, 0);
24
- --background-color-black: rgb(0, 0, 0);
25
- --background-color-brand-primary-light: rgb(236, 28, 36);
26
- --background-color-brand-primary-dark: rgb(236, 28, 36);
27
- --background-color-white: rgb(255, 255, 255);
28
- --background-color-brand-primary: rgb(237, 29, 37);
29
- --background-color-grey-darkest: rgb(72, 83, 91);
30
- --color-brand-secondary: rgb(0, 0, 0);
31
- --color-black: rgb(0, 0, 0);
32
- --color-brand-primary-light: rgb(236, 28, 36);
33
- --color-brand-primary-dark: rgb(236, 28, 36);
34
- --color-white: rgb(255, 255, 255);
35
- --color-brand-primary: rgb(237, 29, 37);
36
- --color-grey-light: rgb(230, 230, 230);
37
- --color-brand-secondary-dark: rgb(0, 0, 0);
38
- --color-brand-secondary-light: rgb(0, 0, 0);
39
- --color-grey-dark: rgb(90, 101, 109);
40
- --color-grey: rgb(100, 116, 125);
41
- /* The webfont for font-family-primary. */
42
- --font-family-primary-fancy: 'playfair-display', Times New Roman, sans-serif;
43
- /* The fallback font for font-family-primary. */
44
- --font-family-primary: 'Times New Roman', serif;
45
- /* Available via Typekit. */
46
- --font-family-secondary-fancy: 'trade-gothic-next', Arial, sans-serif;
47
- /* Fallback from secondary-fancy */
48
- --font-family-secondary: Arial, serif;
49
- --font-family-body: 'trade-gothic-next', Arial, sans-serif;
50
- --font-family-basic: Helvetica, sans-serif;
51
- --font-weight-light: 300;
52
- --font-weight-normal: 400;
53
- --font-weight-bold: 700;
54
- --line-height-small: 1.1;
55
- --line-height-normal: 1.35;
56
- --line-height-copy: 1.5;
57
- --line-height-large: 1.85;
58
- /* Used for margins and padding only. */
59
- --spacing-00: 0;
60
- /* Used for margins and padding only. */
61
- --spacing-025: 0.25rem;
62
- /* Used for margins and padding only. */
63
- --spacing-050: 0.5rem;
64
- /* Used for margins and padding only. */
65
- --spacing-075: 0.75rem;
66
- /* Used for margins and padding only. */
67
- --spacing-1: 1rem;
68
- /* Used for margins and padding only. */
69
- --spacing-125: 1.25rem;
70
- /* Used for margins and padding only. */
71
- --spacing-150: 1.5rem;
72
- /* Used for margins and padding only. */
73
- --spacing-2: 2rem;
74
- --background-color-rivet: rgb(255, 211, 0);
75
- --color-grey-ligh: rgb(126, 141, 150);
76
- --color-grey-darkest: rgb(72, 83, 91);
77
- --border-color-grey-ligh: rgb(126, 141, 150);
78
- --background-color-grey-ligh: rgb(126, 141, 150);
79
- --color-rivet: rgb(255, 211, 0);
80
- --color-grey-lightest: rgb(245, 247, 250);
81
- /* Fallback from ACCENT-fancy */
82
- --font-family-accent: Georgia, serif;
83
- --border-color-rivet: rgb(255, 211, 0);
84
- --border-color-grey-darkest: rgb(72, 83, 91);
85
- /* Available via Typekit. */
86
- --font-family-accent-fancy: 'oswald', Helvetica, sans-serif;
87
- }
1
+ :root{--border-color-grey-lightest: rgb(245, 247, 250);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(204, 204, 204);--border-color-grey-dark: rgb(90, 101, 109);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(0, 0, 0);--border-color-grey: rgb(100, 116, 125);--border-color-brand-primary-light: rgb(236, 28, 36);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(236, 28, 36);--border-color-brand-primary: rgb(237, 29, 37);--background-color-grey-light: rgb(204, 204, 204);--background-color-grey-lightest: rgb(245, 247, 250);--background-color-brand-secondary-dark: rgb(0, 0, 0);--background-color-brand-secondary-light: rgb(0, 0, 0);--background-color-grey-dark: rgb(90, 101, 109);--background-color-grey: rgb(100, 116, 125);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(0, 0, 0);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(236, 28, 36);--background-color-brand-primary-dark: rgb(236, 28, 36);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(237, 29, 37);--background-color-grey-darkest: rgb(72, 83, 91);--color-brand-secondary: rgb(0, 0, 0);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(236, 28, 36);--color-brand-primary-dark: rgb(236, 28, 36);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(237, 29, 37);--color-grey-light: rgb(230, 230, 230);--color-brand-secondary-dark: rgb(0, 0, 0);--color-brand-secondary-light: rgb(0, 0, 0);--color-grey-dark: rgb(90, 101, 109);--color-grey: rgb(100, 116, 125);--font-family-primary-fancy: "playfair-display", Times New Roman, sans-serif;--font-family-primary: "Times New Roman", serif;--font-family-secondary-fancy: "trade-gothic-next", Arial, sans-serif;--font-family-secondary: Arial, serif;--font-family-body: "trade-gothic-next", Arial, sans-serif;--font-family-basic: Helvetica, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--background-color-rivet: rgb(255, 211, 0);--color-grey-ligh: rgb(126, 141, 150);--color-grey-darkest: rgb(72, 83, 91);--border-color-grey-ligh: rgb(126, 141, 150);--background-color-grey-ligh: rgb(126, 141, 150);--color-rivet: rgb(255, 211, 0);--color-grey-lightest: rgb(245, 247, 250);--font-family-accent: Georgia, serif;--border-color-rivet: rgb(255, 211, 0);--border-color-grey-darkest: rgb(72, 83, 91);--font-family-accent-fancy: "oswald", Helvetica, sans-serif}
package/build/tokens/sportico.custom-properties.css CHANGED
@@ -1,73 +1 @@
1
-
2
- :root {
3
- --border-color-grey-lightest: rgb(247, 247, 247);
4
- --border-color-brand-secondary-light: rgb(0, 0, 0);
5
- --border-color-grey-light: rgb(220, 220, 220);
6
- --border-color-grey-dark: rgb(140, 140, 140);
7
- --border-color-brand-secondary-dark: rgb(0, 0, 0);
8
- --border-color-brand-secondary: rgb(171, 202, 89);
9
- --border-color-grey: rgb(140, 140, 140);
10
- --border-color-brand-primary-light: rgb(236, 28, 36);
11
- --border-color-white: rgb(255, 255, 255);
12
- --border-color-brand-primary-dark: rgb(236, 28, 36);
13
- --border-color-brand-primary: rgb(178, 42, 45);
14
- --background-color-grey-light: rgb(220, 220, 220);
15
- --background-color-grey-lightest: rgb(247, 247, 247);
16
- --background-color-brand-secondary-dark: rgb(0, 0, 0);
17
- --background-color-brand-secondary-light: rgb(0, 0, 0);
18
- --background-color-grey-dark: rgb(140, 140, 140);
19
- --background-color-grey: rgb(140, 140, 140);
20
- /* The background color of the main body of the site. */
21
- --background-color-body: rgb(255, 255, 255);
22
- --background-color-brand-secondary: rgb(171, 202, 89);
23
- --background-color-black: rgb(0, 0, 0);
24
- --background-color-brand-primary-light: rgb(236, 28, 36);
25
- --background-color-brand-primary-dark: rgb(236, 28, 36);
26
- --background-color-white: rgb(255, 255, 255);
27
- --background-color-brand-primary: rgb(178, 42, 45);
28
- --background-color-grey-darkest: rgb(50, 50, 50);
29
- --color-brand-secondary: rgb(171, 202, 89);
30
- --color-black: rgb(0, 0, 0);
31
- --color-brand-primary-light: rgb(236, 28, 36);
32
- --color-brand-primary-dark: rgb(236, 28, 36);
33
- --color-white: rgb(255, 255, 255);
34
- --color-brand-primary: rgb(178, 42, 45);
35
- --color-grey-light: rgb(220, 220, 220);
36
- --color-brand-secondary-dark: rgb(0, 0, 0);
37
- --color-brand-secondary-light: rgb(0, 0, 0);
38
- --color-grey-dark: rgb(140, 140, 140);
39
- --color-grey: rgb(140, 140, 140);
40
- /* The webfont for font-family-primary. */
41
- --font-family-primary-fancy: Geograph, serif;
42
- /* The fallback font for font-family-primary. */
43
- --font-family-primary: Georgia, serif;
44
- /* Available via Typekit. */
45
- --font-family-secondary-fancy: Druk Wide, serif;
46
- /* Fallback from secondary-fancy */
47
- --font-family-secondary: Georgia, serif;
48
- --font-family-body: Georgia, serif;
49
- --font-family-basic: Helvetica, sans-serif;
50
- --font-weight-light: 300;
51
- --font-weight-normal: 400;
52
- --font-weight-bold: 700;
53
- --line-height-small: 1.1;
54
- --line-height-normal: 1.35;
55
- --line-height-copy: 1.5;
56
- --line-height-large: 1.85;
57
- /* Used for margins and padding only. */
58
- --spacing-00: 0;
59
- /* Used for margins and padding only. */
60
- --spacing-025: 0.25rem;
61
- /* Used for margins and padding only. */
62
- --spacing-050: 0.5rem;
63
- /* Used for margins and padding only. */
64
- --spacing-075: 0.75rem;
65
- /* Used for margins and padding only. */
66
- --spacing-1: 1rem;
67
- /* Used for margins and padding only. */
68
- --spacing-125: 1.25rem;
69
- /* Used for margins and padding only. */
70
- --spacing-150: 1.5rem;
71
- /* Used for margins and padding only. */
72
- --spacing-2: 2rem;
73
- }
1
+ :root{--border-color-grey-lightest: rgb(247, 247, 247);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(220, 220, 220);--border-color-grey-dark: rgb(140, 140, 140);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(171, 202, 89);--border-color-grey: rgb(140, 140, 140);--border-color-brand-primary-light: rgb(236, 28, 36);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(236, 28, 36);--border-color-brand-primary: rgb(178, 42, 45);--background-color-grey-light: rgb(220, 220, 220);--background-color-grey-lightest: rgb(247, 247, 247);--background-color-brand-secondary-dark: rgb(0, 0, 0);--background-color-brand-secondary-light: rgb(0, 0, 0);--background-color-grey-dark: rgb(140, 140, 140);--background-color-grey: rgb(140, 140, 140);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(171, 202, 89);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(236, 28, 36);--background-color-brand-primary-dark: rgb(236, 28, 36);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(178, 42, 45);--background-color-grey-darkest: rgb(50, 50, 50);--color-brand-secondary: rgb(171, 202, 89);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(236, 28, 36);--color-brand-primary-dark: rgb(236, 28, 36);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(178, 42, 45);--color-grey-light: rgb(220, 220, 220);--color-brand-secondary-dark: rgb(0, 0, 0);--color-brand-secondary-light: rgb(0, 0, 0);--color-grey-dark: rgb(140, 140, 140);--color-grey: rgb(140, 140, 140);--font-family-primary-fancy: Geograph, serif;--font-family-primary: Georgia, serif;--font-family-secondary-fancy: Druk Wide, serif;--font-family-secondary: Georgia, serif;--font-family-body: Georgia, serif;--font-family-basic: Helvetica, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem}
package/build/tokens/thr.custom-properties.css CHANGED
@@ -1,83 +1 @@
1
-
2
- :root {
3
- --border-color-grey-lightest: rgb(239, 239, 239);
4
- --border-color-brand-secondary-light: rgb(0, 0, 0);
5
- --border-color-grey-light: rgb(220, 220, 220);
6
- --border-color-grey-dark: rgb(90, 90, 90);
7
- --border-color-brand-secondary-dark: rgb(0, 0, 0);
8
- --border-color-brand-secondary: rgb(9, 38, 162);
9
- --border-color-grey: rgb(140, 140, 140);
10
- --border-color-brand-primary-light: rgb(236, 28, 36);
11
- --border-color-white: rgb(255, 255, 255);
12
- --border-color-brand-primary-dark: rgb(236, 28, 36);
13
- --border-color-brand-primary: rgb(217, 33, 40);
14
- --background-color-grey-light: rgb(220, 220, 220);
15
- --background-color-grey-lightest: rgb(239, 239, 239);
16
- --background-color-brand-secondary-dark: rgb(0, 0, 0);
17
- --background-color-brand-secondary-light: rgb(0, 0, 0);
18
- --background-color-grey-dark: rgb(90, 90, 90);
19
- --background-color-grey: rgb(140, 140, 140);
20
- /* The background color of the main body of the site. */
21
- --background-color-body: rgb(255, 255, 255);
22
- --background-color-brand-secondary: rgb(9, 38, 162);
23
- --background-color-black: rgb(0, 0, 0);
24
- --background-color-brand-primary-light: rgb(236, 28, 36);
25
- --background-color-brand-primary-dark: rgb(236, 28, 36);
26
- --background-color-white: rgb(255, 255, 255);
27
- --background-color-brand-primary: rgb(217, 33, 40);
28
- --background-color-grey-darkest: rgb(50, 50, 50);
29
- --color-brand-secondary: rgb(9, 38, 162);
30
- --color-black: rgb(0, 0, 0);
31
- --color-brand-primary-light: rgb(236, 28, 36);
32
- --color-brand-primary-dark: rgb(236, 28, 36);
33
- --color-white: rgb(255, 255, 255);
34
- --color-brand-primary: rgb(217, 33, 40);
35
- --color-grey-light: rgb(220, 220, 220);
36
- --color-brand-secondary-dark: rgb(0, 0, 0);
37
- --color-brand-secondary-light: rgb(0, 0, 0);
38
- --color-grey-dark: rgb(90, 90, 90);
39
- --color-grey: rgb(140, 140, 140);
40
- /* Available via Typekit. */
41
- --font-family-primary-fancy: 'kepler-std-semicondensed-dis', serif;
42
- /* The fallback font for primary-fancy. */
43
- --font-family-primary: 'Times New Roman', serif;
44
- /* Available via Typekit. */
45
- --font-family-secondary-fancy: 'kepler-std', serif;
46
- /* The fallback font for secondary-fancy. */
47
- --font-family-secondary: Georgia, serif;
48
- --font-family-body: 'kepler-std', serif;
49
- --font-family-basic: Georgia, serif;
50
- --font-weight-light: 300;
51
- --font-weight-normal: 400;
52
- --font-weight-bold: 700;
53
- --line-height-small: 1.1;
54
- --line-height-normal: 1.35;
55
- --line-height-copy: 1.5;
56
- --line-height-large: 1.85;
57
- /* Used for margins and padding only. */
58
- --spacing-00: 0;
59
- /* Used for margins and padding only. */
60
- --spacing-025: 0.25rem;
61
- /* Used for margins and padding only. */
62
- --spacing-050: 0.5rem;
63
- /* Used for margins and padding only. */
64
- --spacing-075: 0.75rem;
65
- /* Used for margins and padding only. */
66
- --spacing-1: 1rem;
67
- /* Used for margins and padding only. */
68
- --spacing-125: 1.25rem;
69
- /* Used for margins and padding only. */
70
- --spacing-150: 1.5rem;
71
- /* Used for margins and padding only. */
72
- --spacing-2: 2rem;
73
- --color-grey-darkest: rgb(50, 50, 50);
74
- --background-color-brand-accent: rgb(16, 16, 16);
75
- --border-color-brand-accent: rgb(16, 16, 16);
76
- --color-grey-lightest: rgb(239, 239, 239);
77
- /* The fallback for the accent-fancy */
78
- --font-family-accent: Helvetica, sans-serif;
79
- --color-brand-accent: rgb(16, 16, 16);
80
- --border-color-grey-darkest: rgb(50, 50, 50);
81
- /* Available via @font-face. */
82
- --font-family-accent-fancy: 'Karla', sans-serif;
83
- }
1
+ :root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(220, 220, 220);--border-color-grey-dark: rgb(90, 90, 90);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(9, 38, 162);--border-color-grey: rgb(140, 140, 140);--border-color-brand-primary-light: rgb(236, 28, 36);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(236, 28, 36);--border-color-brand-primary: rgb(217, 33, 40);--background-color-grey-light: rgb(220, 220, 220);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(0, 0, 0);--background-color-brand-secondary-light: rgb(0, 0, 0);--background-color-grey-dark: rgb(90, 90, 90);--background-color-grey: rgb(140, 140, 140);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(9, 38, 162);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(236, 28, 36);--background-color-brand-primary-dark: rgb(236, 28, 36);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(217, 33, 40);--background-color-grey-darkest: rgb(50, 50, 50);--color-brand-secondary: rgb(9, 38, 162);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(236, 28, 36);--color-brand-primary-dark: rgb(236, 28, 36);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(217, 33, 40);--color-grey-light: rgb(220, 220, 220);--color-brand-secondary-dark: rgb(0, 0, 0);--color-brand-secondary-light: rgb(0, 0, 0);--color-grey-dark: rgb(90, 90, 90);--color-grey: rgb(140, 140, 140);--font-family-primary-fancy: "kepler-std-semicondensed-dis", serif;--font-family-primary: "Times New Roman", serif;--font-family-secondary-fancy: "kepler-std", serif;--font-family-secondary: Georgia, serif;--font-family-body: "kepler-std", serif;--font-family-basic: Georgia, serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--color-grey-darkest: rgb(50, 50, 50);--background-color-brand-accent: rgb(16, 16, 16);--border-color-brand-accent: rgb(16, 16, 16);--color-grey-lightest: rgb(239, 239, 239);--font-family-accent: Helvetica, sans-serif;--color-brand-accent: rgb(16, 16, 16);--border-color-grey-darkest: rgb(50, 50, 50);--font-family-accent-fancy: "Karla", sans-serif}
package/build/tokens/variety-compat.custom-properties.css CHANGED
@@ -1,36 +1 @@
1
-
2
- :root {
3
- --color-brand-secondary: rgb(238, 232, 9);
4
- --border-color-grey-lightest: rgb(247, 247, 247);
5
- --background-color-grey-light: rgb(230, 230, 230);
6
- --background-color-grey-lightest: rgb(247, 247, 247);
7
- --color-black: rgb(0, 0, 0);
8
- --border-color-brand-secondary-light: rgb(243, 245, 203);
9
- --border-color-grey-light: rgb(230, 230, 230);
10
- --background-color-brand-secondary-light: rgb(243, 245, 203);
11
- --color-brand-primary-dark: rgb(36, 56, 66);
12
- --border-color-grey-dark: rgb(106, 106, 106);
13
- --background-color-grey-dark: rgb(106, 106, 106);
14
- --background-color-grey: rgb(140, 140, 140);
15
- --color-white: rgb(255, 255, 255);
16
- --border-color-brand-secondary: rgb(238, 232, 9);
17
- --border-color-grey: rgb(140, 140, 140);
18
- --color-brand-primary: rgb(107, 123, 132);
19
- /* The secondary brand color. This should be lighter in hue, and sufficient contrast with black text. */
20
- --background-color-brand-secondary: rgb(238, 232, 9);
21
- --background-color-brand-accent: rgb(26, 40, 47);
22
- --color-grey-light: rgb(230, 230, 230);
23
- --background-color-black: rgb(0, 0, 0);
24
- --color-brand-secondary-light: rgb(243, 245, 203);
25
- --background-color-brand-primary-dark: rgb(36, 56, 66);
26
- --border-color-white: rgb(255, 255, 255);
27
- --border-color-brand-primary-dark: rgb(36, 56, 66);
28
- --color-grey-dark: rgb(106, 106, 106);
29
- --border-color-brand-primary: rgb(107, 123, 132);
30
- --color-grey: rgb(140, 140, 140);
31
- --background-color-white: rgb(255, 255, 255);
32
- /* The primary brand color. This should be dark in hue, and have sufficient contrast with white text. */
33
- --background-color-brand-primary: rgb(107, 123, 132);
34
- --background-color-grey-darkest: rgb(50, 50, 50);
35
- --color-brand-accent: rgb(243, 112, 33);
36
- }
1
+ :root{--color-brand-secondary: rgb(238, 232, 9);--border-color-grey-lightest: rgb(247, 247, 247);--background-color-grey-light: rgb(230, 230, 230);--background-color-grey-lightest: rgb(247, 247, 247);--color-black: rgb(0, 0, 0);--border-color-brand-secondary-light: rgb(243, 245, 203);--border-color-grey-light: rgb(230, 230, 230);--background-color-brand-secondary-light: rgb(243, 245, 203);--color-brand-primary-dark: rgb(36, 56, 66);--border-color-grey-dark: rgb(106, 106, 106);--background-color-grey-dark: rgb(106, 106, 106);--background-color-grey: rgb(140, 140, 140);--color-white: rgb(255, 255, 255);--border-color-brand-secondary: rgb(238, 232, 9);--border-color-grey: rgb(140, 140, 140);--color-brand-primary: rgb(107, 123, 132);--background-color-brand-secondary: rgb(238, 232, 9);--background-color-brand-accent: rgb(26, 40, 47);--color-grey-light: rgb(230, 230, 230);--background-color-black: rgb(0, 0, 0);--color-brand-secondary-light: rgb(243, 245, 203);--background-color-brand-primary-dark: rgb(36, 56, 66);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(36, 56, 66);--color-grey-dark: rgb(106, 106, 106);--border-color-brand-primary: rgb(107, 123, 132);--color-grey: rgb(140, 140, 140);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(107, 123, 132);--background-color-grey-darkest: rgb(50, 50, 50);--color-brand-accent: rgb(243, 112, 33)}