@penskemediacorp/larva 1.17.0 → 1.18.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/build/css/larva-important.css +1 -1
- package/build/css/larva.css +1 -1
- package/build/css/larva.inline-important.css +1 -1
- package/build/css/larva.inline.css +1 -1
- package/build/css/variety.compat-important.css +1 -1
- package/build/css/variety.compat.css +1 -1
- package/build/svg/defs/sprite.defs.html +5 -5
- package/build/tokens/artinamerica.custom-properties.css +1 -546
- package/build/tokens/artnews.custom-properties.css +1 -550
- package/build/tokens/bbpro.custom-properties.css +1 -96
- package/build/tokens/billboard.custom-properties.css +1 -96
- package/build/tokens/deadline.custom-properties.css +1 -533
- package/build/tokens/default.custom-properties.css +1 -533
- package/build/tokens/dirt.custom-properties.css +1 -81
- package/build/tokens/indiewire.custom-properties.css +1 -536
- package/build/tokens/rivet.custom-properties.css +1 -82
- package/build/tokens/robbreport.custom-properties.css +1 -536
- package/build/tokens/rollingstone-2022.custom-properties.css +1 -534
- package/build/tokens/rollingstone-2022.json +23 -23
- package/build/tokens/rollingstone-2022.map.scss +23 -23
- package/build/tokens/rollingstone-2022.raw.json +46 -46
- package/build/tokens/rollingstone.custom-properties.css +1 -530
- package/build/tokens/sheknows.custom-properties.css +1 -92
- package/build/tokens/sourcingjournal.custom-properties.css +1 -87
- package/build/tokens/sportico.custom-properties.css +1 -73
- package/build/tokens/thr.custom-properties.css +1 -83
- package/build/tokens/variety-compat.custom-properties.css +1 -36
- package/build/tokens/variety-vip.custom-properties.css +1 -532
- package/build/tokens/variety.custom-properties.css +1 -534
- package/build/tokens/vibe.custom-properties.css +1 -81
- package/build/tokens/wwd-2021.custom-properties.css +1 -82
- package/build/tokens/wwd-beauty.custom-properties.css +1 -86
- package/build/tokens/wwd-dd.custom-properties.css +1 -18
- package/build/tokens/wwd.custom-properties.css +1 -70
- package/package.json +7 -7
|
@@ -1,82 +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(204, 204, 204);
|
|
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(0, 0, 0);
|
|
9
|
-
--border-color-grey: rgb(140, 140, 140);
|
|
10
|
-
--border-color-brand-primary-light: rgb(217, 33, 40);
|
|
11
|
-
--border-color-white: rgb(255, 255, 255);
|
|
12
|
-
--border-color-brand-primary-dark: rgb(217, 33, 40);
|
|
13
|
-
--border-color-brand-primary: rgb(217, 33, 40);
|
|
14
|
-
--background-color-grey-light: rgb(204, 204, 204);
|
|
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(0, 0, 0);
|
|
23
|
-
--background-color-black: rgb(0, 0, 0);
|
|
24
|
-
--background-color-brand-primary-light: rgb(217, 33, 40);
|
|
25
|
-
--background-color-brand-primary-dark: rgb(217, 33, 40);
|
|
26
|
-
--background-color-white: rgb(255, 255, 255);
|
|
27
|
-
/* The primary brand color. This should be dark in hue, and have sufficient contrast with white text. */
|
|
28
|
-
--background-color-brand-primary: rgb(217, 33, 40);
|
|
29
|
-
--background-color-grey-darkest: rgb(50, 50, 50);
|
|
30
|
-
--color-brand-secondary: rgb(0, 0, 0);
|
|
31
|
-
--color-black: rgb(0, 0, 0);
|
|
32
|
-
--color-brand-primary-light: rgb(217, 33, 40);
|
|
33
|
-
--color-brand-primary-dark: rgb(217, 33, 40);
|
|
34
|
-
--color-white: rgb(255, 255, 255);
|
|
35
|
-
--color-brand-primary: rgb(217, 33, 40);
|
|
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, 90, 90);
|
|
40
|
-
--color-grey: rgb(140, 140, 140);
|
|
41
|
-
/* The webfont, loaded async */
|
|
42
|
-
--font-family-primary-fancy: ivypresto-headline, 'Times New Roman', serif;
|
|
43
|
-
/* Fallback for primary-fancy */
|
|
44
|
-
--font-family-primary: ivypresto-headline, 'Times New Roman', serif;
|
|
45
|
-
/* The webfont, loaded async */
|
|
46
|
-
--font-family-secondary-fancy: proxima-nova, Arial, sans-serif;
|
|
47
|
-
/* Fallback for secondary-fancy */
|
|
48
|
-
--font-family-secondary: proxima-nova, Arial, sans-serif;
|
|
49
|
-
--font-family-body: lora, Georgia, serif;
|
|
50
|
-
--font-family-basic: lora, Georgia, 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-brand-secondary-lightest: rgb(248, 248, 248);
|
|
75
|
-
--color-brand-primary-lightest: rgb(247, 244, 242);
|
|
76
|
-
--border-color-brand-secondary-lightest: rgb(248, 248, 248);
|
|
77
|
-
--color-brand-secondary-lightest: rgb(248, 248, 248);
|
|
78
|
-
--background-color-brand-primary-lightest: rgb(247, 244, 242);
|
|
79
|
-
--border-color-brand-primary-lightest: rgb(247, 244, 242);
|
|
80
|
-
--font-family-accent: oswald, Helvetica, sans-serif;
|
|
81
|
-
--font-family-accent-fancy: oswald, Helvetica, sans-serif;
|
|
82
|
-
}
|
|
1
|
+
:root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(204, 204, 204);--border-color-grey-dark: rgb(90, 90, 90);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(0, 0, 0);--border-color-grey: rgb(140, 140, 140);--border-color-brand-primary-light: rgb(217, 33, 40);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(217, 33, 40);--border-color-brand-primary: rgb(217, 33, 40);--background-color-grey-light: rgb(204, 204, 204);--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(0, 0, 0);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(217, 33, 40);--background-color-brand-primary-dark: rgb(217, 33, 40);--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(0, 0, 0);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(217, 33, 40);--color-brand-primary-dark: rgb(217, 33, 40);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(217, 33, 40);--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, 90, 90);--color-grey: rgb(140, 140, 140);--font-family-primary-fancy: ivypresto-headline, "Times New Roman", serif;--font-family-primary: ivypresto-headline, "Times New Roman", serif;--font-family-secondary-fancy: proxima-nova, Arial, sans-serif;--font-family-secondary: proxima-nova, Arial, sans-serif;--font-family-body: lora, Georgia, serif;--font-family-basic: lora, 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;--background-color-brand-secondary-lightest: rgb(248, 248, 248);--color-brand-primary-lightest: rgb(247, 244, 242);--border-color-brand-secondary-lightest: rgb(248, 248, 248);--color-brand-secondary-lightest: rgb(248, 248, 248);--background-color-brand-primary-lightest: rgb(247, 244, 242);--border-color-brand-primary-lightest: rgb(247, 244, 242);--font-family-accent: oswald, Helvetica, sans-serif;--font-family-accent-fancy: oswald, Helvetica, sans-serif}
|
|
@@ -1,86 +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(72, 61, 50);
|
|
7
|
-
--border-color-brand-secondary-dark: rgb(0, 0, 0);
|
|
8
|
-
--border-color-brand-secondary: rgb(37, 83, 78);
|
|
9
|
-
--border-color-grey: rgb(140, 140, 140);
|
|
10
|
-
--border-color-brand-primary-light: rgb(253, 246, 240);
|
|
11
|
-
--border-color-white: rgb(255, 255, 255);
|
|
12
|
-
--border-color-brand-primary-dark: rgb(236, 28, 36);
|
|
13
|
-
--border-color-brand-primary: rgb(111, 8, 53);
|
|
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(72, 61, 50);
|
|
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, 254, 248);
|
|
22
|
-
--background-color-brand-secondary: rgb(37, 83, 78);
|
|
23
|
-
--background-color-black: rgb(0, 0, 0);
|
|
24
|
-
--background-color-brand-primary-light: rgb(253, 246, 240);
|
|
25
|
-
--background-color-brand-primary-dark: rgb(236, 28, 36);
|
|
26
|
-
--background-color-white: rgb(255, 255, 255);
|
|
27
|
-
--background-color-brand-primary: rgb(111, 8, 53);
|
|
28
|
-
--background-color-grey-darkest: rgb(50, 50, 50);
|
|
29
|
-
--color-brand-secondary: rgb(37, 83, 78);
|
|
30
|
-
--color-black: rgb(0, 0, 0);
|
|
31
|
-
--color-brand-primary-light: rgb(253, 246, 240);
|
|
32
|
-
--color-brand-primary-dark: rgb(236, 28, 36);
|
|
33
|
-
--color-white: rgb(255, 255, 255);
|
|
34
|
-
--color-brand-primary: rgb(111, 8, 53);
|
|
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(72, 61, 50);
|
|
39
|
-
--color-grey: rgb(140, 140, 140);
|
|
40
|
-
/* The webfont for font-family-primary. */
|
|
41
|
-
--font-family-primary-fancy: 'Publico Banner', Times New Roman, sans-serif;
|
|
42
|
-
/* The fallback font for font-family-primary. */
|
|
43
|
-
--font-family-primary: 'Times New Roman', serif;
|
|
44
|
-
/* Available via Typekit. */
|
|
45
|
-
--font-family-secondary-fancy: 'BentoSans', Arial, sans-serif;
|
|
46
|
-
/* Fallback from secondary-fancy */
|
|
47
|
-
--font-family-secondary: Arial, serif;
|
|
48
|
-
--font-family-body: 'BentoSans', Arial, sans-serif;
|
|
49
|
-
--font-family-basic: Arial, 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
|
-
--border-color-brand-accent-dark: rgb(165, 138, 78);
|
|
74
|
-
--background-color-brand-accent-dark: rgb(165, 138, 78);
|
|
75
|
-
--color-grey-darkest: rgb(50, 50, 50);
|
|
76
|
-
--background-color-brand-accent: rgb(224, 215, 194);
|
|
77
|
-
--border-color-brand-accent: rgb(224, 215, 194);
|
|
78
|
-
--color-grey-lightest: rgb(239, 239, 239);
|
|
79
|
-
/* Fallback from secondary-fancy */
|
|
80
|
-
--font-family-accent: Helvetica, serif;
|
|
81
|
-
--color-brand-accent-dark: rgb(165, 138, 78);
|
|
82
|
-
--color-brand-accent: rgb(224, 215, 194);
|
|
83
|
-
--border-color-grey-darkest: rgb(50, 50, 50);
|
|
84
|
-
/* Available via Typekit. */
|
|
85
|
-
--font-family-accent-fancy: 'sweet-sans-pro', Helvetica, sans-serif;
|
|
86
|
-
}
|
|
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(72, 61, 50);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(37, 83, 78);--border-color-grey: rgb(140, 140, 140);--border-color-brand-primary-light: rgb(253, 246, 240);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(236, 28, 36);--border-color-brand-primary: rgb(111, 8, 53);--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(72, 61, 50);--background-color-grey: rgb(140, 140, 140);--background-color-body: rgb(255, 254, 248);--background-color-brand-secondary: rgb(37, 83, 78);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(253, 246, 240);--background-color-brand-primary-dark: rgb(236, 28, 36);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(111, 8, 53);--background-color-grey-darkest: rgb(50, 50, 50);--color-brand-secondary: rgb(37, 83, 78);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(253, 246, 240);--color-brand-primary-dark: rgb(236, 28, 36);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(111, 8, 53);--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(72, 61, 50);--color-grey: rgb(140, 140, 140);--font-family-primary-fancy: "Publico Banner", Times New Roman, sans-serif;--font-family-primary: "Times New Roman", serif;--font-family-secondary-fancy: "BentoSans", Arial, sans-serif;--font-family-secondary: Arial, serif;--font-family-body: "BentoSans", Arial, sans-serif;--font-family-basic: Arial, 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;--border-color-brand-accent-dark: rgb(165, 138, 78);--background-color-brand-accent-dark: rgb(165, 138, 78);--color-grey-darkest: rgb(50, 50, 50);--background-color-brand-accent: rgb(224, 215, 194);--border-color-brand-accent: rgb(224, 215, 194);--color-grey-lightest: rgb(239, 239, 239);--font-family-accent: Helvetica, serif;--color-brand-accent-dark: rgb(165, 138, 78);--color-brand-accent: rgb(224, 215, 194);--border-color-grey-darkest: rgb(50, 50, 50);--font-family-accent-fancy: "sweet-sans-pro", Helvetica, sans-serif}
|
|
@@ -1,18 +1 @@
|
|
|
1
|
-
|
|
2
|
-
:root {
|
|
3
|
-
--border-color-grey-lightest: rgb(240, 240, 240);
|
|
4
|
-
/* The webfont, loaded async */
|
|
5
|
-
--font-family-primary-fancy: forma-djr-deck, sans-serif;
|
|
6
|
-
--font-family-basic: 'Frank Ruhl Libre', serif;
|
|
7
|
-
--background-color-grey-lightest: rgb(240, 240, 240);
|
|
8
|
-
/* Fallback for secondary-fancy */
|
|
9
|
-
--font-family-secondary: serif;
|
|
10
|
-
--font-family-body: 'Frank Ruhl Libre', serif;
|
|
11
|
-
/* The webfont, loaded async */
|
|
12
|
-
--font-family-secondary-fancy: 'Frank Ruhl Libre', serif;
|
|
13
|
-
--color-grey-lightest: rgb(240, 240, 240);
|
|
14
|
-
--font-family-accent: 'Times New Roman', serif;
|
|
15
|
-
/* Fallback for primary-fancy */
|
|
16
|
-
--font-family-primary: sans-serif;
|
|
17
|
-
--font-family-accent-fancy: 'Publico Banner', Times New Roman, sans-serif;
|
|
18
|
-
}
|
|
1
|
+
:root{--border-color-grey-lightest: rgb(240, 240, 240);--font-family-primary-fancy: forma-djr-deck, sans-serif;--font-family-basic: "Frank Ruhl Libre", serif;--background-color-grey-lightest: rgb(240, 240, 240);--font-family-secondary: serif;--font-family-body: "Frank Ruhl Libre", serif;--font-family-secondary-fancy: "Frank Ruhl Libre", serif;--color-grey-lightest: rgb(240, 240, 240);--font-family-accent: "Times New Roman", serif;--font-family-primary: sans-serif;--font-family-accent-fancy: "Publico Banner", Times New Roman, sans-serif}
|
|
@@ -1,70 +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(204, 204, 204);
|
|
6
|
-
--border-color-grey-dark: rgb(106, 106, 106);
|
|
7
|
-
--border-color-brand-secondary-dark: rgb(0, 0, 0);
|
|
8
|
-
--border-color-brand-secondary: rgb(0, 0, 0);
|
|
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(228, 0, 0);
|
|
14
|
-
--background-color-grey-light: rgb(204, 204, 204);
|
|
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(106, 106, 106);
|
|
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(0, 0, 0);
|
|
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(228, 0, 0);
|
|
28
|
-
--background-color-grey-darkest: rgb(50, 50, 50);
|
|
29
|
-
--color-brand-secondary: rgb(0, 0, 0);
|
|
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(228, 0, 0);
|
|
35
|
-
--color-grey-light: rgb(230, 230, 230);
|
|
36
|
-
--color-brand-secondary-dark: rgb(0, 0, 0);
|
|
37
|
-
--color-brand-secondary-light: rgb(0, 0, 0);
|
|
38
|
-
--color-grey-dark: rgb(106, 106, 106);
|
|
39
|
-
--color-grey: rgb(140, 140, 140);
|
|
40
|
-
--font-family-primary-fancy: 'neue-haas-unica', Helvetica, sans-serif;
|
|
41
|
-
--font-family-primary: Helvetica, sans-serif;
|
|
42
|
-
--font-family-secondary-fancy: Georgia, serif;
|
|
43
|
-
--font-family-secondary: Georgia, serif;
|
|
44
|
-
--font-family-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
45
|
-
--font-family-basic: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
46
|
-
--font-weight-light: 300;
|
|
47
|
-
--font-weight-normal: 400;
|
|
48
|
-
--font-weight-bold: 700;
|
|
49
|
-
--line-height-small: 1.1;
|
|
50
|
-
--line-height-normal: 1.35;
|
|
51
|
-
--line-height-copy: 1.5;
|
|
52
|
-
--line-height-large: 1.85;
|
|
53
|
-
/* Used for margins and padding only. */
|
|
54
|
-
--spacing-00: 0;
|
|
55
|
-
/* Used for margins and padding only. */
|
|
56
|
-
--spacing-025: 0.25rem;
|
|
57
|
-
/* Used for margins and padding only. */
|
|
58
|
-
--spacing-050: 0.5rem;
|
|
59
|
-
/* Used for margins and padding only. */
|
|
60
|
-
--spacing-075: 0.75rem;
|
|
61
|
-
/* Used for margins and padding only. */
|
|
62
|
-
--spacing-1: 1rem;
|
|
63
|
-
/* Used for margins and padding only. */
|
|
64
|
-
--spacing-125: 1.25rem;
|
|
65
|
-
/* Used for margins and padding only. */
|
|
66
|
-
--spacing-150: 1.5rem;
|
|
67
|
-
/* Used for margins and padding only. */
|
|
68
|
-
--spacing-2: 2rem;
|
|
69
|
-
--background-color-brand-accent: rgb(240, 241, 242);
|
|
70
|
-
}
|
|
1
|
+
:root{--border-color-grey-lightest: rgb(247, 247, 247);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(204, 204, 204);--border-color-grey-dark: rgb(106, 106, 106);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(0, 0, 0);--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(228, 0, 0);--background-color-grey-light: rgb(204, 204, 204);--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(106, 106, 106);--background-color-grey: rgb(140, 140, 140);--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(228, 0, 0);--background-color-grey-darkest: rgb(50, 50, 50);--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(228, 0, 0);--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(106, 106, 106);--color-grey: rgb(140, 140, 140);--font-family-primary-fancy: "neue-haas-unica", Helvetica, sans-serif;--font-family-primary: Helvetica, sans-serif;--font-family-secondary-fancy: Georgia, serif;--font-family-secondary: Georgia, serif;--font-family-body: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-basic: "Helvetica Neue", Helvetica, Arial, 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-brand-accent: rgb(240, 241, 242)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@penskemediacorp/larva",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.18.0",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"author": "laras126 <laras126@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/Penske-Media-Corp/pmc-larva/tree/master/packages/larva#readme",
|
|
@@ -45,12 +45,12 @@
|
|
|
45
45
|
"@babel/preset-env": "^7.10.4",
|
|
46
46
|
"@penskemediacorp/backstopjs-config": "^1.14.0",
|
|
47
47
|
"@penskemediacorp/eslint-config": "^1.14.0",
|
|
48
|
-
"@penskemediacorp/larva-css": "^1.
|
|
49
|
-
"@penskemediacorp/larva-js": "^1.
|
|
50
|
-
"@penskemediacorp/larva-patterns": "^1.
|
|
51
|
-
"@penskemediacorp/larva-scss": "^1.
|
|
48
|
+
"@penskemediacorp/larva-css": "^1.18.0",
|
|
49
|
+
"@penskemediacorp/larva-js": "^1.18.0",
|
|
50
|
+
"@penskemediacorp/larva-patterns": "^1.18.0",
|
|
51
|
+
"@penskemediacorp/larva-scss": "^1.18.0",
|
|
52
52
|
"@penskemediacorp/larva-svg": "^1.14.0",
|
|
53
|
-
"@penskemediacorp/larva-tokens": "^1.
|
|
53
|
+
"@penskemediacorp/larva-tokens": "^1.18.0",
|
|
54
54
|
"@penskemediacorp/stylelint-config": "^1.14.0",
|
|
55
55
|
"@penskemediacorp/twig-to-php-parser": "^1.14.0",
|
|
56
56
|
"axios": "^0.21.1",
|
|
@@ -89,5 +89,5 @@
|
|
|
89
89
|
"webpack": "^4.43.0",
|
|
90
90
|
"webpack-cli": "^3.3.12"
|
|
91
91
|
},
|
|
92
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "1d5963f9b4ba70bf8552934a0cc1deb53182a25f"
|
|
93
93
|
}
|