@penskemediacorp/larva 0.4.3 → 0.5.1

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 (61) 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/css/variety.compat-important.css +1 -1
  6. package/build/css/variety.compat.css +1 -1
  7. package/build/svg/defs/sprite.defs.html +1 -1
  8. package/build/tokens/artinamerica.custom-properties.css +2 -2
  9. package/build/tokens/artinamerica.json +2 -2
  10. package/build/tokens/artinamerica.map.scss +2 -2
  11. package/build/tokens/artinamerica.raw.json +4 -4
  12. package/build/tokens/artnews.custom-properties.css +1 -1
  13. package/build/tokens/artnews.json +1 -1
  14. package/build/tokens/artnews.map.scss +1 -1
  15. package/build/tokens/artnews.raw.json +2 -2
  16. package/build/tokens/billboard.custom-properties.css +2 -2
  17. package/build/tokens/billboard.json +2 -2
  18. package/build/tokens/billboard.map.scss +2 -2
  19. package/build/tokens/billboard.raw.json +4 -4
  20. package/build/tokens/deadline.custom-properties.css +1 -1
  21. package/build/tokens/deadline.json +1 -1
  22. package/build/tokens/deadline.map.scss +1 -1
  23. package/build/tokens/deadline.raw.json +2 -2
  24. package/build/tokens/default.custom-properties.css +6 -6
  25. package/build/tokens/default.json +6 -6
  26. package/build/tokens/default.map.scss +6 -6
  27. package/build/tokens/default.raw.json +12 -12
  28. package/build/tokens/indiewire.custom-properties.css +1 -1
  29. package/build/tokens/indiewire.json +1 -1
  30. package/build/tokens/indiewire.map.scss +1 -1
  31. package/build/tokens/indiewire.raw.json +2 -2
  32. package/build/tokens/robbreport.custom-properties.css +3 -3
  33. package/build/tokens/robbreport.json +3 -3
  34. package/build/tokens/robbreport.map.scss +3 -3
  35. package/build/tokens/robbreport.raw.json +6 -6
  36. package/build/tokens/rollingstone.custom-properties.css +1 -1
  37. package/build/tokens/rollingstone.json +1 -1
  38. package/build/tokens/rollingstone.map.scss +1 -1
  39. package/build/tokens/rollingstone.raw.json +2 -2
  40. package/build/tokens/variety-compat.custom-properties.css +36 -0
  41. package/build/tokens/variety-compat.json +33 -0
  42. package/build/tokens/variety-compat.map.scss +36 -0
  43. package/build/tokens/variety-compat.raw.json +224 -0
  44. package/build/tokens/variety-vip.custom-properties.css +3 -3
  45. package/build/tokens/variety-vip.json +3 -3
  46. package/build/tokens/variety-vip.map.scss +3 -3
  47. package/build/tokens/variety-vip.raw.json +6 -6
  48. package/build/tokens/variety.custom-properties.css +4 -4
  49. package/build/tokens/variety.json +4 -4
  50. package/build/tokens/variety.map.scss +4 -4
  51. package/build/tokens/variety.raw.json +8 -8
  52. package/build/tokens/wwd-dd.custom-properties.css +18 -0
  53. package/build/tokens/wwd-dd.json +13 -0
  54. package/build/tokens/wwd-dd.map.scss +18 -0
  55. package/build/tokens/wwd-dd.raw.json +90 -0
  56. package/lib/server.js +10 -1
  57. package/package.json +12 -12
  58. package/build/tokens/build/bbpro.custom-properties.css +0 -96
  59. package/build/tokens/build/bbpro.json +0 -80
  60. package/build/tokens/build/bbpro.map.scss +0 -96
  61. package/build/tokens/build/bbpro.raw.json +0 -789
@@ -46,7 +46,7 @@ $artnews-map: (
46
46
  /* Fallback for secondary-fancy */
47
47
  'font-family-secondary': (Georgia, serif),
48
48
  'font-family-body': ('Helvetica Neue', Helvetica, Arial, sans-serif),
49
- 'font-family-basic': (Helvetica, sans-serif),
49
+ 'font-family-basic': (Arial, sans-serif),
50
50
  'font-weight-light': (300),
51
51
  'font-weight-normal': (400),
52
52
  'font-weight-bold': (700),
@@ -518,9 +518,9 @@
518
518
  },
