@salutejs/plasma-themes 0.38.0-dev.0 → 0.39.0-canary.2241.17972389915.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 (24) hide show
  1. package/css/plasma_infra.module.css +1049 -0
  2. package/css/plasma_infra__dark.css +865 -0
  3. package/css/plasma_infra__light.css +865 -0
  4. package/es/themes/index.js +2 -0
  5. package/es/themes/index.js.map +1 -1
  6. package/es/themes/plasma_infra__dark.js +3 -0
  7. package/es/themes/plasma_infra__dark.js.map +1 -0
  8. package/es/themes/plasma_infra__light.js +3 -0
  9. package/es/themes/plasma_infra__light.js.map +1 -0
  10. package/es/tokens/plasma_infra/index.js +885 -0
  11. package/es/tokens/plasma_infra/index.js.map +1 -0
  12. package/package.json +2 -2
  13. package/themes/index.d.ts +2 -0
  14. package/themes/index.js +5 -1
  15. package/themes/index.js.map +1 -1
  16. package/themes/plasma_infra__dark.d.ts +1 -0
  17. package/themes/plasma_infra__dark.js +6 -0
  18. package/themes/plasma_infra__dark.js.map +1 -0
  19. package/themes/plasma_infra__light.d.ts +1 -0
  20. package/themes/plasma_infra__light.js +6 -0
  21. package/themes/plasma_infra__light.js.map +1 -0
  22. package/tokens/plasma_infra/index.d.ts +883 -0
  23. package/tokens/plasma_infra/index.js +893 -0
  24. package/tokens/plasma_infra/index.js.map +1 -0
