@penskemediacorp/larva-tokens 0.3.6 → 0.3.9

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 (11) hide show
  1. package/build/robbreport.custom-properties.css +133 -0
  2. package/build/robbreport.json +115 -0
  3. package/build/robbreport.map.scss +133 -0
  4. package/build/robbreport.raw.json +1134 -0
  5. package/build/wwd-2021.custom-properties.css +6 -1
  6. package/build/wwd-2021.json +6 -0
  7. package/build/wwd-2021.map.scss +6 -1
  8. package/build/wwd-2021.raw.json +45 -4
  9. package/package.json +2 -2
  10. package/style-guides/robbreport.html +2118 -0
  11. package/style-guides/wwd-2021.html +83 -1
package/build/robbreport.custom-properties.css ADDED
@@ -0,0 +1,133 @@
1
+
2
+ :root {
3
+ --border-color-grey-lightest: rgb(241, 244, 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(112, 117, 123);
7
+ --border-color-brand-secondary-dark: rgb(0, 0, 0);
8
+ --border-color-brand-secondary: rgb(0, 0, 0);
9
+ --border-color-grey: rgb(147, 153, 160);
10
+ --border-color-brand-primary-light: rgb(224, 32, 32);
11
+ --border-color-white: rgb(255, 255, 255);
12
+ --border-color-brand-primary-dark: rgb(224, 32, 32);
13
+ --border-color-brand-primary: rgb(224, 32, 32);
14
+ --background-color-grey-light: rgb(204, 204, 204);
15
+ --background-color-grey-lightest: rgb(241, 244, 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(112, 117, 123);
19
+ --background-color-grey: rgb(147, 153, 160);
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(224, 32, 32);
26
+ --background-color-brand-primary-dark: rgb(224, 32, 32);
27
+ --background-color-white: rgb(255, 255, 255);
28
+ /* The primary brand color. This should be dark in hue, and have sufficient contrast with white text. */
29
+ --background-color-brand-primary: rgb(224, 32, 32);
30
+ --background-color-grey-darkest: rgb(28, 28, 29);
31
+ --color-brand-secondary: rgb(0, 0, 0);
32
+ --color-black: rgb(0, 0, 0);
33
+ --color-brand-primary-light: rgb(224, 32, 32);
34
+ --color-brand-primary-dark: rgb(224, 32, 32);
35
+ --color-white: rgb(255, 255, 255);
36
+ --color-brand-primary: rgb(224, 32, 32);
37
+ --color-grey-light: rgb(230, 230, 230);
38
+ --color-brand-secondary-dark: rgb(0, 0, 0);
39
+ --color-brand-secondary-light: rgb(0, 0, 0);
40
+ --color-grey-dark: rgb(112, 117, 123);
41
+ --color-grey: rgb(147, 153, 160);
42
+ /* Webfont for primary-fancy */
43
+ --font-family-primary-fancy: rocky, sans-serif;
44
+ /* Fallback for primary-fancy */
45
+ --font-family-primary: Georgia, serif;
46
+ /* Webfont for secondary-fancy */
47
+ --font-family-secondary-fancy: TitlingGothicFBCond-Regular,sans-serif;
48
+ /* Fallback for secondary-fancy */
49
+ --font-family-secondary: Helvetica, serif;
50
+ /* Webfont for body */
51
+ --font-family-body: Roboto, san-serif;
52
+ --font-family-basic: Arial, sans-serif;
53
+ --font-weight-light: 300;
54
+ --font-weight-normal: 400;
55
+ --font-weight-bold: 700;
56
+ --line-height-small: 1.1;
57
+ --line-height-normal: 1.35;
58
+ --line-height-copy: 1.5;
59
+ --line-height-large: 1.85;
60
+ /* Used for margins and padding only. */
61
+ --spacing-00: 0;
62
+ /* Used for margins and padding only. */
63
+ --spacing-025: 0.25rem;
64
+ /* Used for margins and padding only. */
65
+ --spacing-050: 0.5rem;
66
+ /* Used for margins and padding only. */
67
+ --spacing-075: 0.75rem;
68
+ /* Used for margins and padding only. */
69
+ --spacing-1: 1rem;
70
+ /* Used for margins and padding only. */
71
+ --spacing-125: 1.25rem;
72
+ /* Used for margins and padding only. */
73
+ --spacing-150: 1.5rem;
74
+ /* Used for margins and padding only. */
75
+ --spacing-2: 2rem;
76
+ --body-l-font-size-mobile: 22px;
77
+ --primary-xl-font-size-desktop: 38px;
78
+ --body-m-line-height-desktop: 22px;
79
+ --primary-m-line-height-desktop: 29px;
80
+ --primary-l-font-size-mobile: 27px;
81
+ --primary-xl-line-height-desktop: 41px;
82
+ --body-s-font-size-desktop: 14px;
83
+ --primary-s-font-size-desktop: 23px;
84
+ --primary-s-line-height-desktop: 27px;
85
+ --secondary-s-line-height-mobile: 16px;
86
+ --accent-l-font-size-desktop: 32px;
87
+ --body-s-line-height-desktop: 18px;
88
+ --accent-m-font-size-desktop: 22px;
89
+ --secondary-s-font-size-mobile: 14px;
90
+ --accent-l-line-height-desktop: 32px;
91
+ --accent-m-line-height-desktop: 24px;
92
+ --secondary-m-line-height-mobile: 20px;
93
+ --secondary-m-font-size-mobile: 17px;
94
+ --secondary-l-line-height-mobile: 20px;
95
+ --accent-s-font-size-desktop: 18px;
96
+ --accent-s-line-height-desktop: 26px;
97
+ --secondary-xl-font-size-desktop: 26px;
98
+ --secondary-l-font-size-mobile: 18px;
99
+ --secondary-xl-line-height-mobile: 26px;
100
+ --secondary-xl-line-height-desktop: 31px;
101
+ --secondary-xl-font-size-mobile: 22px;
102
+ --accent-s-line-height-mobile: 26px;
103
+ --secondary-l-font-size-desktop: 22px;
104
+ --secondary-m-font-size-desktop: 18px;
105
+ --accent-s-font-size-mobile: 18px;
106
+ --secondary-l-line-height-desktop: 25px;
107
+ --secondary-m-line-height-desktop: 21px;
108
+ --accent-m-line-height-mobile: 19px;
109
+ --accent-l-line-height-mobile: 26px;
110
+ --accent-m-font-size-mobile: 28px;
111
+ --secondary-s-font-size-desktop: 16px;
112
+ --secondary-s-line-height-desktop: 22px;
113
+ --primary-s-line-height-mobile: 25px;
114
+ --body-s-line-height-mobile: 18px;
115
+ --accent-l-font-size-mobile: 26px;
116
+ --primary-s-font-size-mobile: 21px;
117
+ --body-s-font-size-mobile: 18px;
118
+ --body-l-font-size-desktop: 26px;
119
+ --primary-l-font-size-desktop: 32px;
120
+ --primary-m-line-height-mobile: 25px;
121
+ --body-m-line-height-mobile: 22px;
122
+ --primary-xl-font-size-mobile: 33px;
123
+ --body-l-line-height-desktop: 29px;
124
+ --primary-l-line-height-desktop: 36px;
125
+ --primary-m-font-size-mobile: 22px;
126
+ --body-m-font-size-desktop: 17px;
127
+ --body-m-font-size-mobile: 17px;
128
+ --primary-m-font-size-desktop: 24px;
129
+ --primary-l-line-height-mobile: 32px;
130
+ --body-l-line-height-mobile: 22px;
131
+ /* Webfont for accent-fancy */
132
+ --font-family-accent-fancy: sweet-sans-pro,sans-serif;
133
+ }
package/build/robbreport.json ADDED
@@ -0,0 +1,115 @@
1
+ {
2
+ "BORDER_COLOR_GREY_LIGHTEST": "rgb(241, 244, 247)",
3
+ "BORDER_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
4
+ "BORDER_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
5
+ "BORDER_COLOR_GREY_DARK": "rgb(112, 117, 123)",
6
+ "BORDER_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
7
+ "BORDER_COLOR_BRAND_SECONDARY": "rgb(0, 0, 0)",
8
+ "BORDER_COLOR_GREY": "rgb(147, 153, 160)",
9
+ "BORDER_COLOR_BRAND_PRIMARY_LIGHT": "rgb(224, 32, 32)",
10
+ "BORDER_COLOR_WHITE": "rgb(255, 255, 255)",
11
+ "BORDER_COLOR_BRAND_PRIMARY_DARK": "rgb(224, 32, 32)",
12
+ "BORDER_COLOR_BRAND_PRIMARY": "rgb(224, 32, 32)",
13
+ "BACKGROUND_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
14
+ "BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(241, 244, 247)",
15
+ "BACKGROUND_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
16
+ "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
17
+ "BACKGROUND_COLOR_GREY_DARK": "rgb(112, 117, 123)",
18
+ "BACKGROUND_COLOR_GREY": "rgb(147, 153, 160)",
19
+ "BACKGROUND_COLOR_BODY": "rgb(255, 255, 255)",
20
+ "BACKGROUND_COLOR_BRAND_SECONDARY": "rgb(0, 0, 0)",
21
+ "BACKGROUND_COLOR_BLACK": "rgb(0, 0, 0)",
22
+ "BACKGROUND_COLOR_BRAND_PRIMARY_LIGHT": "rgb(224, 32, 32)",
23
+ "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": "rgb(224, 32, 32)",
24
+ "BACKGROUND_COLOR_WHITE": "rgb(255, 255, 255)",
25
+ "BACKGROUND_COLOR_BRAND_PRIMARY": "rgb(224, 32, 32)",
26
+ "BACKGROUND_COLOR_GREY_DARKEST": "rgb(28, 28, 29)",
27
+ "COLOR_BRAND_SECONDARY": "rgb(0, 0, 0)",
28
+ "COLOR_BLACK": "rgb(0, 0, 0)",
29
+ "COLOR_BRAND_PRIMARY_LIGHT": "rgb(224, 32, 32)",
30
+ "COLOR_BRAND_PRIMARY_DARK": "rgb(224, 32, 32)",
31
+ "COLOR_WHITE": "rgb(255, 255, 255)",
32
+ "COLOR_BRAND_PRIMARY": "rgb(224, 32, 32)",
33
+ "COLOR_GREY_LIGHT": "rgb(230, 230, 230)",
34
+ "COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
35
+ "COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
36
+ "COLOR_GREY_DARK": "rgb(112, 117, 123)",
37
+ "COLOR_GREY": "rgb(147, 153, 160)",
38
+ "FONT_FAMILY_PRIMARY_FANCY": "rocky, sans-serif",
39
+ "FONT_FAMILY_PRIMARY": "Georgia, serif",
40
+ "FONT_FAMILY_SECONDARY_FANCY": "TitlingGothicFBCond-Regular,sans-serif",
41
+ "FONT_FAMILY_SECONDARY": "Helvetica, serif",
42
+ "FONT_FAMILY_BODY": "Roboto, san-serif",
43
+ "FONT_FAMILY_BASIC": "Arial, sans-serif",
44
+ "FONT_WEIGHT_LIGHT": "300",
45
+ "FONT_WEIGHT_NORMAL": "400",
46
+ "FONT_WEIGHT_BOLD": "700",
47
+ "LINE_HEIGHT_SMALL": "1.1",
48
+ "LINE_HEIGHT_NORMAL": "1.35",
49
+ "LINE_HEIGHT_COPY": "1.5",
50
+ "LINE_HEIGHT_LARGE": "1.85",
51
+ "SPACING_00": "0",
52
+ "SPACING_025": "0.25rem",
53
+ "SPACING_050": "0.5rem",
54
+ "SPACING_075": "0.75rem",
55
+ "SPACING_1": "1rem",
56
+ "SPACING_125": "1.25rem",
57
+ "SPACING_150": "1.5rem",
58
+ "SPACING_2": "2rem",
59
+ "BODY_L_FONT_SIZE_MOBILE": "22px",
60
+ "PRIMARY_XL_FONT_SIZE_DESKTOP": "38px",
61
+ "BODY_M_LINE_HEIGHT_DESKTOP": "22px",
62
+ "PRIMARY_M_LINE_HEIGHT_DESKTOP": "29px",
63
+ "PRIMARY_L_FONT_SIZE_MOBILE": "27px",
64
+ "PRIMARY_XL_LINE_HEIGHT_DESKTOP": "41px",
65
+ "BODY_S_FONT_SIZE_DESKTOP": "14px",
66
+ "PRIMARY_S_FONT_SIZE_DESKTOP": "23px",
67
+ "PRIMARY_S_LINE_HEIGHT_DESKTOP": "27px",
68
+ "SECONDARY_S_LINE_HEIGHT_MOBILE": "16px",
69
+ "ACCENT_L_FONT_SIZE_DESKTOP": "32px",
70
+ "BODY_S_LINE_HEIGHT_DESKTOP": "18px",
71
+ "ACCENT_M_FONT_SIZE_DESKTOP": "22px",
72
+ "SECONDARY_S_FONT_SIZE_MOBILE": "14px",
73
+ "ACCENT_L_LINE_HEIGHT_DESKTOP": "32px",
74
+ "ACCENT_M_LINE_HEIGHT_DESKTOP": "24px",
75
+ "SECONDARY_M_LINE_HEIGHT_MOBILE": "20px",
76
+ "SECONDARY_M_FONT_SIZE_MOBILE": "17px",
77
+ "SECONDARY_L_LINE_HEIGHT_MOBILE": "20px",
78
+ "ACCENT_S_FONT_SIZE_DESKTOP": "18px",
79
+ "ACCENT_S_LINE_HEIGHT_DESKTOP": "26px",
80
+ "SECONDARY_XL_FONT_SIZE_DESKTOP": "26px",
81
+ "SECONDARY_L_FONT_SIZE_MOBILE": "18px",
82
+ "SECONDARY_XL_LINE_HEIGHT_MOBILE": "26px",
83
+ "SECONDARY_XL_LINE_HEIGHT_DESKTOP": "31px",
84
+ "SECONDARY_XL_FONT_SIZE_MOBILE": "22px",
85
+ "ACCENT_S_LINE_HEIGHT_MOBILE": "26px",
86
+ "SECONDARY_L_FONT_SIZE_DESKTOP": "22px",
87
+ "SECONDARY_M_FONT_SIZE_DESKTOP": "18px",
88
+ "ACCENT_S_FONT_SIZE_MOBILE": "18px",
89
+ "SECONDARY_L_LINE_HEIGHT_DESKTOP": "25px",
90
+ "SECONDARY_M_LINE_HEIGHT_DESKTOP": "21px",
91
+ "ACCENT_M_LINE_HEIGHT_MOBILE": "19px",
92
+ "ACCENT_L_LINE_HEIGHT_MOBILE": "26px",
93
+ "ACCENT_M_FONT_SIZE_MOBILE": "28px",
94
+ "SECONDARY_S_FONT_SIZE_DESKTOP": "16px",
95
+ "SECONDARY_S_LINE_HEIGHT_DESKTOP": "22px",
96
+ "PRIMARY_S_LINE_HEIGHT_MOBILE": "25px",
97
+ "BODY_S_LINE_HEIGHT_MOBILE": "18px",
98
+ "ACCENT_L_FONT_SIZE_MOBILE": "26px",
99
+ "PRIMARY_S_FONT_SIZE_MOBILE": "21px",
100
+ "BODY_S_FONT_SIZE_MOBILE": "18px",
101
+ "BODY_L_FONT_SIZE_DESKTOP": "26px",
102
+ "PRIMARY_L_FONT_SIZE_DESKTOP": "32px",
103
+ "PRIMARY_M_LINE_HEIGHT_MOBILE": "25px",
104
+ "BODY_M_LINE_HEIGHT_MOBILE": "22px",
105
+ "PRIMARY_XL_FONT_SIZE_MOBILE": "33px",
106
+ "BODY_L_LINE_HEIGHT_DESKTOP": "29px",
107
+ "PRIMARY_L_LINE_HEIGHT_DESKTOP": "36px",
108
+ "PRIMARY_M_FONT_SIZE_MOBILE": "22px",
109
+ "BODY_M_FONT_SIZE_DESKTOP": "17px",
110
+ "BODY_M_FONT_SIZE_MOBILE": "17px",
111
+ "PRIMARY_M_FONT_SIZE_DESKTOP": "24px",
112
+ "PRIMARY_L_LINE_HEIGHT_MOBILE": "32px",
113
+ "BODY_L_LINE_HEIGHT_MOBILE": "22px",
114
+ "FONT_FAMILY_ACCENT_FANCY": "sweet-sans-pro,sans-serif"
115
+ }
package/build/robbreport.map.scss ADDED
@@ -0,0 +1,133 @@
1
+
2
+ $robbreport-map: (
3
+ 'border-color-grey-lightest': (rgb(241, 244, 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(112, 117, 123)),
7
+ 'border-color-brand-secondary-dark': (rgb(0, 0, 0)),
8
+ 'border-color-brand-secondary': (rgb(0, 0, 0)),
9
+ 'border-color-grey': (rgb(147, 153, 160)),
10
+ 'border-color-brand-primary-light': (rgb(224, 32, 32)),
11
+ 'border-color-white': (rgb(255, 255, 255)),
12
+ 'border-color-brand-primary-dark': (rgb(224, 32, 32)),
13
+ 'border-color-brand-primary': (rgb(224, 32, 32)),
14
+ 'background-color-grey-light': (rgb(204, 204, 204)),
15
+ 'background-color-grey-lightest': (rgb(241, 244, 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(112, 117, 123)),
19
+ 'background-color-grey': (rgb(147, 153, 160)),
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(224, 32, 32)),
26
+ 'background-color-brand-primary-dark': (rgb(224, 32, 32)),
27
+ 'background-color-white': (rgb(255, 255, 255)),
28
+ /* The primary brand color. This should be dark in hue, and have sufficient contrast with white text. */
29
+ 'background-color-brand-primary': (rgb(224, 32, 32)),
30
+ 'background-color-grey-darkest': (rgb(28, 28, 29)),
31
+ 'color-brand-secondary': (rgb(0, 0, 0)),
32
+ 'color-black': (rgb(0, 0, 0)),
33
+ 'color-brand-primary-light': (rgb(224, 32, 32)),
34
+ 'color-brand-primary-dark': (rgb(224, 32, 32)),
35
+ 'color-white': (rgb(255, 255, 255)),
36
+ 'color-brand-primary': (rgb(224, 32, 32)),
37
+ 'color-grey-light': (rgb(230, 230, 230)),
38
+ 'color-brand-secondary-dark': (rgb(0, 0, 0)),
39
+ 'color-brand-secondary-light': (rgb(0, 0, 0)),
40
+ 'color-grey-dark': (rgb(112, 117, 123)),
41
+ 'color-grey': (rgb(147, 153, 160)),
42
+ /* Webfont for primary-fancy */
43
+ 'font-family-primary-fancy': (rocky, sans-serif),
44
+ /* Fallback for primary-fancy */
45
+ 'font-family-primary': (Georgia, serif),
46
+ /* Webfont for secondary-fancy */
47
+ 'font-family-secondary-fancy': (TitlingGothicFBCond-Regular,sans-serif),
48
+ /* Fallback for secondary-fancy */
49
+ 'font-family-secondary': (Helvetica, serif),
50
+ /* Webfont for body */
51
+ 'font-family-body': (Roboto, san-serif),
52
+ 'font-family-basic': (Arial, sans-serif),
53
+ 'font-weight-light': (300),
54
+ 'font-weight-normal': (400),
55
+ 'font-weight-bold': (700),
56
+ 'line-height-small': (1.1),
57
+ 'line-height-normal': (1.35),
58
+ 'line-height-copy': (1.5),
59
+ 'line-height-large': (1.85),
60
+ /* Used for margins and padding only. */
61
+ 'spacing-00': (0),
62
+ /* Used for margins and padding only. */
63
+ 'spacing-025': (0.25rem),
64
+ /* Used for margins and padding only. */
65
+ 'spacing-050': (0.5rem),
66
+ /* Used for margins and padding only. */
67
+ 'spacing-075': (0.75rem),
68
+ /* Used for margins and padding only. */
69
+ 'spacing-1': (1rem),
70
+ /* Used for margins and padding only. */
71
+ 'spacing-125': (1.25rem),
72
+ /* Used for margins and padding only. */
73
+ 'spacing-150': (1.5rem),
74
+ /* Used for margins and padding only. */
75
+ 'spacing-2': (2rem),
76
+ 'body-l-font-size-mobile': (22px),
77
+ 'primary-xl-font-size-desktop': (38px),
78
+ 'body-m-line-height-desktop': (22px),
79
+ 'primary-m-line-height-desktop': (29px),
80
+ 'primary-l-font-size-mobile': (27px),
81
+ 'primary-xl-line-height-desktop': (41px),
82
+ 'body-s-font-size-desktop': (14px),
83
+ 'primary-s-font-size-desktop': (23px),
84
+ 'primary-s-line-height-desktop': (27px),
85
+ 'secondary-s-line-height-mobile': (16px),
86
+ 'accent-l-font-size-desktop': (32px),
87
+ 'body-s-line-height-desktop': (18px),
88
+ 'accent-m-font-size-desktop': (22px),
89
+ 'secondary-s-font-size-mobile': (14px),
90
+ 'accent-l-line-height-desktop': (32px),
91
+ 'accent-m-line-height-desktop': (24px),
92
+ 'secondary-m-line-height-mobile': (20px),
93
+ 'secondary-m-font-size-mobile': (17px),
94
+ 'secondary-l-line-height-mobile': (20px),
95
+ 'accent-s-font-size-desktop': (18px),
96
+ 'accent-s-line-height-desktop': (26px),
97
+ 'secondary-xl-font-size-desktop': (26px),
98
+ 'secondary-l-font-size-mobile': (18px),
99
+ 'secondary-xl-line-height-mobile': (26px),
100
+ 'secondary-xl-line-height-desktop': (31px),
101
+ 'secondary-xl-font-size-mobile': (22px),
102
+ 'accent-s-line-height-mobile': (26px),
103
+ 'secondary-l-font-size-desktop': (22px),
104
+ 'secondary-m-font-size-desktop': (18px),
105
+ 'accent-s-font-size-mobile': (18px),
106
+ 'secondary-l-line-height-desktop': (25px),
107
+ 'secondary-m-line-height-desktop': (21px),
108
+ 'accent-m-line-height-mobile': (19px),
109
+ 'accent-l-line-height-mobile': (26px),
110
+ 'accent-m-font-size-mobile': (28px),
111
+ 'secondary-s-font-size-desktop': (16px),
112
+ 'secondary-s-line-height-desktop': (22px),
113
+ 'primary-s-line-height-mobile': (25px),
114
+ 'body-s-line-height-mobile': (18px),
115
+ 'accent-l-font-size-mobile': (26px),
116
+ 'primary-s-font-size-mobile': (21px),
117
+ 'body-s-font-size-mobile': (18px),
118
+ 'body-l-font-size-desktop': (26px),
119
+ 'primary-l-font-size-desktop': (32px),
120
+ 'primary-m-line-height-mobile': (25px),
121
+ 'body-m-line-height-mobile': (22px),
122
+ 'primary-xl-font-size-mobile': (33px),
123
+ 'body-l-line-height-desktop': (29px),
124
+ 'primary-l-line-height-desktop': (36px),
125
+ 'primary-m-font-size-mobile': (22px),
126
+ 'body-m-font-size-desktop': (17px),
127
+ 'body-m-font-size-mobile': (17px),
128
+ 'primary-m-font-size-desktop': (24px),
129
+ 'primary-l-line-height-mobile': (32px),
130
+ 'body-l-line-height-mobile': (22px),
131
+ /* Webfont for accent-fancy */
132
+ 'font-family-accent-fancy': (sweet-sans-pro,sans-serif),
133
+ );