519
519
  "FONT_FAMILY_BASIC": {
520
520
  "category": "font-family",
521
- "value": "Helvetica, sans-serif",
521
+ "value": "Arial, sans-serif",
522
522
  "type": "font-family",
523
- "originalValue": "Helvetica, sans-serif",
523
+ "originalValue": "Arial, sans-serif",
524
524
  "name": "FONT_FAMILY_BASIC"
525
525
  },
526
526
  "FONT_WEIGHT_LIGHT": {
@@ -42,9 +42,9 @@
42
42
  /* The fallback font for font-family-primary. */
43
43
  --font-family-primary: 'Times New Roman', serif;
44
44
  /* The webfont, loaded async */
45
- --font-family-secondary-fancy: Papyrus, serif;
45
+ --font-family-secondary-fancy: Arial, sams-serif;
46
46
  /* Fallback for secondary-fancy */
47
- --font-family-secondary: Helvetica, serif;
47
+ --font-family-secondary: Arial, sans-serif;
48
48
  --font-family-body: 'open-sans', Helvetica, sans-serif;
49
49
  --font-family-basic: Helvetica, sans-serif;
50
50
  --font-weight-light: 300;
@@ -37,8 +37,8 @@
37
37
  "COLOR_GREY": "rgb(130, 137, 161)",
38
38
  "FONT_FAMILY_PRIMARY_FANCY": "'neue-haas-grotesk-display', Times New Roman, sans-serif",
39
39
  "FONT_FAMILY_PRIMARY": "'Times New Roman', serif",
40
- "FONT_FAMILY_SECONDARY_FANCY": "Papyrus, serif",
41
- "FONT_FAMILY_SECONDARY": "Helvetica, serif",
40
+ "FONT_FAMILY_SECONDARY_FANCY": "Arial, sams-serif",
41
+ "FONT_FAMILY_SECONDARY": "Arial, sans-serif",
42
42
  "FONT_FAMILY_BODY": "'open-sans', Helvetica, sans-serif",
43
43
  "FONT_FAMILY_BASIC": "Helvetica, sans-serif",
44
44
  "FONT_WEIGHT_LIGHT": "300",
@@ -42,9 +42,9 @@ $billboard-map: (
42
42
  /* The fallback font for font-family-primary. */
43
43
  'font-family-primary': ('Times New Roman', serif),
44
44
  /* The webfont, loaded async */
45
- 'font-family-secondary-fancy': (Papyrus, serif),
45
+ 'font-family-secondary-fancy': (Arial, sams-serif),
46
46
  /* Fallback for secondary-fancy */
47
- 'font-family-secondary': (Helvetica, serif),
47
+ 'font-family-secondary': (Arial, sans-serif),
48
48
  'font-family-body': ('open-sans', Helvetica, sans-serif),
49
49
  'font-family-basic': (Helvetica, sans-serif),
50
50
  'font-weight-light': (300),
@@ -495,18 +495,18 @@
495
495
  },
496
496
  "FONT_FAMILY_SECONDARY_FANCY": {
497
497
  "category": "font-family",
498
- "value": "Papyrus, serif",
498
+ "value": "Arial, sams-serif",
499
499
  "type": "font",
500
500
  "comment": "The webfont, loaded async",
501
- "originalValue": "Papyrus, serif",
501
+ "originalValue": "Arial, sams-serif",
502
502
  "name": "FONT_FAMILY_SECONDARY_FANCY"
503
503
  },
504
504
  "FONT_FAMILY_SECONDARY": {
505
505
  "category": "font-family",
506
- "value": "Helvetica, serif",
506
+ "value": "Arial, sans-serif",
507
507
  "type": "font",
508
508
  "comment": "Fallback for secondary-fancy",
509
- "originalValue": "Helvetica, serif",
509
+ "originalValue": "Arial, sans-serif",
510
510
  "name": "FONT_FAMILY_SECONDARY"
511
511
  },
512
512
  "FONT_FAMILY_BODY": {
@@ -48,7 +48,7 @@
48
48
  --font-family-secondary: Georgia, serif;
49
49
  /* Webfont for body */
50
50
  --font-family-body: Georgia, serif;
51
- --font-family-basic: Helvetica, sans-serif;
51
+ --font-family-basic: Arial, sans-serif;
52
52
  --font-weight-light: 300;
53
53
  --font-weight-normal: 400;
54
54
  --font-weight-bold: 700;
@@ -40,7 +40,7 @@
40
40
  "FONT_FAMILY_SECONDARY_FANCY": "'Eksell', Georgia, serif",
41
41
  "FONT_FAMILY_SECONDARY": "Georgia, serif",
42
42
  "FONT_FAMILY_BODY": "Georgia, serif",
43
- "FONT_FAMILY_BASIC": "Helvetica, sans-serif",
43
+ "FONT_FAMILY_BASIC": "Arial, sans-serif",
44
44
  "FONT_WEIGHT_LIGHT": "300",
45
45
  "FONT_WEIGHT_NORMAL": "400",
46
46
  "FONT_WEIGHT_BOLD": "700",
@@ -48,7 +48,7 @@ $deadline-map: (
48
48
  'font-family-secondary': (Georgia, serif),
49
49
  /* Webfont for body */
50
50
  'font-family-body': (Georgia, serif),
51
- 'font-family-basic': (Helvetica, sans-serif),
51
+ 'font-family-basic': (Arial, sans-serif),
52
52
  'font-weight-light': (300),
53
53
  'font-weight-normal': (400),
54
54
  'font-weight-bold': (700),
@@ -520,9 +520,9 @@
520
520
  },
521
521
  "FONT_FAMILY_BASIC": {
522
522
  "category": "font-family",
523
- "value": "Helvetica, sans-serif",
523
+ "value": "Arial, sans-serif",
524
524
  "type": "font-family",
525
- "originalValue": "Helvetica, sans-serif",
525
+ "originalValue": "Arial, sans-serif",
526
526
  "name": "FONT_FAMILY_BASIC"
527
527
  },
528
528
  "FONT_WEIGHT_LIGHT": {
@@ -40,15 +40,15 @@
40
40
  --color-grey-dark: rgb(106, 106, 106);
41
41
  --color-grey: rgb(140, 140, 140);
42
42
  /* The webfont, loaded async */
43
- --font-family-primary-fancy: Courier, serif;
43
+ --font-family-primary-fancy: Arial, sans-serif;
44
44
  /* Fallback for primary-fancy */
45
- --font-family-primary: Georgia, serif;
45
+ --font-family-primary: Arial, sans-serif;
46
46
  /* The webfont, loaded async */
47
- --font-family-secondary-fancy: Papyrus, serif;
47
+ --font-family-secondary-fancy: Arial, sams-serif;
48
48
  /* Fallback for secondary-fancy */
49
- --font-family-secondary: Helvetica, serif;
50
- --font-family-body: Georgia, serif;
51
- --font-family-basic: Helvetica, sans-serif;
49
+ --font-family-secondary: Arial, sans-serif;
50
+ --font-family-body: Arial, sans-serif;
51
+ --font-family-basic: Arial, sans-serif;
52
52
  --font-weight-light: 300;
53
53
  --font-weight-normal: 400;
54
54
  --font-weight-bold: 700;
@@ -35,12 +35,12 @@
35
35
  "COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
36
36
  "COLOR_GREY_DARK": "rgb(106, 106, 106)",
37
37
  "COLOR_GREY": "rgb(140, 140, 140)",
38
- "FONT_FAMILY_PRIMARY_FANCY": "Courier, serif",
39
- "FONT_FAMILY_PRIMARY": "Georgia, serif",
40
- "FONT_FAMILY_SECONDARY_FANCY": "Papyrus, serif",
41
- "FONT_FAMILY_SECONDARY": "Helvetica, serif",
42
- "FONT_FAMILY_BODY": "Georgia, serif",
43
- "FONT_FAMILY_BASIC": "Helvetica, sans-serif",
38
+ "FONT_FAMILY_PRIMARY_FANCY": "Arial, sans-serif",
39
+ "FONT_FAMILY_PRIMARY": "Arial, sans-serif",
40
+ "FONT_FAMILY_SECONDARY_FANCY": "Arial, sams-serif",
41
+ "FONT_FAMILY_SECONDARY": "Arial, sans-serif",
42
+ "FONT_FAMILY_BODY": "Arial, sans-serif",
43
+ "FONT_FAMILY_BASIC": "Arial, sans-serif",
44
44
  "FONT_WEIGHT_LIGHT": "300",
45
45
  "FONT_WEIGHT_NORMAL": "400",
46
46
  "FONT_WEIGHT_BOLD": "700",
@@ -40,15 +40,15 @@ $default-map: (
40
40
  'color-grey-dark': (rgb(106, 106, 106)),
41
41
  'color-grey': (rgb(140, 140, 140)),
42
42
  /* The webfont, loaded async */
43
- 'font-family-primary-fancy': (Courier, serif),
43
+ 'font-family-primary-fancy': (Arial, sans-serif),
44
44
  /* Fallback for primary-fancy */
45
- 'font-family-primary': (Georgia, serif),
45
+ 'font-family-primary': (Arial, sans-serif),
46
46
  /* The webfont, loaded async */
47
- 'font-family-secondary-fancy': (Papyrus, serif),
47
+ 'font-family-secondary-fancy': (Arial, sams-serif),
48
48
  /* Fallback for secondary-fancy */
49
- 'font-family-secondary': (Helvetica, serif),
50
- 'font-family-body': (Georgia, serif),
51
- 'font-family-basic': (Helvetica, sans-serif),
49
+ 'font-family-secondary': (Arial, sans-serif),
50
+ 'font-family-body': (Arial, sans-serif),
51
+ 'font-family-basic': (Arial, sans-serif),
52
52
  'font-weight-light': (300),
53
53
  'font-weight-normal': (400),
54
54
  'font-weight-bold': (700),
@@ -481,48 +481,48 @@
481
481
  },
482
482
  "FONT_FAMILY_PRIMARY_FANCY": {
483
483
  "category": "font-family",
484
- "value": "Courier, serif",
484
+ "value": "Arial, sans-serif",
485
485
  "type": "font",
486
486
  "comment": "The webfont, loaded async",
487
- "originalValue": "Courier, serif",
487
+ "originalValue": "Arial, sans-serif",
488
488
  "name": "FONT_FAMILY_PRIMARY_FANCY"
489
489
  },
490
490
  "FONT_FAMILY_PRIMARY": {
491
491
  "category": "font-family",
492
- "value": "Georgia, serif",
492
+ "value": "Arial, sans-serif",
493
493
  "type": "font",
494
494
  "comment": "Fallback for primary-fancy",
495
- "originalValue": "Georgia, serif",
495
+ "originalValue": "Arial, sans-serif",
496
496
  "name": "FONT_FAMILY_PRIMARY"
497
497
  },
498
498
  "FONT_FAMILY_SECONDARY_FANCY": {
499
499
  "category": "font-family",
500
- "value": "Papyrus, serif",
500
+ "value": "Arial, sams-serif",
501
501
  "type": "font",
502
502
  "comment": "The webfont, loaded async",
503
- "originalValue": "Papyrus, serif",
503
+ "originalValue": "Arial, sams-serif",
504
504
  "name": "FONT_FAMILY_SECONDARY_FANCY"
505
505
  },
506
506
  "FONT_FAMILY_SECONDARY": {
507
507
  "category": "font-family",
508
- "value": "Helvetica, serif",
508
+ "value": "Arial, sans-serif",
509
509
  "type": "font",
510
510
  "comment": "Fallback for secondary-fancy",
511
- "originalValue": "Helvetica, serif",
511
+ "originalValue": "Arial, sans-serif",
512
512
  "name": "FONT_FAMILY_SECONDARY"
513
513
  },
514
514
  "FONT_FAMILY_BODY": {
515
515
  "category": "font-family",
516
- "value": "Georgia, serif",
516
+ "value": "Arial, sans-serif",
517
517
  "type": "font",
518
- "originalValue": "Georgia, serif",
518
+ "originalValue": "Arial, sans-serif",
519
519
  "name": "FONT_FAMILY_BODY"
520
520
  },
521
521
  "FONT_FAMILY_BASIC": {
522
522
  "category": "font-family",
523
- "value": "Helvetica, sans-serif",
523
+ "value": "Arial, sans-serif",
524
524
  "type": "font-family",
525
- "originalValue": "Helvetica, sans-serif",
525
+ "originalValue": "Arial, sans-serif",
526
526
  "name": "FONT_FAMILY_BASIC"
527
527
  },
528
528
  "FONT_WEIGHT_LIGHT": {
@@ -46,7 +46,7 @@
46
46
  /* The fallback for the secondary font */
47
47
  --font-family-secondary: 'Helvetica Neue', Helvetica, Arial, sans-serif;
48
48
  --font-family-body: Georgia, serif;
49
- --font-family-basic: Helvetica, sans-serif;
49
+ --font-family-basic: Arial, sans-serif;
50
50
  --font-weight-light: 300;
51
51
  --font-weight-normal: 400;
52
52
  --font-weight-bold: 700;
@@ -40,7 +40,7 @@
40
40
  "FONT_FAMILY_SECONDARY_FANCY": "'PT Sans', sans-serif",
41
41
  "FONT_FAMILY_SECONDARY": "'Helvetica Neue', Helvetica, Arial, sans-serif",
42
42
  "FONT_FAMILY_BODY": "Georgia, serif",
43
- "FONT_FAMILY_BASIC": "Helvetica, sans-serif",
43
+ "FONT_FAMILY_BASIC": "Arial, sans-serif",
44
44
  "FONT_WEIGHT_LIGHT": "300",
45
45
  "FONT_WEIGHT_NORMAL": "400",
46
46
  "FONT_WEIGHT_BOLD": "700",
@@ -46,7 +46,7 @@ $indiewire-map: (
46
46
  /* The fallback for the secondary font */
47
47
  'font-family-secondary': ('Helvetica Neue', Helvetica, Arial, sans-serif),
48
48
  'font-family-body': (Georgia, serif),
49
- 'font-family-basic': (Helvetica, sans-serif),
49
+ 'font-family-basic': (Arial, sans-serif),
50
50
  'font-weight-light': (300),
51
51
  'font-weight-normal': (400),
52
52
  'font-weight-bold': (700),
@@ -518,9 +518,9 @@
518
518
  },
519
519
  "FONT_FAMILY_BASIC": {
520
520
  "category": "font-family",
521
- "value": "Helvetica, sans-serif",
521
+ "value": "Arial, sans-serif",
522
522
  "type": "font-family",
523
- "originalValue": "Helvetica, sans-serif",
523
+ "originalValue": "Arial, sans-serif",
524
524
  "name": "FONT_FAMILY_BASIC"
525
525
  },
526
526
  "FONT_WEIGHT_LIGHT": {
@@ -42,12 +42,12 @@
42
42
  /* Webfont for primary-fancy */
43
43
  --font-family-primary-fancy: rocky, sans-serif;
44
44
  /* Fallback for primary-fancy */
45
- --font-family-primary: Georgia, serif;
45
+ --font-family-primary: Arial, sans-serif;
46
46
  /* Webfont for secondary-fancy */
47
47
  --font-family-secondary-fancy: TitlingGothicFBCond-Regular,sans-serif;
48
48
  /* Fallback for secondary-fancy */
49
- --font-family-secondary: Helvetica, serif;
50
- --font-family-body: Georgia, serif;
49
+ --font-family-secondary: Arial, sans-serif;
50
+ --font-family-body: Arial, sans-serif;
51
51
  --font-family-basic: Arial, sans-serif;
52
52
  --font-weight-light: 300;
53
53
  --font-weight-normal: 400;
@@ -36,10 +36,10 @@
36
36
  "COLOR_GREY_DARK": "rgb(112, 117, 123)",
37
37
  "COLOR_GREY": "rgb(147, 153, 160)",
38
38
  "FONT_FAMILY_PRIMARY_FANCY": "rocky, sans-serif",
39
- "FONT_FAMILY_PRIMARY": "Georgia, serif",
39
+ "FONT_FAMILY_PRIMARY": "Arial, sans-serif",
40
40
  "FONT_FAMILY_SECONDARY_FANCY": "TitlingGothicFBCond-Regular,sans-serif",
41
- "FONT_FAMILY_SECONDARY": "Helvetica, serif",
42
- "FONT_FAMILY_BODY": "Georgia, serif",
41
+ "FONT_FAMILY_SECONDARY": "Arial, sans-serif",
42
+ "FONT_FAMILY_BODY": "Arial, sans-serif",
43
43
  "FONT_FAMILY_BASIC": "Arial, sans-serif",
44
44
  "FONT_WEIGHT_LIGHT": "300",
45
45
  "FONT_WEIGHT_NORMAL": "400",
@@ -42,12 +42,12 @@ $robbreport-map: (
42
42
  /* Webfont for primary-fancy */
43
43
  'font-family-primary-fancy': (rocky, sans-serif),
44
44
  /* Fallback for primary-fancy */
45
- 'font-family-primary': (Georgia, serif),
45
+ 'font-family-primary': (Arial, sans-serif),
46
46
  /* Webfont for secondary-fancy */
47
47
  'font-family-secondary-fancy': (TitlingGothicFBCond-Regular,sans-serif),
48
48
  /* Fallback for secondary-fancy */
49
- 'font-family-secondary': (Helvetica, serif),
50
- 'font-family-body': (Georgia, serif),
49
+ 'font-family-secondary': (Arial, sans-serif),
50
+ 'font-family-body': (Arial, sans-serif),
51
51
  'font-family-basic': (Arial, sans-serif),
52
52
  'font-weight-light': (300),
53
53
  'font-weight-normal': (400),
@@ -489,10 +489,10 @@
489
489
  },
490
490
  "FONT_FAMILY_PRIMARY": {
491
491
  "category": "font-family",
492
- "value": "Georgia, serif",
492
+ "value": "Arial, sans-serif",
493
493
  "type": "font",
494
494
  "comment": "Fallback for primary-fancy",
495
- "originalValue": "Georgia, serif",
495
+ "originalValue": "Arial, sans-serif",
496
496
  "name": "FONT_FAMILY_PRIMARY"
497
497
  },
498
498
  "FONT_FAMILY_SECONDARY_FANCY": {
@@ -505,17 +505,17 @@
505
505
  },
506
506
  "FONT_FAMILY_SECONDARY": {
507
507
  "category": "font-family",
508
- "value": "Helvetica, serif",
508
+ "value": "Arial, sans-serif",
509
509
  "type": "font",
510
510
  "comment": "Fallback for secondary-fancy",
511
- "originalValue": "Helvetica, serif",
511
+ "originalValue": "Arial, sans-serif",
512
512
  "name": "FONT_FAMILY_SECONDARY"
513
513
  },
514
514
  "FONT_FAMILY_BODY": {
515
515
  "category": "font-family",
516
- "value": "Georgia, serif",
516
+ "value": "Arial, sans-serif",
517
517
  "type": "font",
518
- "originalValue": "Georgia, serif",
518
+ "originalValue": "Arial, sans-serif",
519
519
  "name": "FONT_FAMILY_BODY"
520
520
  },
521
521
  "FONT_FAMILY_BASIC": {
@@ -19,7 +19,7 @@
19
19
  --background-color-grey: rgb(169, 169, 173);
20
20
  /* The background color of the main body of the site. */
21
21
  --background-color-body: rgb(255, 255, 255);
22
- --background-color-brand-secondary: rgb(244, 243, 241);
22
+ --background-color-brand-secondary: rgb(122, 89, 45);
23
23
  --background-color-black: rgb(0, 0, 0);
24
24
  --background-color-brand-primary-light: rgb(236, 28, 36);
25
25
  --background-color-brand-primary-dark: rgb(146, 7, 0);
@@ -17,7 +17,7 @@
17
17
  "BACKGROUND_COLOR_GREY_DARK": "rgb(123, 124, 132)",
18
18
  "BACKGROUND_COLOR_GREY": "rgb(169, 169, 173)",
19
19
  "BACKGROUND_COLOR_BODY": "rgb(255, 255, 255)",
20
- "BACKGROUND_COLOR_BRAND_SECONDARY": "rgb(244, 243, 241)",
20
+ "BACKGROUND_COLOR_BRAND_SECONDARY": "rgb(122, 89, 45)",
21
21
  "BACKGROUND_COLOR_BLACK": "rgb(0, 0, 0)",
22
22
  "BACKGROUND_COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
23
23
  "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": "rgb(146, 7, 0)",
@@ -19,7 +19,7 @@ $rollingstone-map: (
19
19
  'background-color-grey': (rgb(169, 169, 173)),
20
20
  /* The background color of the main body of the site. */
21
21
  'background-color-body': (rgb(255, 255, 255)),
22
- 'background-color-brand-secondary': (rgb(244, 243, 241)),
22
+ 'background-color-brand-secondary': (rgb(122, 89, 45)),
23
23
  'background-color-black': (rgb(0, 0, 0)),
24
24
  'background-color-brand-primary-light': (rgb(236, 28, 36)),
25
25
  'background-color-brand-primary-dark': (rgb(146, 7, 0)),
@@ -352,10 +352,10 @@
352
352
  "name": "BACKGROUND_COLOR_BODY"
353
353
  },
354
354
  "BACKGROUND_COLOR_BRAND_SECONDARY": {
355
- "value": "rgb(244, 243, 241)",
355
+ "value": "rgb(122, 89, 45)",
356
356
  "type": "color",
357
357
  "category": "background-color",
358
- "originalValue": "rgb(244, 243, 241)",
358
+ "originalValue": "rgb(122, 89, 45)",
359
359
  "name": "BACKGROUND_COLOR_BRAND_SECONDARY"
360
360
  },
361
361
  "BACKGROUND_COLOR_BLACK": {
@@ -0,0 +1,36 @@
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
+ }
@@ -0,0 +1,33 @@
1
+ {
2
+ "COLOR_BRAND_SECONDARY": "rgb(238, 232, 9)",
3
+ "BORDER_COLOR_GREY_LIGHTEST": "rgb(247, 247, 247)",
4
+ "BACKGROUND_COLOR_GREY_LIGHT": "rgb(230, 230, 230)",
5
+ "BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(247, 247, 247)",
6
+ "COLOR_BLACK": "rgb(0, 0, 0)",
7
+ "BORDER_COLOR_BRAND_SECONDARY_LIGHT": "rgb(243, 245, 203)",
8
+ "BORDER_COLOR_GREY_LIGHT": "rgb(230, 230, 230)",
9
+ "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": "rgb(243, 245, 203)",
10
+ "COLOR_BRAND_PRIMARY_DARK": "rgb(36, 56, 66)",
11
+ "BORDER_COLOR_GREY_DARK": "rgb(106, 106, 106)",
12
+ "BACKGROUND_COLOR_GREY_DARK": "rgb(106, 106, 106)",
13
+ "BACKGROUND_COLOR_GREY": "rgb(140, 140, 140)",
14
+ "COLOR_WHITE": "rgb(255, 255, 255)",
15
+ "BORDER_COLOR_BRAND_SECONDARY": "rgb(238, 232, 9)",
16
+ "BORDER_COLOR_GREY": "rgb(140, 140, 140)",
17
+ "COLOR_BRAND_PRIMARY": "rgb(107, 123, 132)",
18
+ "BACKGROUND_COLOR_BRAND_SECONDARY": "rgb(238, 232, 9)",
19
+ "BACKGROUND_COLOR_BRAND_ACCENT": "rgb(26, 40, 47)",
20
+ "COLOR_GREY_LIGHT": "rgb(230, 230, 230)",
21
+ "BACKGROUND_COLOR_BLACK": "rgb(0, 0, 0)",
22
+ "COLOR_BRAND_SECONDARY_LIGHT": "rgb(243, 245, 203)",
23
+ "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": "rgb(36, 56, 66)",
24
+ "BORDER_COLOR_WHITE": "rgb(255, 255, 255)",
25
+ "BORDER_COLOR_BRAND_PRIMARY_DARK": "rgb(36, 56, 66)",
26
+ "COLOR_GREY_DARK": "rgb(106, 106, 106)",
27
+ "BORDER_COLOR_BRAND_PRIMARY": "rgb(107, 123, 132)",
28
+ "COLOR_GREY": "rgb(140, 140, 140)",
29
+ "BACKGROUND_COLOR_WHITE": "rgb(255, 255, 255)",
30
+ "BACKGROUND_COLOR_BRAND_PRIMARY": "rgb(107, 123, 132)",
31
+ "BACKGROUND_COLOR_GREY_DARKEST": "rgb(50, 50, 50)",
32
+ "COLOR_BRAND_ACCENT": "rgb(243, 112, 33)"
33
+ }
@@ -0,0 +1,36 @@
1
+
2
+ $variety-compat-map: (
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
+ );