package/css/plasma_infra__light.css ADDED
@@ -0,0 +1,865 @@
1
+ /* Generated by robots, do not change this manually! */
2
+
3
+ :root {
4
+ --text-primary-hover: #5C657AFF;
5
+ --text-primary-active: #393E4CFF;
6
+ --text-primary-brightness: #23262FFF;
7
+ --text-secondary-hover: #FFFFFFFF;
8
+ --text-secondary-active: #3D3E48FF;
9
+ --text-tertiary-hover: #FFFFFFFF;
10
+ --text-tertiary-active: #717484FF;
11
+ --text-paragraph-hover: #FFFFFFFF;
12
+ --text-paragraph-active: #5F616DFF;
13
+ --text-negative-hover: #F54254FF;
14
+ --text-negative-active: #DA0B20FF;
15
+ --text-primary: #16181DFF;
16
+ --text-secondary: #4B4C58FF;
17
+ --text-tertiary: #9194A1FF;
18
+ --text-paragraph: #777A88FF;
19
+ --text-negative: #F31B31;
20
+ --on-dark-text-primary-hover: #FFFFFFFF;
21
+ --on-dark-text-primary-active: #AEB2D0FF;
22
+ --on-dark-text-primary-brightness: #FFFFFFFF;
23
+ --on-dark-text-secondary-hover: #FFFFFFFF;
24
+ --on-dark-text-secondary-active: #858BA3FF;
25
+ --on-dark-text-tertiary-hover: #FFFFFFFF;
26
+ --on-dark-text-tertiary-active: #3D3E48FF;
27
+ --on-dark-text-paragraph-hover: #FFFFFFFF;
28
+ --on-dark-text-paragraph-active: #666975FF;
29
+ --on-dark-text-negative-hover: #F54254FF;
30
+ --on-dark-text-negative-active: #DA0B20FF;
31
+ --on-dark-text-primary: #ECEDF4FF;
32
+ --on-dark-text-secondary: #AEB2C2FF;
33
+ --on-dark-text-tertiary: #4B4C58FF;
34
+ --on-dark-text-paragraph: #828592FF;
35
+ --on-dark-text-negative: #F31B31;
36
+ --on-light-text-primary-hover: #5C657AFF;
37
+ --on-light-text-primary-active: #393E4CFF;
38
+ --on-light-text-primary-brightness: #23262FFF;
39
+ --on-light-text-secondary-hover: #FFFFFFFF;
40
+ --on-light-text-secondary-active: #3D3E48FF;
41
+ --on-light-text-tertiary-hover: #FFFFFFFF;
42
+ --on-light-text-tertiary-active: #717484FF;
43
+ --on-light-text-paragraph-hover: #FFFFFFFF;
44
+ --on-light-text-paragraph-active: #5F616DFF;
45
+ --on-light-text-negative-hover: #F54254FF;
46
+ --on-light-text-negative-active: #DA0B20FF;
47
+ --on-light-text-primary: #16181DFF;
48
+ --on-light-text-secondary: #4B4C58FF;
49
+ --on-light-text-tertiary: #9194A1FF;
50
+ --on-light-text-paragraph: #777A88FF;
51
+ --on-light-text-negative: #F31B31;
52
+ --inverse-text-primary-hover: #FFFFFFFF;
53
+ --inverse-text-primary-active: #AEB2D0FF;
54
+ --inverse-text-primary-brightness: #FFFFFFFF;
55
+ --inverse-text-secondary-hover: #FFFFFFFF;
56
+ --inverse-text-secondary-active: #858BA3FF;
57
+ --inverse-text-tertiary-hover: #FFFFFFFF;
58
+ --inverse-text-tertiary-active: #3D3E48FF;
59
+ --inverse-text-paragraph-hover: #FFFFFFFF;
60
+ --inverse-text-paragraph-active: #666975FF;
61
+ --inverse-text-negative-hover: #F54254FF;
62
+ --inverse-text-negative-active: #DA0B20FF;
63
+ --inverse-text-primary: #ECEDF4FF;
64
+ --inverse-text-secondary: #AEB2C2FF;
65
+ --inverse-text-tertiary: #4B4C58FF;
66
+ --inverse-text-paragraph: #828592FF;
67
+ --inverse-text-negative: #F31B31;
68
+ --surface-solid-card-hover: #F9F9FBFF;
69
+ --surface-solid-card-active: #E5E6F0FF;
70
+ --surface-solid-card-brightness: #FFFFFFFF;
71
+ --surface-solid-default-hover: #878A97FF;
72
+ --surface-solid-default-active: #6D707EFF;
73
+ --surface-transparent-primary-hover: #08090C05;
74
+ --surface-transparent-primary-active: #08090C0F;
75
+ --surface-solid-card: #ECEDF4FF;
76
+ --surface-solid-default: #777A88FF;
77
+ --surface-transparent-primary: #07080B0A;
78
+ --on-dark-surface-solid-card-hover: #5E5F6EFF;
79
+ --on-dark-surface-solid-card-active: #42434DFF;
80
+ --on-dark-surface-solid-card-brightness: #595A69FF;
81
+ --on-dark-surface-solid-default-hover: #B9BDCAFF;
82
+ --on-dark-surface-solid-default-active: #A2A7B9FF;
83
+ --on-dark-surface-transparent-primary-hover: #F8F9FC05;
84
+ --on-dark-surface-transparent-primary-active: #F8F9FC0F;
85
+ --on-dark-surface-solid-card: #4B4C58FF;
86
+ --on-dark-surface-solid-default: #AEB2C2FF;
87
+ --on-dark-surface-transparent-primary: #F7F8FB0A;
88
+ --on-light-surface-solid-card-hover: #F9F9FBFF;
89
+ --on-light-surface-solid-card-active: #E5E6F0FF;
90
+ --on-light-surface-solid-card-brightness: #FFFFFFFF;
91
+ --on-light-surface-solid-default-hover: #878A97FF;
92
+ --on-light-surface-solid-default-active: #6D707EFF;
93
+ --on-light-surface-transparent-primary-hover: #08090C05;
94
+ --on-light-surface-transparent-primary-active: #08090C0F;
95
+ --on-light-surface-solid-card: #ECEDF4FF;
96
+ --on-light-surface-solid-default: #777A88FF;
97
+ --on-light-surface-transparent-primary: #07080B0A;
98
+ --inverse-surface-solid-card-hover: #5E5F6EFF;
99
+ --inverse-surface-solid-card-active: #42434DFF;
100
+ --inverse-surface-solid-card-brightness: #595A69FF;
101
+ --inverse-surface-solid-default-hover: #B9BDCAFF;
102
+ --inverse-surface-solid-default-active: #A2A7B9FF;
103
+ --inverse-surface-transparent-primary-hover: #F8F9FC05;
104
+ --inverse-surface-transparent-primary-active: #F8F9FC0F;
105
+ --inverse-surface-solid-card: #4B4C58FF;
106
+ --inverse-surface-solid-default: #AEB2C2FF;
107
+ --inverse-surface-transparent-primary: #F7F8FB0A;
108
+ --background-primary: #AEB2C2FF;
109
+ --background-secondary: #C4C7D4FF;
110
+ --background-tertiary: #D8DCE8FF;
111
+ --dark-background-primary: #07080BFF;
112
+ --dark-background-secondary: #16181DFF;
113
+ --dark-background-tertiary: #25262DFF;
114
+ --light-background-primary: #AEB2C2FF;
115
+ --light-background-secondary: #C4C7D4FF;
116
+ --light-background-tertiary: #D8DCE8FF;
117
+ --inverse-background-primary: #07080BFF;
118
+ --inverse-background-secondary: #16181DFF;
119
+ --inverse-background-tertiary: #25262DFF;
120
+ --outline-solid-primary-hover: #FFFFFFFF;
121
+ --outline-solid-primary-active: #9FA9C6FF;
122
+ --outline-solid-secondary-hover: #FFFFFFFF;
123
+ --outline-solid-secondary-active: #858BA3FF;
124
+ --outline-transparent-primary-hover: #08090CFF;
125
+ --outline-transparent-primary-active: #08090C25;
126
+ --outline-solid-primary: #D8DCE8FF;
127
+ --outline-solid-secondary: #AEB2C2FF;
128
+ --outline-transparent-primary: #07080B1F;
129
+ --on-dark-outline-solid-primary-hover: #6E7187FF;
130
+ --on-dark-outline-solid-primary-active: #494B5AFF;
131
+ --on-dark-outline-solid-secondary-hover: #FFFFFFFF;
132
+ --on-dark-outline-solid-secondary-active: #3D3E48FF;
133
+ --on-dark-outline-transparent-primary-hover: #F8F9FCFF;
134
+ --on-dark-outline-transparent-primary-active: #F8F9FC25;
135
+ --on-dark-outline-solid-primary: #25262DFF;
136
+ --on-dark-outline-solid-secondary: #4B4C58FF;
137
+ --on-dark-outline-transparent-primary: #F7F8FB1F;
138
+ --on-light-outline-solid-primary-hover: #FFFFFFFF;
139
+ --on-light-outline-solid-primary-active: #9FA9C6FF;
140
+ --on-light-outline-solid-secondary-hover: #FFFFFFFF;
141
+ --on-light-outline-solid-secondary-active: #858BA3FF;
142
+ --on-light-outline-transparent-primary-hover: #08090CFF;
143
+ --on-light-outline-transparent-primary-active: #08090C25;
144
+ --on-light-outline-solid-primary: #D8DCE8FF;
145
+ --on-light-outline-solid-secondary: #AEB2C2FF;
146
+ --on-light-outline-transparent-primary: #07080B1F;
147
+ --inverse-outline-solid-primary-hover: #6E7187FF;
148
+ --inverse-outline-solid-primary-active: #494B5AFF;
149
+ --inverse-outline-solid-secondary-hover: #FFFFFFFF;
150
+ --inverse-outline-solid-secondary-active: #3D3E48FF;
151
+ --inverse-outline-transparent-primary-hover: #F8F9FCFF;
152
+ --inverse-outline-transparent-primary-active: #F8F9FC25;
153
+ --inverse-outline-solid-primary: #25262DFF;
154
+ --inverse-outline-solid-secondary: #4B4C58FF;
155
+ --inverse-outline-transparent-primary: #F7F8FB1F;
156
+ color: var(--text-primary);
157
+ background-color: var(--background-primary);
158
+ }
159
+
160
+ :root {
161
+ --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
162
+ --surface-skeleton-gradient-hover: #FFFFFFFF;
163
+ --surface-skeleton-gradient-active: #FFFFFFFF;
164
+ --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
165
+ --surface-skeleton-deep-gradient-hover: #FFFFFFFF;
166
+ --surface-skeleton-deep-gradient-active: #FFFFFFFF;
167
+ --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
168
+ --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
169
+ --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
170
+ --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
171
+ --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
172
+ --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
173
+ --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
174
+ --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
175
+ --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
176
+ --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
177
+ --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
178
+ --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
179
+ --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
180
+ --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
181
+ --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
182
+ --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
183
+ --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
184
+ --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
185
+ }
186
+
187
+ :root {
188
+ --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A;
189
+ --shadow-down-soft-m: 0px 24px 48px -8px #00000014;
190
+ --shadow-down-soft-l: 0px 60px 112px -8px #00000014;
191
+ --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014;
192
+ --shadow-down-hard-m: 0px 16px 32px -8px #0000003D;
193
+ --shadow-down-hard-l: 0px 60px 112px -8px #00000066;
194
+ --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008;
195
+ --shadow-up-soft-m: 0px -24px 48px -8px #00000014;
196
+ --shadow-up-soft-l: 0px -60px 112px -8px #00000014;
197
+ --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008;
198
+ --shadow-up-hard-m: 0px -16px 32px -8px #0000003D;
199
+ --shadow-up-hard-l: 0px -60px 112px -8px #00000066;
200
+ }
201
+
202
+ :root {
203
+ --border-radius-xxs: 4px;
204
+ --border-radius-xs: 6px;
205
+ --border-radius-s: 8px;
206
+ --border-radius-m: 12px;
207
+ --border-radius-l: 16px;
208
+ --border-radius-xl: 20px;
209
+ --border-radius-xxl: 32px;
210
+ }
211
+
212
+ :root {
213
+ --spacing-0x: 0px;
214
+ --spacing-1x: 2px;
215
+ --spacing-2x: 4px;
216
+ --spacing-3x: 6px;
217
+ --spacing-4x: 8px;
218
+ --spacing-6x: 12px;
219
+ --spacing-8x: 16px;
220
+ --spacing-10x: 20px;
221
+ --spacing-12x: 24px;
222
+ --spacing-16x: 32px;
223
+ --spacing-20x: 40px;
224
+ --spacing-24x: 48px;
225
+ --spacing-32x: 64px;
226
+ --spacing-40x: 80px;
227
+ --spacing-60x: 120px;
228
+ }
229
+
230
+ :root {
231
+ font-size: 16px;
232
+ --plasma-typo-overflow-wrap: break-word;
233
+ --plasma-typo-hyphens: auto;
234
+ --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;
235
+ --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;
236
+ --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;
237
+ --plasma-typo-text-font-family: 'SB Sans Text', sans-serif;
238
+ --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);
239
+ --plasma-typo-dspl-l-letter-spacing: normal;
240
+ --plasma-typo-dspl-l-font-style: normal;
241
+ --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family);
242
+ --plasma-typo-dspl-l-bold-letter-spacing: normal;
243
+ --plasma-typo-dspl-l-bold-font-style: normal;
244
+ --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);
245
+ --plasma-typo-dspl-m-letter-spacing: normal;
246
+ --plasma-typo-dspl-m-font-style: normal;
247
+ --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family);
248
+ --plasma-typo-dspl-m-bold-letter-spacing: normal;
249
+ --plasma-typo-dspl-m-bold-font-style: normal;
250
+ --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
251
+ --plasma-typo-dspl-s-letter-spacing: normal;
252
+ --plasma-typo-dspl-s-font-style: normal;
253
+ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
254
+ --plasma-typo-dspl-s-bold-letter-spacing: normal;
255
+ --plasma-typo-dspl-s-bold-font-style: normal;
256
+ --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family);
257
+ --plasma-typo-h1-letter-spacing: normal;
258
+ --plasma-typo-h1-font-style: normal;
259
+ --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family);
260
+ --plasma-typo-h1-bold-letter-spacing: normal;
261
+ --plasma-typo-h1-bold-font-style: normal;
262
+ --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family);
263
+ --plasma-typo-h2-letter-spacing: normal;
264
+ --plasma-typo-h2-font-style: normal;
265
+ --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family);
266
+ --plasma-typo-h2-bold-letter-spacing: normal;
267
+ --plasma-typo-h2-bold-font-style: normal;
268
+ --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family);
269
+ --plasma-typo-h3-letter-spacing: normal;
270
+ --plasma-typo-h3-font-style: normal;
271
+ --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
272
+ --plasma-typo-h3-bold-letter-spacing: normal;
273
+ --plasma-typo-h3-bold-font-style: normal;
274
+ --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family);
275
+ --plasma-typo-h4-letter-spacing: normal;
276
+ --plasma-typo-h4-font-style: normal;
277
+ --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family);
278
+ --plasma-typo-h4-bold-letter-spacing: normal;
279
+ --plasma-typo-h4-bold-font-style: normal;
280
+ --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family);
281
+ --plasma-typo-h5-letter-spacing: normal;
282
+ --plasma-typo-h5-font-style: normal;
283
+ --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family);
284
+ --plasma-typo-h5-bold-letter-spacing: normal;
285
+ --plasma-typo-h5-bold-font-style: normal;
286
+ --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family);
287
+ --plasma-typo-body-l-letter-spacing: -0.02em;
288
+ --plasma-typo-body-l-font-style: normal;
289
+ --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family);
290
+ --plasma-typo-body-l-bold-letter-spacing: -0.02em;
291
+ --plasma-typo-body-l-bold-font-style: normal;
292
+ --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family);
293
+ --plasma-typo-body-m-letter-spacing: -0.02em;
294
+ --plasma-typo-body-m-font-style: normal;
295
+ --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family);
296
+ --plasma-typo-body-m-bold-letter-spacing: -0.02em;
297
+ --plasma-typo-body-m-bold-font-style: normal;
298
+ --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family);
299
+ --plasma-typo-body-s-letter-spacing: -0.02em;
300
+ --plasma-typo-body-s-font-style: normal;
301
+ --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family);
302
+ --plasma-typo-body-s-bold-letter-spacing: -0.02em;
303
+ --plasma-typo-body-s-bold-font-style: normal;
304
+ --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);
305
+ --plasma-typo-body-xs-letter-spacing: -0.02em;
306
+ --plasma-typo-body-xs-font-style: normal;
307
+ --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);
308
+ --plasma-typo-body-xs-bold-letter-spacing: -0.02em;
309
+ --plasma-typo-body-xs-bold-font-style: normal;
310
+ --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
311
+ --plasma-typo-body-xxs-letter-spacing: -0.02em;
312
+ --plasma-typo-body-xxs-font-style: normal;
313
+ --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);
314
+ --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;
315
+ --plasma-typo-body-xxs-bold-font-style: normal;
316
+ --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);
317
+ --plasma-typo-text-l-letter-spacing: -0.02em;
318
+ --plasma-typo-text-l-font-style: normal;
319
+ --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);
320
+ --plasma-typo-text-l-bold-letter-spacing: -0.02em;
321
+ --plasma-typo-text-l-bold-font-style: normal;
322
+ --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);
323
+ --plasma-typo-text-m-letter-spacing: -0.02em;
324
+ --plasma-typo-text-m-font-style: normal;
325
+ --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);
326
+ --plasma-typo-text-m-bold-letter-spacing: -0.02em;
327
+ --plasma-typo-text-m-bold-font-style: normal;
328
+ --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);
329
+ --plasma-typo-text-s-letter-spacing: -0.02em;
330
+ --plasma-typo-text-s-font-style: normal;
331
+ --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);
332
+ --plasma-typo-text-s-bold-letter-spacing: -0.02em;
333
+ --plasma-typo-text-s-bold-font-style: normal;
334
+ --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);
335
+ --plasma-typo-text-xs-letter-spacing: -0.02em;
336
+ --plasma-typo-text-xs-font-style: normal;
337
+ --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);
338
+ --plasma-typo-text-xs-bold-letter-spacing: -0.02em;
339
+ --plasma-typo-text-xs-bold-font-style: normal;
340
+ --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family);
341
+ --plasma-typo-dspl-l-medium-letter-spacing: normal;
342
+ --plasma-typo-dspl-l-medium-font-style: normal;
343
+ --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family);
344
+ --plasma-typo-dspl-m-medium-letter-spacing: normal;
345
+ --plasma-typo-dspl-m-medium-font-style: normal;
346
+ --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);
347
+ --plasma-typo-dspl-s-medium-letter-spacing: normal;
348
+ --plasma-typo-dspl-s-medium-font-style: normal;
349
+ --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family);
350
+ --plasma-typo-h1-medium-letter-spacing: normal;
351
+ --plasma-typo-h1-medium-font-style: normal;
352
+ --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family);
353
+ --plasma-typo-h2-medium-letter-spacing: normal;
354
+ --plasma-typo-h2-medium-font-style: normal;
355
+ --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family);
356
+ --plasma-typo-h3-medium-letter-spacing: normal;
357
+ --plasma-typo-h3-medium-font-style: normal;
358
+ --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family);
359
+ --plasma-typo-h4-medium-letter-spacing: normal;
360
+ --plasma-typo-h4-medium-font-style: normal;
361
+ --plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family);
362
+ --plasma-typo-h5-medium-letter-spacing: normal;
363
+ --plasma-typo-h5-medium-font-style: normal;
364
+ --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family);
365
+ --plasma-typo-body-l-medium-letter-spacing: -0.02em;
366
+ --plasma-typo-body-l-medium-font-style: normal;
367
+ --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family);
368
+ --plasma-typo-body-m-medium-letter-spacing: -0.02em;
369
+ --plasma-typo-body-m-medium-font-style: normal;
370
+ --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family);
371
+ --plasma-typo-body-s-medium-letter-spacing: -0.02em;
372
+ --plasma-typo-body-s-medium-font-style: normal;
373
+ --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);
374
+ --plasma-typo-body-xs-medium-letter-spacing: -0.02em;
375
+ --plasma-typo-body-xs-medium-font-style: normal;
376
+ --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
377
+ --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
378
+ --plasma-typo-body-xxs-medium-font-style: normal;
379
+ --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);
380
+ --plasma-typo-text-l-medium-letter-spacing: -0.02em;
381
+ --plasma-typo-text-l-medium-font-style: normal;
382
+ --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);
383
+ --plasma-typo-text-m-medium-letter-spacing: -0.02em;
384
+ --plasma-typo-text-m-medium-font-style: normal;
385
+ --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);
386
+ --plasma-typo-text-s-medium-letter-spacing: -0.02em;
387
+ --plasma-typo-text-s-medium-font-style: normal;
388
+ --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);
389
+ --plasma-typo-text-xs-medium-letter-spacing: -0.02em;
390
+ --plasma-typo-text-xs-medium-font-style: normal;
391
+ }
392
+
393
+ @media (max-width: 559px) {
394
+ :root {
395
+ --plasma-typo-dspl-l-font-size: 5.5rem;
396
+ --plasma-typo-dspl-l-font-weight: 300;
397
+ --plasma-typo-dspl-l-line-height: 5.75rem;
398
+ --plasma-typo-dspl-l-bold-font-size: 5.5rem;
399
+ --plasma-typo-dspl-l-bold-font-weight: 600;
400
+ --plasma-typo-dspl-l-bold-line-height: 5.75rem;
401
+ --plasma-typo-dspl-m-font-size: 3.5rem;
402
+ --plasma-typo-dspl-m-font-weight: 300;
403
+ --plasma-typo-dspl-m-line-height: 3.875rem;
404
+ --plasma-typo-dspl-m-bold-font-size: 3.5rem;
405
+ --plasma-typo-dspl-m-bold-font-weight: 600;
406
+ --plasma-typo-dspl-m-bold-line-height: 3.875rem;
407
+ --plasma-typo-dspl-s-font-size: 2.5rem;
408
+ --plasma-typo-dspl-s-font-weight: 300;
409
+ --plasma-typo-dspl-s-line-height: 2.875rem;
410
+ --plasma-typo-dspl-s-bold-font-size: 2.5rem;
411
+ --plasma-typo-dspl-s-bold-font-weight: 600;
412
+ --plasma-typo-dspl-s-bold-line-height: 2.875rem;
413
+ --plasma-typo-h1-font-size: 1.75rem;
414
+ --plasma-typo-h1-font-weight: 400;
415
+ --plasma-typo-h1-line-height: 2.125rem;
416
+ --plasma-typo-h1-bold-font-size: 1.75rem;
417
+ --plasma-typo-h1-bold-font-weight: 600;
418
+ --plasma-typo-h1-bold-line-height: 2.125rem;
419
+ --plasma-typo-h2-font-size: 1.5rem;
420
+ --plasma-typo-h2-font-weight: 400;
421
+ --plasma-typo-h2-line-height: 1.875rem;
422
+ --plasma-typo-h2-bold-font-size: 1.5rem;
423
+ --plasma-typo-h2-bold-font-weight: 600;
424
+ --plasma-typo-h2-bold-line-height: 1.875rem;
425
+ --plasma-typo-h3-font-size: 1.25rem;
426
+ --plasma-typo-h3-font-weight: 400;
427
+ --plasma-typo-h3-line-height: 1.625rem;
428
+ --plasma-typo-h3-bold-font-size: 1.25rem;
429
+ --plasma-typo-h3-bold-font-weight: 600;
430
+ --plasma-typo-h3-bold-line-height: 1.625rem;
431
+ --plasma-typo-h4-font-size: 1.125rem;
432
+ --plasma-typo-h4-font-weight: 400;
433
+ --plasma-typo-h4-line-height: 1.5rem;
434
+ --plasma-typo-h4-bold-font-size: 1.125rem;
435
+ --plasma-typo-h4-bold-font-weight: 600;
436
+ --plasma-typo-h4-bold-line-height: 1.5rem;
437
+ --plasma-typo-h5-font-size: 1rem;
438
+ --plasma-typo-h5-font-weight: 400;
439
+ --plasma-typo-h5-line-height: 1.375rem;
440
+ --plasma-typo-h5-bold-font-size: 1rem;
441
+ --plasma-typo-h5-bold-font-weight: 600;
442
+ --plasma-typo-h5-bold-line-height: 1.375rem;
443
+ --plasma-typo-body-l-font-size: 1.125rem;
444
+ --plasma-typo-body-l-font-weight: 400;
445
+ --plasma-typo-body-l-line-height: 1.375rem;
446
+ --plasma-typo-body-l-bold-font-size: 1.125rem;
447
+ --plasma-typo-body-l-bold-font-weight: 600;
448
+ --plasma-typo-body-l-bold-line-height: 1.375rem;
449
+ --plasma-typo-body-m-font-size: 1rem;
450
+ --plasma-typo-body-m-font-weight: 400;
451
+ --plasma-typo-body-m-line-height: 1.25rem;
452
+ --plasma-typo-body-m-bold-font-size: 1rem;
453
+ --plasma-typo-body-m-bold-font-weight: 600;
454
+ --plasma-typo-body-m-bold-line-height: 1.25rem;
455
+ --plasma-typo-body-s-font-size: 0.875rem;
456
+ --plasma-typo-body-s-font-weight: 400;
457
+ --plasma-typo-body-s-line-height: 1.125rem;
458
+ --plasma-typo-body-s-bold-font-size: 0.875rem;
459
+ --plasma-typo-body-s-bold-font-weight: 600;
460
+ --plasma-typo-body-s-bold-line-height: 1.125rem;
461
+ --plasma-typo-body-xs-font-size: 0.75rem;
462
+ --plasma-typo-body-xs-font-weight: 400;
463
+ --plasma-typo-body-xs-line-height: 0.875rem;
464
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
465
+ --plasma-typo-body-xs-bold-font-weight: 600;
466
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
467
+ --plasma-typo-body-xxs-font-size: 0.625rem;
468
+ --plasma-typo-body-xxs-font-weight: 400;
469
+ --plasma-typo-body-xxs-line-height: 0.75rem;
470
+ --plasma-typo-body-xxs-bold-font-size: 0.625rem;
471
+ --plasma-typo-body-xxs-bold-font-weight: 600;
472
+ --plasma-typo-body-xxs-bold-line-height: 0.75rem;
473
+ --plasma-typo-text-l-font-size: 1.125rem;
474
+ --plasma-typo-text-l-font-weight: 400;
475
+ --plasma-typo-text-l-line-height: 1.625rem;
476
+ --plasma-typo-text-l-bold-font-size: 1.125rem;
477
+ --plasma-typo-text-l-bold-font-weight: 600;
478
+ --plasma-typo-text-l-bold-line-height: 1.625rem;
479
+ --plasma-typo-text-m-font-size: 1rem;
480
+ --plasma-typo-text-m-font-weight: 400;
481
+ --plasma-typo-text-m-line-height: 1.5rem;
482
+ --plasma-typo-text-m-bold-font-size: 1rem;
483
+ --plasma-typo-text-m-bold-font-weight: 600;
484
+ --plasma-typo-text-m-bold-line-height: 1.5rem;
485
+ --plasma-typo-text-s-font-size: 0.875rem;
486
+ --plasma-typo-text-s-font-weight: 400;
487
+ --plasma-typo-text-s-line-height: 1.25rem;
488
+ --plasma-typo-text-s-bold-font-size: 0.875rem;
489
+ --plasma-typo-text-s-bold-font-weight: 600;
490
+ --plasma-typo-text-s-bold-line-height: 1.25rem;
491
+ --plasma-typo-text-xs-font-size: 0.75rem;
492
+ --plasma-typo-text-xs-font-weight: 400;
493
+ --plasma-typo-text-xs-line-height: 1rem;
494
+ --plasma-typo-text-xs-bold-font-size: 0.75rem;
495
+ --plasma-typo-text-xs-bold-font-weight: 600;
496
+ --plasma-typo-text-xs-bold-line-height: 1rem;
497
+ --plasma-typo-dspl-l-medium-font-size: 5.5rem;
498
+ --plasma-typo-dspl-l-medium-font-weight: 500;
499
+ --plasma-typo-dspl-l-medium-line-height: 5.75rem;
500
+ --plasma-typo-dspl-m-medium-font-size: 3.5rem;
501
+ --plasma-typo-dspl-m-medium-font-weight: 500;
502
+ --plasma-typo-dspl-m-medium-line-height: 3.875rem;
503
+ --plasma-typo-dspl-s-medium-font-size: 2.5rem;
504
+ --plasma-typo-dspl-s-medium-font-weight: 500;
505
+ --plasma-typo-dspl-s-medium-line-height: 2.875rem;
506
+ --plasma-typo-h1-medium-font-size: 1.75rem;
507
+ --plasma-typo-h1-medium-font-weight: 500;
508
+ --plasma-typo-h1-medium-line-height: 2.125rem;
509
+ --plasma-typo-h2-medium-font-size: 1.5rem;
510
+ --plasma-typo-h2-medium-font-weight: 500;
511
+ --plasma-typo-h2-medium-line-height: 1.875rem;
512
+ --plasma-typo-h3-medium-font-size: 1.25rem;
513
+ --plasma-typo-h3-medium-font-weight: 500;
514
+ --plasma-typo-h3-medium-line-height: 1.625rem;
515
+ --plasma-typo-h4-medium-font-size: 1.125rem;
516
+ --plasma-typo-h4-medium-font-weight: 500;
517
+ --plasma-typo-h4-medium-line-height: 1.5rem;
518
+ --plasma-typo-h5-medium-font-size: 1rem;
519
+ --plasma-typo-h5-medium-font-weight: 500;
520
+ --plasma-typo-h5-medium-line-height: 1.375rem;
521
+ --plasma-typo-body-l-medium-font-size: 1.125rem;
522
+ --plasma-typo-body-l-medium-font-weight: 500;
523
+ --plasma-typo-body-l-medium-line-height: 1.375rem;
524
+ --plasma-typo-body-m-medium-font-size: 1rem;
525
+ --plasma-typo-body-m-medium-font-weight: 500;
526
+ --plasma-typo-body-m-medium-line-height: 1.25rem;
527
+ --plasma-typo-body-s-medium-font-size: 0.875rem;
528
+ --plasma-typo-body-s-medium-font-weight: 500;
529
+ --plasma-typo-body-s-medium-line-height: 1.125rem;
530
+ --plasma-typo-body-xs-medium-font-size: 0.75rem;
531
+ --plasma-typo-body-xs-medium-font-weight: 500;
532
+ --plasma-typo-body-xs-medium-line-height: 0.875rem;
533
+ --plasma-typo-body-xxs-medium-font-size: 0.625rem;
534
+ --plasma-typo-body-xxs-medium-font-weight: 500;
535
+ --plasma-typo-body-xxs-medium-line-height: 0.75rem;
536
+ --plasma-typo-text-l-medium-font-size: 1.125rem;
537
+ --plasma-typo-text-l-medium-font-weight: 500;
538
+ --plasma-typo-text-l-medium-line-height: 1.625rem;
539
+ --plasma-typo-text-m-medium-font-size: 1rem;
540
+ --plasma-typo-text-m-medium-font-weight: 500;
541
+ --plasma-typo-text-m-medium-line-height: 1.5rem;
542
+ --plasma-typo-text-s-medium-font-size: 0.875rem;
543
+ --plasma-typo-text-s-medium-font-weight: 500;
544
+ --plasma-typo-text-s-medium-line-height: 1.25rem;
545
+ --plasma-typo-text-xs-medium-font-size: 0.75rem;
546
+ --plasma-typo-text-xs-medium-font-weight: 500;
547
+ --plasma-typo-text-xs-medium-line-height: 1rem;
548
+ }
549
+ }
550
+
551
+ @media (min-width: 560px) and (max-width: 959px) {
552
+ :root {
553
+ --plasma-typo-dspl-l-font-size: 7rem;
554
+ --plasma-typo-dspl-l-font-weight: 300;
555
+ --plasma-typo-dspl-l-line-height: 7rem;
556
+ --plasma-typo-dspl-l-bold-font-size: 7rem;
557
+ --plasma-typo-dspl-l-bold-font-weight: 600;
558
+ --plasma-typo-dspl-l-bold-line-height: 7rem;
559
+ --plasma-typo-dspl-m-font-size: 4.5rem;
560
+ --plasma-typo-dspl-m-font-weight: 300;
561
+ --plasma-typo-dspl-m-line-height: 4.75rem;
562
+ --plasma-typo-dspl-m-bold-font-size: 4.5rem;
563
+ --plasma-typo-dspl-m-bold-font-weight: 600;
564
+ --plasma-typo-dspl-m-bold-line-height: 4.75rem;
565
+ --plasma-typo-dspl-s-font-size: 3rem;
566
+ --plasma-typo-dspl-s-font-weight: 300;
567
+ --plasma-typo-dspl-s-line-height: 3.375rem;
568
+ --plasma-typo-dspl-s-bold-font-size: 3rem;
569
+ --plasma-typo-dspl-s-bold-font-weight: 600;
570
+ --plasma-typo-dspl-s-bold-line-height: 3.375rem;
571
+ --plasma-typo-h1-font-size: 2.5rem;
572
+ --plasma-typo-h1-font-weight: 400;
573
+ --plasma-typo-h1-line-height: 2.875rem;
574
+ --plasma-typo-h1-bold-font-size: 2.5rem;
575
+ --plasma-typo-h1-bold-font-weight: 600;
576
+ --plasma-typo-h1-bold-line-height: 2.875rem;
577
+ --plasma-typo-h2-font-size: 1.75rem;
578
+ --plasma-typo-h2-font-weight: 400;
579
+ --plasma-typo-h2-line-height: 2.125rem;
580
+ --plasma-typo-h2-bold-font-size: 1.75rem;
581
+ --plasma-typo-h2-bold-font-weight: 600;
582
+ --plasma-typo-h2-bold-line-height: 2.125rem;
583
+ --plasma-typo-h3-font-size: 1.25rem;
584
+ --plasma-typo-h3-font-weight: 400;
585
+ --plasma-typo-h3-line-height: 1.625rem;
586
+ --plasma-typo-h3-bold-font-size: 1.25rem;
587
+ --plasma-typo-h3-bold-font-weight: 600;
588
+ --plasma-typo-h3-bold-line-height: 1.625rem;
589
+ --plasma-typo-h4-font-size: 1.125rem;
590
+ --plasma-typo-h4-font-weight: 400;
591
+ --plasma-typo-h4-line-height: 1.5rem;
592
+ --plasma-typo-h4-bold-font-size: 1.125rem;
593
+ --plasma-typo-h4-bold-font-weight: 600;
594
+ --plasma-typo-h4-bold-line-height: 1.5rem;
595
+ --plasma-typo-h5-font-size: 1rem;
596
+ --plasma-typo-h5-font-weight: 400;
597
+ --plasma-typo-h5-line-height: 1.375rem;
598
+ --plasma-typo-h5-bold-font-size: 1rem;
599
+ --plasma-typo-h5-bold-font-weight: 600;
600
+ --plasma-typo-h5-bold-line-height: 1.375rem;
601
+ --plasma-typo-body-l-font-size: 1.125rem;
602
+ --plasma-typo-body-l-font-weight: 400;
603
+ --plasma-typo-body-l-line-height: 1.375rem;
604
+ --plasma-typo-body-l-bold-font-size: 1.125rem;
605
+ --plasma-typo-body-l-bold-font-weight: 600;
606
+ --plasma-typo-body-l-bold-line-height: 1.375rem;
607
+ --plasma-typo-body-m-font-size: 1rem;
608
+ --plasma-typo-body-m-font-weight: 400;
609
+ --plasma-typo-body-m-line-height: 1.25rem;
610
+ --plasma-typo-body-m-bold-font-size: 1rem;
611
+ --plasma-typo-body-m-bold-font-weight: 600;
612
+ --plasma-typo-body-m-bold-line-height: 1.25rem;
613
+ --plasma-typo-body-s-font-size: 0.875rem;
614
+ --plasma-typo-body-s-font-weight: 400;
615
+ --plasma-typo-body-s-line-height: 1.125rem;
616
+ --plasma-typo-body-s-bold-font-size: 0.875rem;
617
+ --plasma-typo-body-s-bold-font-weight: 600;
618
+ --plasma-typo-body-s-bold-line-height: 1.125rem;
619
+ --plasma-typo-body-xs-font-size: 0.75rem;
620
+ --plasma-typo-body-xs-font-weight: 400;
621
+ --plasma-typo-body-xs-line-height: 0.875rem;
622
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
623
+ --plasma-typo-body-xs-bold-font-weight: 600;
624
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
625
+ --plasma-typo-body-xxs-font-size: 0.625rem;
626
+ --plasma-typo-body-xxs-font-weight: 400;
627
+ --plasma-typo-body-xxs-line-height: 0.75rem;
628
+ --plasma-typo-body-xxs-bold-font-size: 0.625rem;
629
+ --plasma-typo-body-xxs-bold-font-weight: 600;
630
+ --plasma-typo-body-xxs-bold-line-height: 0.75rem;
631
+ --plasma-typo-text-l-font-size: 1.25rem;
632
+ --plasma-typo-text-l-font-weight: 400;
633
+ --plasma-typo-text-l-line-height: 1.75rem;
634
+ --plasma-typo-text-l-bold-font-size: 1.25rem;
635
+ --plasma-typo-text-l-bold-font-weight: 600;
636
+ --plasma-typo-text-l-bold-line-height: 1.75rem;
637
+ --plasma-typo-text-m-font-size: 1rem;
638
+ --plasma-typo-text-m-font-weight: 400;
639
+ --plasma-typo-text-m-line-height: 1.5rem;
640
+ --plasma-typo-text-m-bold-font-size: 1rem;
641
+ --plasma-typo-text-m-bold-font-weight: 600;
642
+ --plasma-typo-text-m-bold-line-height: 1.5rem;
643
+ --plasma-typo-text-s-font-size: 0.875rem;
644
+ --plasma-typo-text-s-font-weight: 400;
645
+ --plasma-typo-text-s-line-height: 1.25rem;
646
+ --plasma-typo-text-s-bold-font-size: 0.875rem;
647
+ --plasma-typo-text-s-bold-font-weight: 600;
648
+ --plasma-typo-text-s-bold-line-height: 1.25rem;
649
+ --plasma-typo-text-xs-font-size: 0.75rem;
650
+ --plasma-typo-text-xs-font-weight: 400;
651
+ --plasma-typo-text-xs-line-height: 1rem;
652
+ --plasma-typo-text-xs-bold-font-size: 0.75rem;
653
+ --plasma-typo-text-xs-bold-font-weight: 600;
654
+ --plasma-typo-text-xs-bold-line-height: 1rem;
655
+ --plasma-typo-dspl-l-medium-font-size: 7rem;
656
+ --plasma-typo-dspl-l-medium-font-weight: 500;
657
+ --plasma-typo-dspl-l-medium-line-height: 7rem;
658
+ --plasma-typo-dspl-m-medium-font-size: 4.5rem;
659
+ --plasma-typo-dspl-m-medium-font-weight: 500;
660
+ --plasma-typo-dspl-m-medium-line-height: 4.75rem;
661
+ --plasma-typo-dspl-s-medium-font-size: 3rem;
662
+ --plasma-typo-dspl-s-medium-font-weight: 500;
663
+ --plasma-typo-dspl-s-medium-line-height: 3.375rem;
664
+ --plasma-typo-h1-medium-font-size: 2.5rem;
665
+ --plasma-typo-h1-medium-font-weight: 500;
666
+ --plasma-typo-h1-medium-line-height: 2.875rem;
667
+ --plasma-typo-h2-medium-font-size: 1.75rem;
668
+ --plasma-typo-h2-medium-font-weight: 500;
669
+ --plasma-typo-h2-medium-line-height: 2.125rem;
670
+ --plasma-typo-h3-medium-font-size: 1.25rem;
671
+ --plasma-typo-h3-medium-font-weight: 500;
672
+ --plasma-typo-h3-medium-line-height: 1.625rem;
673
+ --plasma-typo-h4-medium-font-size: 1.125rem;
674
+ --plasma-typo-h4-medium-font-weight: 500;
675
+ --plasma-typo-h4-medium-line-height: 1.5rem;
676
+ --plasma-typo-h5-medium-font-size: 1rem;
677
+ --plasma-typo-h5-medium-font-weight: 500;
678
+ --plasma-typo-h5-medium-line-height: 1.375rem;
679
+ --plasma-typo-body-l-medium-font-size: 1.125rem;
680
+ --plasma-typo-body-l-medium-font-weight: 500;
681
+ --plasma-typo-body-l-medium-line-height: 1.375rem;
682
+ --plasma-typo-body-m-medium-font-size: 1rem;
683
+ --plasma-typo-body-m-medium-font-weight: 500;
684
+ --plasma-typo-body-m-medium-line-height: 1.25rem;
685
+ --plasma-typo-body-s-medium-font-size: 0.875rem;
686
+ --plasma-typo-body-s-medium-font-weight: 500;
687
+ --plasma-typo-body-s-medium-line-height: 1.125rem;
688
+ --plasma-typo-body-xs-medium-font-size: 0.75rem;
689
+ --plasma-typo-body-xs-medium-font-weight: 500;
690
+ --plasma-typo-body-xs-medium-line-height: 0.875rem;
691
+ --plasma-typo-body-xxs-medium-font-size: 0.625rem;
692
+ --plasma-typo-body-xxs-medium-font-weight: 500;
693
+ --plasma-typo-body-xxs-medium-line-height: 0.75rem;
694
+ --plasma-typo-text-l-medium-font-size: 1.25rem;
695
+ --plasma-typo-text-l-medium-font-weight: 500;
696
+ --plasma-typo-text-l-medium-line-height: 1.75rem;
697
+ --plasma-typo-text-m-medium-font-size: 1rem;
698
+ --plasma-typo-text-m-medium-font-weight: 500;
699
+ --plasma-typo-text-m-medium-line-height: 1.5rem;
700
+ --plasma-typo-text-s-medium-font-size: 0.875rem;
701
+ --plasma-typo-text-s-medium-font-weight: 500;
702
+ --plasma-typo-text-s-medium-line-height: 1.25rem;
703
+ --plasma-typo-text-xs-medium-font-size: 0.75rem;
704
+ --plasma-typo-text-xs-medium-font-weight: 500;
705
+ --plasma-typo-text-xs-medium-line-height: 1rem;
706
+ }
707
+ }
708
+
709
+ @media (min-width: 960px) {
710
+ :root {
711
+ --plasma-typo-dspl-l-font-size: 8rem;
712
+ --plasma-typo-dspl-l-font-weight: 300;
713
+ --plasma-typo-dspl-l-line-height: 8rem;
714
+ --plasma-typo-dspl-l-bold-font-size: 8rem;
715
+ --plasma-typo-dspl-l-bold-font-weight: 600;
716
+ --plasma-typo-dspl-l-bold-line-height: 8rem;
717
+ --plasma-typo-dspl-m-font-size: 5.5rem;
718
+ --plasma-typo-dspl-m-font-weight: 300;
719
+ --plasma-typo-dspl-m-line-height: 5.75rem;
720
+ --plasma-typo-dspl-m-bold-font-size: 5.5rem;
721
+ --plasma-typo-dspl-m-bold-font-weight: 600;
722
+ --plasma-typo-dspl-m-bold-line-height: 5.75rem;
723
+ --plasma-typo-dspl-s-font-size: 4rem;
724
+ --plasma-typo-dspl-s-font-weight: 300;
725
+ --plasma-typo-dspl-s-line-height: 4.25rem;
726
+ --plasma-typo-dspl-s-bold-font-size: 4rem;
727
+ --plasma-typo-dspl-s-bold-font-weight: 600;
728
+ --plasma-typo-dspl-s-bold-line-height: 4.25rem;
729
+ --plasma-typo-h1-font-size: 3rem;
730
+ --plasma-typo-h1-font-weight: 400;
731
+ --plasma-typo-h1-line-height: 3.375rem;
732
+ --plasma-typo-h1-bold-font-size: 3rem;
733
+ --plasma-typo-h1-bold-font-weight: 600;
734
+ --plasma-typo-h1-bold-line-height: 3.375rem;
735
+ --plasma-typo-h2-font-size: 2rem;
736
+ --plasma-typo-h2-font-weight: 400;
737
+ --plasma-typo-h2-line-height: 2.375rem;
738
+ --plasma-typo-h2-bold-font-size: 2rem;
739
+ --plasma-typo-h2-bold-font-weight: 600;
740
+ --plasma-typo-h2-bold-line-height: 2.375rem;
741
+ --plasma-typo-h3-font-size: 1.5rem;
742
+ --plasma-typo-h3-font-weight: 400;
743
+ --plasma-typo-h3-line-height: 1.875rem;
744
+ --plasma-typo-h3-bold-font-size: 1.5rem;
745
+ --plasma-typo-h3-bold-font-weight: 600;
746
+ --plasma-typo-h3-bold-line-height: 1.875rem;
747
+ --plasma-typo-h4-font-size: 1.25rem;
748
+ --plasma-typo-h4-font-weight: 400;
749
+ --plasma-typo-h4-line-height: 1.625rem;
750
+ --plasma-typo-h4-bold-font-size: 1.25rem;
751
+ --plasma-typo-h4-bold-font-weight: 600;
752
+ --plasma-typo-h4-bold-line-height: 1.625rem;
753
+ --plasma-typo-h5-font-size: 1.125rem;
754
+ --plasma-typo-h5-font-weight: 400;
755
+ --plasma-typo-h5-line-height: 1.5rem;
756
+ --plasma-typo-h5-bold-font-size: 1.125rem;
757
+ --plasma-typo-h5-bold-font-weight: 600;
758
+ --plasma-typo-h5-bold-line-height: 1.5rem;
759
+ --plasma-typo-body-l-font-size: 1.125rem;
760
+ --plasma-typo-body-l-font-weight: 400;
761
+ --plasma-typo-body-l-line-height: 1.375rem;
762
+ --plasma-typo-body-l-bold-font-size: 1.125rem;
763
+ --plasma-typo-body-l-bold-font-weight: 600;
764
+ --plasma-typo-body-l-bold-line-height: 1.375rem;
765
+ --plasma-typo-body-m-font-size: 1rem;
766
+ --plasma-typo-body-m-font-weight: 400;
767
+ --plasma-typo-body-m-line-height: 1.25rem;
768
+ --plasma-typo-body-m-bold-font-size: 1rem;
769
+ --plasma-typo-body-m-bold-font-weight: 600;
770
+ --plasma-typo-body-m-bold-line-height: 1.25rem;
771
+ --plasma-typo-body-s-font-size: 0.875rem;
772
+ --plasma-typo-body-s-font-weight: 400;
773
+ --plasma-typo-body-s-line-height: 1.125rem;
774
+ --plasma-typo-body-s-bold-font-size: 0.875rem;
775
+ --plasma-typo-body-s-bold-font-weight: 600;
776
+ --plasma-typo-body-s-bold-line-height: 1.125rem;
777
+ --plasma-typo-body-xs-font-size: 0.75rem;
778
+ --plasma-typo-body-xs-font-weight: 400;
779
+ --plasma-typo-body-xs-line-height: 0.875rem;
780
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
781
+ --plasma-typo-body-xs-bold-font-weight: 600;
782
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
783
+ --plasma-typo-body-xxs-font-size: 0.625rem;
784
+ --plasma-typo-body-xxs-font-weight: 400;
785
+ --plasma-typo-body-xxs-line-height: 0.75rem;
786
+ --plasma-typo-body-xxs-bold-font-size: 0.625rem;
787
+ --plasma-typo-body-xxs-bold-font-weight: 600;
788
+ --plasma-typo-body-xxs-bold-line-height: 0.75rem;
789
+ --plasma-typo-text-l-font-size: 1.5rem;
790
+ --plasma-typo-text-l-font-weight: 400;
791
+ --plasma-typo-text-l-line-height: 2rem;
792
+ --plasma-typo-text-l-bold-font-size: 1.5rem;
793
+ --plasma-typo-text-l-bold-font-weight: 600;
794
+ --plasma-typo-text-l-bold-line-height: 2rem;
795
+ --plasma-typo-text-m-font-size: 1.125rem;
796
+ --plasma-typo-text-m-font-weight: 400;
797
+ --plasma-typo-text-m-line-height: 1.625rem;
798
+ --plasma-typo-text-m-bold-font-size: 1.125rem;
799
+ --plasma-typo-text-m-bold-font-weight: 600;
800
+ --plasma-typo-text-m-bold-line-height: 1.625rem;
801
+ --plasma-typo-text-s-font-size: 0.875rem;
802
+ --plasma-typo-text-s-font-weight: 400;
803
+ --plasma-typo-text-s-line-height: 1.25rem;
804
+ --plasma-typo-text-s-bold-font-size: 0.875rem;
805
+ --plasma-typo-text-s-bold-font-weight: 600;
806
+ --plasma-typo-text-s-bold-line-height: 1.25rem;
807
+ --plasma-typo-text-xs-font-size: 0.75rem;
808
+ --plasma-typo-text-xs-font-weight: 400;
809
+ --plasma-typo-text-xs-line-height: 1rem;
810
+ --plasma-typo-text-xs-bold-font-size: 0.75rem;
811
+ --plasma-typo-text-xs-bold-font-weight: 600;
812
+ --plasma-typo-text-xs-bold-line-height: 1rem;
813
+ --plasma-typo-dspl-l-medium-font-size: 8rem;
814
+ --plasma-typo-dspl-l-medium-font-weight: 500;
815
+ --plasma-typo-dspl-l-medium-line-height: 8rem;
816
+ --plasma-typo-dspl-m-medium-font-size: 5.5rem;
817
+ --plasma-typo-dspl-m-medium-font-weight: 500;
818
+ --plasma-typo-dspl-m-medium-line-height: 5.75rem;
819
+ --plasma-typo-dspl-s-medium-font-size: 4rem;
820
+ --plasma-typo-dspl-s-medium-font-weight: 500;
821
+ --plasma-typo-dspl-s-medium-line-height: 4.25rem;
822
+ --plasma-typo-h1-medium-font-size: 3rem;
823
+ --plasma-typo-h1-medium-font-weight: 500;
824
+ --plasma-typo-h1-medium-line-height: 3.375rem;
825
+ --plasma-typo-h2-medium-font-size: 2rem;
826
+ --plasma-typo-h2-medium-font-weight: 500;
827
+ --plasma-typo-h2-medium-line-height: 2.375rem;
828
+ --plasma-typo-h3-medium-font-size: 1.5rem;
829
+ --plasma-typo-h3-medium-font-weight: 500;
830
+ --plasma-typo-h3-medium-line-height: 1.875rem;
831
+ --plasma-typo-h4-medium-font-size: 1.25rem;
832
+ --plasma-typo-h4-medium-font-weight: 500;
833
+ --plasma-typo-h4-medium-line-height: 1.625rem;
834
+ --plasma-typo-h5-medium-font-size: 1.125rem;
835
+ --plasma-typo-h5-medium-font-weight: 500;
836
+ --plasma-typo-h5-medium-line-height: 1.5rem;
837
+ --plasma-typo-body-l-medium-font-size: 1.125rem;
838
+ --plasma-typo-body-l-medium-font-weight: 500;
839
+ --plasma-typo-body-l-medium-line-height: 1.375rem;
840
+ --plasma-typo-body-m-medium-font-size: 1rem;
841
+ --plasma-typo-body-m-medium-font-weight: 500;
842
+ --plasma-typo-body-m-medium-line-height: 1.25rem;
843
+ --plasma-typo-body-s-medium-font-size: 0.875rem;
844
+ --plasma-typo-body-s-medium-font-weight: 500;
845
+ --plasma-typo-body-s-medium-line-height: 1.125rem;
846
+ --plasma-typo-body-xs-medium-font-size: 0.75rem;
847
+ --plasma-typo-body-xs-medium-font-weight: 500;
848
+ --plasma-typo-body-xs-medium-line-height: 0.875rem;
849
+ --plasma-typo-body-xxs-medium-font-size: 0.625rem;
850
+ --plasma-typo-body-xxs-medium-font-weight: 500;
851
+ --plasma-typo-body-xxs-medium-line-height: 0.75rem;
852
+ --plasma-typo-text-l-medium-font-size: 1.5rem;
853
+ --plasma-typo-text-l-medium-font-weight: 500;
854
+ --plasma-typo-text-l-medium-line-height: 2rem;
855
+ --plasma-typo-text-m-medium-font-size: 1.125rem;
856
+ --plasma-typo-text-m-medium-font-weight: 500;
857
+ --plasma-typo-text-m-medium-line-height: 1.625rem;
858
+ --plasma-typo-text-s-medium-font-size: 0.875rem;
859
+ --plasma-typo-text-s-medium-font-weight: 500;
860
+ --plasma-typo-text-s-medium-line-height: 1.25rem;
861
+ --plasma-typo-text-xs-medium-font-size: 0.75rem;
862
+ --plasma-typo-text-xs-medium-font-weight: 500;
863
+ --plasma-typo-text-xs-medium-line-height: 1rem;
864
+ }
865
+ }