@vkontakte/vkui-tokens 4.25.1 → 4.25.2
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/package.json +5 -5
- package/themes/media/cssVars/declarations/index.css +11 -11
- package/themes/media/cssVars/declarations/noColors.css +9 -9
- package/themes/media/cssVars/declarations/onlyMedia.css +2 -2
- package/themes/media/cssVars/declarations/onlyVariables.css +3 -3
- package/themes/media/cssVars/declarations/onlyVariables.js +2 -2
- package/themes/media/cssVars/declarations/onlyVariablesLocal.css +3 -3
- package/themes/media/cssVars/declarations/onlyVariablesLocalIncremental.css +3 -3
- package/themes/media/cssVars/theme/fallbacks/index.css +9 -9
- package/themes/media/cssVars/theme/fallbacks/index.less +3 -3
- package/themes/media/cssVars/theme/fallbacks/index.pcss +3 -3
- package/themes/media/cssVars/theme/fallbacks/index.scss +7 -7
- package/themes/media/cssVars/theme/fallbacks/index.styl +3 -3
- package/themes/media/cssVars/theme/index.js +3 -3
- package/themes/media/cssVars/theme/index.json +3 -3
- package/themes/media/index.css +9 -9
- package/themes/media/index.js +3 -3
- package/themes/media/index.json +3 -3
- package/themes/media/index.less +3 -3
- package/themes/media/index.pcss +3 -3
- package/themes/media/index.scss +7 -7
- package/themes/media/index.styl +3 -3
- package/themes/media/struct.json +3 -3
- package/themes/mediaDark/cssVars/declarations/index.css +11 -11
- package/themes/mediaDark/cssVars/declarations/noColors.css +9 -9
- package/themes/mediaDark/cssVars/declarations/onlyMedia.css +2 -2
- package/themes/mediaDark/cssVars/declarations/onlyVariables.css +3 -3
- package/themes/mediaDark/cssVars/declarations/onlyVariables.js +2 -2
- package/themes/mediaDark/cssVars/declarations/onlyVariablesLocal.css +3 -3
- package/themes/mediaDark/cssVars/declarations/onlyVariablesLocalIncremental.css +3 -3
- package/themes/mediaDark/cssVars/theme/fallbacks/index.css +9 -9
- package/themes/mediaDark/cssVars/theme/fallbacks/index.less +3 -3
- package/themes/mediaDark/cssVars/theme/fallbacks/index.pcss +3 -3
- package/themes/mediaDark/cssVars/theme/fallbacks/index.scss +7 -7
- package/themes/mediaDark/cssVars/theme/fallbacks/index.styl +3 -3
- package/themes/mediaDark/cssVars/theme/index.js +3 -3
- package/themes/mediaDark/cssVars/theme/index.json +3 -3
- package/themes/mediaDark/index.css +9 -9
- package/themes/mediaDark/index.js +3 -3
- package/themes/mediaDark/index.json +3 -3
- package/themes/mediaDark/index.less +3 -3
- package/themes/mediaDark/index.pcss +3 -3
- package/themes/mediaDark/index.scss +7 -7
- package/themes/mediaDark/index.styl +3 -3
- package/themes/mediaDark/struct.json +3 -3
- package/themes/mycom/cssVars/declarations/index.css +11 -11
- package/themes/mycom/cssVars/declarations/noColors.css +9 -9
- package/themes/mycom/cssVars/declarations/noSizes.css +9 -9
- package/themes/mycom/cssVars/declarations/onlyMedia.css +2 -2
- package/themes/mycom/cssVars/declarations/onlyVariables.css +3 -3
- package/themes/mycom/cssVars/declarations/onlyVariables.js +2 -2
- package/themes/mycom/cssVars/declarations/onlyVariablesLocal.css +3 -3
- package/themes/mycom/cssVars/declarations/onlyVariablesLocalIncremental.css +3 -3
- package/themes/mycom/cssVars/theme/fallbacks/index.css +9 -9
- package/themes/mycom/cssVars/theme/fallbacks/index.less +3 -3
- package/themes/mycom/cssVars/theme/fallbacks/index.pcss +3 -3
- package/themes/mycom/cssVars/theme/fallbacks/index.scss +7 -7
- package/themes/mycom/cssVars/theme/fallbacks/index.styl +3 -3
- package/themes/mycom/cssVars/theme/index.js +3 -3
- package/themes/mycom/cssVars/theme/index.json +3 -3
- package/themes/mycom/index.css +9 -9
- package/themes/mycom/index.js +3 -3
- package/themes/mycom/index.json +3 -3
- package/themes/mycom/index.less +3 -3
- package/themes/mycom/index.pcss +3 -3
- package/themes/mycom/index.scss +7 -7
- package/themes/mycom/index.styl +3 -3
- package/themes/mycom/struct.json +3 -3
- package/themes/pharma/cssVars/declarations/index.css +11 -11
- package/themes/pharma/cssVars/declarations/noColors.css +9 -9
- package/themes/pharma/cssVars/declarations/noSizes.css +9 -9
- package/themes/pharma/cssVars/declarations/onlyMedia.css +2 -2
- package/themes/pharma/cssVars/declarations/onlyVariables.css +3 -3
- package/themes/pharma/cssVars/declarations/onlyVariables.js +2 -2
- package/themes/pharma/cssVars/declarations/onlyVariablesLocal.css +3 -3
- package/themes/pharma/cssVars/declarations/onlyVariablesLocalIncremental.css +3 -3
- package/themes/pharma/cssVars/theme/fallbacks/index.css +9 -9
- package/themes/pharma/cssVars/theme/fallbacks/index.less +3 -3
- package/themes/pharma/cssVars/theme/fallbacks/index.pcss +3 -3
- package/themes/pharma/cssVars/theme/fallbacks/index.scss +7 -7
- package/themes/pharma/cssVars/theme/fallbacks/index.styl +3 -3
- package/themes/pharma/cssVars/theme/index.js +3 -3
- package/themes/pharma/cssVars/theme/index.json +3 -3
- package/themes/pharma/index.css +9 -9
- package/themes/pharma/index.js +3 -3
- package/themes/pharma/index.json +3 -3
- package/themes/pharma/index.less +3 -3
- package/themes/pharma/index.pcss +3 -3
- package/themes/pharma/index.scss +7 -7
- package/themes/pharma/index.styl +3 -3
- package/themes/pharma/struct.json +3 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vkontakte/vkui-tokens",
|
|
3
|
-
"version": "4.25.
|
|
3
|
+
"version": "4.25.2",
|
|
4
4
|
"description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "utils/descriptions.js",
|
|
@@ -32,21 +32,21 @@
|
|
|
32
32
|
"csstype": "^3.1.1"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@babel/core": "7.20.
|
|
35
|
+
"@babel/core": "7.20.5",
|
|
36
36
|
"@svgr/webpack": "6.5.1",
|
|
37
37
|
"@types/color": "3.0.3",
|
|
38
38
|
"@types/common-tags": "1.8.1",
|
|
39
39
|
"@types/fs-extra": "9.0.13",
|
|
40
40
|
"@types/jest": "29.2.3",
|
|
41
41
|
"@types/node": "18.11.10",
|
|
42
|
-
"@types/react": "18.0.
|
|
42
|
+
"@types/react": "18.0.26",
|
|
43
43
|
"@types/react-dom": "18.0.8",
|
|
44
44
|
"@typescript-eslint/eslint-plugin": "4.33.0",
|
|
45
45
|
"@typescript-eslint/parser": "4.33.0",
|
|
46
46
|
"@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v9.51.4",
|
|
47
47
|
"@vkontakte/icons": "1.208.0",
|
|
48
48
|
"@vkontakte/vk-bridge": "2.7.2",
|
|
49
|
-
"@vkontakte/vkui": "4.
|
|
49
|
+
"@vkontakte/vkui": "4.40.0",
|
|
50
50
|
"babel-jest": "29.3.1",
|
|
51
51
|
"babel-loader": "9.1.0",
|
|
52
52
|
"clean-webpack-plugin": "4.0.0",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"type-fest": "3.3.0",
|
|
87
87
|
"typescript": "4.9.3",
|
|
88
88
|
"webpack": "5.75.0",
|
|
89
|
-
"webpack-cli": "5.0.
|
|
89
|
+
"webpack-cli": "5.0.1",
|
|
90
90
|
"webpack-dev-server": "4.11.1",
|
|
91
91
|
"webpack-notifier": "1.15.0"
|
|
92
92
|
},
|
|
@@ -308,12 +308,12 @@
|
|
|
308
308
|
--vkui--media_font_media_header--font_weight--regular: 500;
|
|
309
309
|
--vkui--media_font_media_header--font_size--regular: 36px;
|
|
310
310
|
--vkui--media_font_media_header--line_height--regular: 44px;
|
|
311
|
-
--vkui--media_font_media_header--letter_spacing--regular: -0.
|
|
311
|
+
--vkui--media_font_media_header--letter_spacing--regular: -0.005em;
|
|
312
312
|
--vkui--media_font_media_header--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
|
|
313
313
|
--vkui--media_font_media_header--font_weight--compact: 500;
|
|
314
314
|
--vkui--media_font_media_header--font_size--compact: 40px;
|
|
315
315
|
--vkui--media_font_media_header--line_height--compact: 48px;
|
|
316
|
-
--vkui--media_font_media_header--letter_spacing--compact: -0.
|
|
316
|
+
--vkui--media_font_media_header--letter_spacing--compact: -0.005em;
|
|
317
317
|
--vkui--media_font_media_title1--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
|
|
318
318
|
--vkui--media_font_media_title1--font_weight--regular: 500;
|
|
319
319
|
--vkui--media_font_media_title1--font_size--regular: 28px;
|
|
@@ -346,7 +346,7 @@
|
|
|
346
346
|
--vkui--media_font_media_lead--font_weight--compact: 500;
|
|
347
347
|
--vkui--media_font_media_lead--font_size--compact: 22px;
|
|
348
348
|
--vkui--media_font_media_lead--line_height--compact: 32px;
|
|
349
|
-
--vkui--media_font_media_lead--letter_spacing--compact: -0.
|
|
349
|
+
--vkui--media_font_media_lead--letter_spacing--compact: -0.003em;
|
|
350
350
|
--vkui--media_font_media_paragraph--font_family--regular: Georgia, serif;
|
|
351
351
|
--vkui--media_font_media_paragraph--font_weight--regular: 400;
|
|
352
352
|
--vkui--media_font_media_paragraph--font_size--regular: 18px;
|
|
@@ -1346,8 +1346,8 @@
|
|
|
1346
1346
|
font-size: var(--vkui--media_font_media_header--font_size--regular, 36px);
|
|
1347
1347
|
line-height: 44px;
|
|
1348
1348
|
line-height: var(--vkui--media_font_media_header--line_height--regular, 44px);
|
|
1349
|
-
letter-spacing: -0.
|
|
1350
|
-
letter-spacing: var(--vkui--media_font_media_header--letter_spacing--regular, -0.
|
|
1349
|
+
letter-spacing: -0.005em;
|
|
1350
|
+
letter-spacing: var(--vkui--media_font_media_header--letter_spacing--regular, -0.005em);
|
|
1351
1351
|
}
|
|
1352
1352
|
.vkui--media_font_media_header {
|
|
1353
1353
|
font-family: var(--vkui--media_font_media_header--font_family);
|
|
@@ -1365,8 +1365,8 @@
|
|
|
1365
1365
|
font-size: var(--vkui--media_font_media_header--font_size--compact, 40px);
|
|
1366
1366
|
line-height: 48px;
|
|
1367
1367
|
line-height: var(--vkui--media_font_media_header--line_height--compact, 48px);
|
|
1368
|
-
letter-spacing: -0.
|
|
1369
|
-
letter-spacing: var(--vkui--media_font_media_header--letter_spacing--compact, -0.
|
|
1368
|
+
letter-spacing: -0.005em;
|
|
1369
|
+
letter-spacing: var(--vkui--media_font_media_header--letter_spacing--compact, -0.005em);
|
|
1370
1370
|
}
|
|
1371
1371
|
.vkui--media_font_media_title1--regular {
|
|
1372
1372
|
font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
|
|
@@ -1471,8 +1471,8 @@
|
|
|
1471
1471
|
font-size: var(--vkui--media_font_media_lead--font_size--compact, 22px);
|
|
1472
1472
|
line-height: 32px;
|
|
1473
1473
|
line-height: var(--vkui--media_font_media_lead--line_height--compact, 32px);
|
|
1474
|
-
letter-spacing: -0.
|
|
1475
|
-
letter-spacing: var(--vkui--media_font_media_lead--letter_spacing--compact, -0.
|
|
1474
|
+
letter-spacing: -0.003em;
|
|
1475
|
+
letter-spacing: var(--vkui--media_font_media_lead--letter_spacing--compact, -0.003em);
|
|
1476
1476
|
}
|
|
1477
1477
|
.vkui--media_font_media_paragraph--regular {
|
|
1478
1478
|
font-family: Georgia, serif;
|
|
@@ -2041,7 +2041,7 @@
|
|
|
2041
2041
|
--vkui--media_font_media_lead--font_weight: var(--vkui--media_font_media_lead--font_weight--compact);
|
|
2042
2042
|
--vkui--media_font_media_lead--font_size: var(--vkui--media_font_media_lead--font_size--compact);
|
|
2043
2043
|
--vkui--media_font_media_lead--line_height: var(--vkui--media_font_media_lead--line_height--compact);
|
|
2044
|
-
--vkui--media_font_media_lead--letter_spacing--compact: -0.
|
|
2044
|
+
--vkui--media_font_media_lead--letter_spacing--compact: -0.003em;
|
|
2045
2045
|
--vkui--media_font_media_paragraph--font_family: var(--vkui--media_font_media_paragraph--font_family--compact);
|
|
2046
2046
|
--vkui--media_font_media_paragraph--font_weight: var(--vkui--media_font_media_paragraph--font_weight--compact);
|
|
2047
2047
|
--vkui--media_font_media_paragraph--font_size: var(--vkui--media_font_media_paragraph--font_size--compact);
|
|
@@ -2124,7 +2124,7 @@
|
|
|
2124
2124
|
--vkui--media_font_media_lead--font_weight: var(--vkui--media_font_media_lead--font_weight--compact);
|
|
2125
2125
|
--vkui--media_font_media_lead--font_size: var(--vkui--media_font_media_lead--font_size--compact);
|
|
2126
2126
|
--vkui--media_font_media_lead--line_height: var(--vkui--media_font_media_lead--line_height--compact);
|
|
2127
|
-
--vkui--media_font_media_lead--letter_spacing--compact: -0.
|
|
2127
|
+
--vkui--media_font_media_lead--letter_spacing--compact: -0.003em;
|
|
2128
2128
|
--vkui--media_font_media_paragraph--font_family: var(--vkui--media_font_media_paragraph--font_family--compact);
|
|
2129
2129
|
--vkui--media_font_media_paragraph--font_weight: var(--vkui--media_font_media_paragraph--font_weight--compact);
|
|
2130
2130
|
--vkui--media_font_media_paragraph--font_size: var(--vkui--media_font_media_paragraph--font_size--compact);
|
|
@@ -308,12 +308,12 @@
|
|
|
308
308
|
--vkui--media_font_media_header--font_weight--regular: 500;
|
|
309
309
|
--vkui--media_font_media_header--font_size--regular: 36px;
|
|
310
310
|
--vkui--media_font_media_header--line_height--regular: 44px;
|
|
311
|
-
--vkui--media_font_media_header--letter_spacing--regular: -0.
|
|
311
|
+
--vkui--media_font_media_header--letter_spacing--regular: -0.005em;
|
|
312
312
|
--vkui--media_font_media_header--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
|
|
313
313
|
--vkui--media_font_media_header--font_weight--compact: 500;
|
|
314
314
|
--vkui--media_font_media_header--font_size--compact: 40px;
|
|
315
315
|
--vkui--media_font_media_header--line_height--compact: 48px;
|
|
316
|
-
--vkui--media_font_media_header--letter_spacing--compact: -0.
|
|
316
|
+
--vkui--media_font_media_header--letter_spacing--compact: -0.005em;
|
|
317
317
|
--vkui--media_font_media_title1--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
|
|
318
318
|
--vkui--media_font_media_title1--font_weight--regular: 500;
|
|
319
319
|
--vkui--media_font_media_title1--font_size--regular: 28px;
|
|
@@ -346,7 +346,7 @@
|
|
|
346
346
|
--vkui--media_font_media_lead--font_weight--compact: 500;
|
|
347
347
|
--vkui--media_font_media_lead--font_size--compact: 22px;
|
|
348
348
|
--vkui--media_font_media_lead--line_height--compact: 32px;
|
|
349
|
-
--vkui--media_font_media_lead--letter_spacing--compact: -0.
|
|
349
|
+
--vkui--media_font_media_lead--letter_spacing--compact: -0.003em;
|
|
350
350
|
--vkui--media_font_media_paragraph--font_family--regular: Georgia, serif;
|
|
351
351
|
--vkui--media_font_media_paragraph--font_weight--regular: 400;
|
|
352
352
|
--vkui--media_font_media_paragraph--font_size--regular: 18px;
|
|
@@ -833,8 +833,8 @@
|
|
|
833
833
|
font-size: var(--vkui--media_font_media_header--font_size--regular, 36px);
|
|
834
834
|
line-height: 44px;
|
|
835
835
|
line-height: var(--vkui--media_font_media_header--line_height--regular, 44px);
|
|
836
|
-
letter-spacing: -0.
|
|
837
|
-
letter-spacing: var(--vkui--media_font_media_header--letter_spacing--regular, -0.
|
|
836
|
+
letter-spacing: -0.005em;
|
|
837
|
+
letter-spacing: var(--vkui--media_font_media_header--letter_spacing--regular, -0.005em);
|
|
838
838
|
}
|
|
839
839
|
.vkui--media_font_media_header--compact {
|
|
840
840
|
font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
|
|
@@ -845,8 +845,8 @@
|
|
|
845
845
|
font-size: var(--vkui--media_font_media_header--font_size--compact, 40px);
|
|
846
846
|
line-height: 48px;
|
|
847
847
|
line-height: var(--vkui--media_font_media_header--line_height--compact, 48px);
|
|
848
|
-
letter-spacing: -0.
|
|
849
|
-
letter-spacing: var(--vkui--media_font_media_header--letter_spacing--compact, -0.
|
|
848
|
+
letter-spacing: -0.005em;
|
|
849
|
+
letter-spacing: var(--vkui--media_font_media_header--letter_spacing--compact, -0.005em);
|
|
850
850
|
}
|
|
851
851
|
.vkui--media_font_media_title1--regular {
|
|
852
852
|
font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
|
|
@@ -927,8 +927,8 @@
|
|
|
927
927
|
font-size: var(--vkui--media_font_media_lead--font_size--compact, 22px);
|
|
928
928
|
line-height: 32px;
|
|
929
929
|
line-height: var(--vkui--media_font_media_lead--line_height--compact, 32px);
|
|
930
|
-
letter-spacing: -0.
|
|
931
|
-
letter-spacing: var(--vkui--media_font_media_lead--letter_spacing--compact, -0.
|
|
930
|
+
letter-spacing: -0.003em;
|
|
931
|
+
letter-spacing: var(--vkui--media_font_media_lead--letter_spacing--compact, -0.003em);
|
|
932
932
|
}
|
|
933
933
|
.vkui--media_font_media_paragraph--regular {
|
|
934
934
|
font-family: Georgia, serif;
|
|
@@ -397,7 +397,7 @@
|
|
|
397
397
|
--vkui--media_font_media_lead--font_weight: var(--vkui--media_font_media_lead--font_weight--compact);
|
|
398
398
|
--vkui--media_font_media_lead--font_size: var(--vkui--media_font_media_lead--font_size--compact);
|
|
399
399
|
--vkui--media_font_media_lead--line_height: var(--vkui--media_font_media_lead--line_height--compact);
|
|
400
|
-
--vkui--media_font_media_lead--letter_spacing--compact: -0.
|
|
400
|
+
--vkui--media_font_media_lead--letter_spacing--compact: -0.003em;
|
|
401
401
|
--vkui--media_font_media_paragraph--font_family: var(--vkui--media_font_media_paragraph--font_family--compact);
|
|
402
402
|
--vkui--media_font_media_paragraph--font_weight: var(--vkui--media_font_media_paragraph--font_weight--compact);
|
|
403
403
|
--vkui--media_font_media_paragraph--font_size: var(--vkui--media_font_media_paragraph--font_size--compact);
|
|
@@ -480,7 +480,7 @@
|
|
|
480
480
|
--vkui--media_font_media_lead--font_weight: var(--vkui--media_font_media_lead--font_weight--compact);
|
|
481
481
|
--vkui--media_font_media_lead--font_size: var(--vkui--media_font_media_lead--font_size--compact);
|
|
482
482
|
--vkui--media_font_media_lead--line_height: var(--vkui--media_font_media_lead--line_height--compact);
|
|
483
|
-
--vkui--media_font_media_lead--letter_spacing--compact: -0.
|
|
483
|
+
--vkui--media_font_media_lead--letter_spacing--compact: -0.003em;
|
|
484
484
|
--vkui--media_font_media_paragraph--font_family: var(--vkui--media_font_media_paragraph--font_family--compact);
|
|
485
485
|
--vkui--media_font_media_paragraph--font_weight: var(--vkui--media_font_media_paragraph--font_weight--compact);
|
|
486
486
|
--vkui--media_font_media_paragraph--font_size: var(--vkui--media_font_media_paragraph--font_size--compact);
|
|
@@ -308,12 +308,12 @@
|
|
|
308
308
|
--vkui--media_font_media_header--font_weight--regular: 500;
|
|
309
309
|
--vkui--media_font_media_header--font_size--regular: 36px;
|
|
310
310
|
--vkui--media_font_media_header--line_height--regular: 44px;
|
|
311
|
-
--vkui--media_font_media_header--letter_spacing--regular: -0.
|
|
311
|
+
--vkui--media_font_media_header--letter_spacing--regular: -0.005em;
|
|
312
312
|
--vkui--media_font_media_header--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
|
|
313
313
|
--vkui--media_font_media_header--font_weight--compact: 500;
|
|
314
314
|
--vkui--media_font_media_header--font_size--compact: 40px;
|
|
315
315
|
--vkui--media_font_media_header--line_height--compact: 48px;
|
|
316
|
-
--vkui--media_font_media_header--letter_spacing--compact: -0.
|
|
316
|
+
--vkui--media_font_media_header--letter_spacing--compact: -0.005em;
|
|
317
317
|
--vkui--media_font_media_title1--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
|
|
318
318
|
--vkui--media_font_media_title1--font_weight--regular: 500;
|
|
319
319
|
--vkui--media_font_media_title1--font_size--regular: 28px;
|
|
@@ -346,7 +346,7 @@
|
|
|
346
346
|
--vkui--media_font_media_lead--font_weight--compact: 500;
|
|
347
347
|
--vkui--media_font_media_lead--font_size--compact: 22px;
|
|
348
348
|
--vkui--media_font_media_lead--line_height--compact: 32px;
|
|
349
|
-
--vkui--media_font_media_lead--letter_spacing--compact: -0.
|
|
349
|
+
--vkui--media_font_media_lead--letter_spacing--compact: -0.003em;
|
|
350
350
|
--vkui--media_font_media_paragraph--font_family--regular: Georgia, serif;
|
|
351
351
|
--vkui--media_font_media_paragraph--font_weight--regular: 400;
|
|
352
352
|
--vkui--media_font_media_paragraph--font_size--regular: 18px;
|