@ztwoint/z-ui 0.1.8

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 (33) hide show
  1. package/README.md +24 -0
  2. package/dist/css/config/colors/backgrounds.css +20 -0
  3. package/dist/css/config/colors/components/alert.css +83 -0
  4. package/dist/css/config/colors/components/avatar.css +53 -0
  5. package/dist/css/config/colors/components/badge.css +137 -0
  6. package/dist/css/config/colors/components/button.css +93 -0
  7. package/dist/css/config/colors/components/checkbox.css +7 -0
  8. package/dist/css/config/colors/components/featured-icon.css +80 -0
  9. package/dist/css/config/colors/components/progress-bar.css +7 -0
  10. package/dist/css/config/colors/components/radio-button.css +7 -0
  11. package/dist/css/config/colors/components/scroll-overlay.css +17 -0
  12. package/dist/css/config/colors/components/tab.css +60 -0
  13. package/dist/css/config/colors/components/text-button.css +67 -0
  14. package/dist/css/config/colors/components/toggle-switch.css +3 -0
  15. package/dist/css/config/colors/components/toggle.css +25 -0
  16. package/dist/css/config/colors/defaults.css +113 -0
  17. package/dist/css/config/colors/icons.css +81 -0
  18. package/dist/css/config/colors/overlay.css +3 -0
  19. package/dist/css/config/colors/shape.css +163 -0
  20. package/dist/css/config/colors/stroke.css +63 -0
  21. package/dist/css/config/colors/surfaces.css +141 -0
  22. package/dist/css/config/colors/text.css +77 -0
  23. package/dist/css/config/config.css +39 -0
  24. package/dist/css/config/typography/2xl.css +100 -0
  25. package/dist/css/config/typography/3xl.css +100 -0
  26. package/dist/css/config/typography/4xl.css +100 -0
  27. package/dist/css/config/typography/base.css +100 -0
  28. package/dist/css/config/typography/lg.css +100 -0
  29. package/dist/css/config/typography/sm.css +100 -0
  30. package/dist/css/config/typography/typography.css +8 -0
  31. package/dist/css/config/typography/xl.css +100 -0
  32. package/dist/css/config/typography/xs.css +100 -0
  33. package/package.json +96 -0
package/dist/css/config/typography/2xl.css ADDED
@@ -0,0 +1,100 @@
1
+ /* ========== 2XL ========== */
2
+ /* ========== LINE HEIGHT: NORMAL ========== */
3
+ .leading-normal-regular-2xl {
4
+ font-size: 1.5rem;
5
+ line-height: 2rem;
6
+ letter-spacing: -0.05rem;
7
+ font-weight: 400;
8
+ }
9
+
10
+ .leading-normal-medium-2xl {
11
+ font-size: 1.5rem;
12
+ line-height: 2rem;
13
+ letter-spacing: -0.05rem;
14
+ font-weight: 500;
15
+ }
16
+
17
+ .leading-normal-semibold-2xl {
18
+ font-size: 1.5rem;
19
+ line-height: 2rem;
20
+ letter-spacing: -0.05rem;
21
+ font-weight: 600;
22
+ }
23
+
24
+ .leading-normal-bold-2xl {
25
+ font-size: 1.5rem;
26
+ line-height: 2rem;
27
+ letter-spacing: -0.05rem;
28
+ font-weight: 700;
29
+ }
30
+
31
+ .leading-normal-italic-2xl {
32
+ font-size: 1.5rem;
33
+ line-height: 2rem;
34
+ letter-spacing: -0.05rem;
35
+ font-style: italic;
36
+ }
37
+
38
+ .leading-normal-underlined-2xl {
39
+ font-size: 1.5rem;
40
+ line-height: 2rem;
41
+ letter-spacing: -0.05rem;
42
+ text-decoration: underline;
43
+ }
44
+
45
+ .leading-normal-strikethrough-2xl {
46
+ font-size: 1.5rem;
47
+ line-height: 2rem;
48
+ letter-spacing: -0.05rem;
49
+ text-decoration: line-through;
50
+ }
51
+
52
+ /* ========== LINE HEIGHT: NONE ========== */
53
+ .leading-none-regular-2xl {
54
+ font-size: 1.5rem;
55
+ line-height: 1.5rem;
56
+ letter-spacing: -0.05rem;
57
+ font-weight: 400;
58
+ }
59
+
60
+ .leading-none-medium-2xl {
61
+ font-size: 1.5rem;
62
+ line-height: 1.5rem;
63
+ letter-spacing: -0.05rem;
64
+ font-weight: 500;
65
+ }
66
+
67
+ .leading-none-semibold-2xl {
68
+ font-size: 1.5rem;
69
+ line-height: 1.5rem;
70
+ letter-spacing: -0.05rem;
71
+ font-weight: 600;
72
+ }
73
+
74
+ .leading-none-bold-2xl {
75
+ font-size: 1.5rem;
76
+ line-height: 1.5rem;
77
+ letter-spacing: -0.05rem;
78
+ font-weight: 700;
79
+ }
80
+
81
+ .leading-none-italic-2xl {
82
+ font-size: 1.5rem;
83
+ line-height: 1.5rem;
84
+ letter-spacing: -0.05rem;
85
+ font-style: italic;
86
+ }
87
+
88
+ .leading-none-underlined-2xl {
89
+ font-size: 1.5rem;
90
+ line-height: 1.5rem;
91
+ letter-spacing: -0.05rem;
92
+ text-decoration: underline;
93
+ }
94
+
95
+ .leading-none-strikethrough-2xl {
96
+ font-size: 1.5rem;
97
+ line-height: 1.5rem;
98
+ letter-spacing: -0.05rem;
99
+ text-decoration: line-through;
100
+ }
package/dist/css/config/typography/3xl.css ADDED
@@ -0,0 +1,100 @@
1
+ /* ========== 3XL ========== */
2
+ /* ========== LINE HEIGHT: NORMAL ========== */
3
+ .leading-normal-regular-3xl {
4
+ font-size: 2rem;
5
+ line-height: 2.25rem;
6
+ letter-spacing: -0.1rem;
7
+ font-weight: 400;
8
+ }
9
+
10
+ .leading-normal-medium-3xl {
11
+ font-size: 2rem;
12
+ line-height: 2.25rem;
13
+ letter-spacing: -0.1rem;
14
+ font-weight: 500;
15
+ }
16
+
17
+ .leading-normal-semibold-3xl {
18
+ font-size: 2rem;
19
+ line-height: 2.25rem;
20
+ letter-spacing: -0.1rem;
21
+ font-weight: 600;
22
+ }
23
+
24
+ .leading-normal-bold-3xl {
25
+ font-size: 2rem;
26
+ line-height: 2.25rem;
27
+ letter-spacing: -0.1rem;
28
+ font-weight: 700;
29
+ }
30
+
31
+ .leading-normal-italic-3xl {
32
+ font-size: 2rem;
33
+ line-height: 2.25rem;
34
+ letter-spacing: -0.1rem;
35
+ font-style: italic;
36
+ }
37
+
38
+ .leading-normal-underlined-3xl {
39
+ font-size: 2rem;
40
+ line-height: 2.25rem;
41
+ letter-spacing: -0.1rem;
42
+ text-decoration: underline;
43
+ }
44
+
45
+ .leading-normal-strikethrough-3xl {
46
+ font-size: 2rem;
47
+ line-height: 2.25rem;
48
+ letter-spacing: -0.1rem;
49
+ text-decoration: line-through;
50
+ }
51
+
52
+ /* ========== LINE HEIGHT: NONE ========== */
53
+ .leading-none-regular-3xl {
54
+ font-size: 2rem;
55
+ line-height: 2rem;
56
+ letter-spacing: -0.1rem;
57
+ font-weight: 400;
58
+ }
59
+
60
+ .leading-none-medium-3xl {
61
+ font-size: 2rem;
62
+ line-height: 2rem;
63
+ letter-spacing: -0.1rem;
64
+ font-weight: 500;
65
+ }
66
+
67
+ .leading-none-semibold-3xl {
68
+ font-size: 2rem;
69
+ line-height: 2rem;
70
+ letter-spacing: -0.1rem;
71
+ font-weight: 600;
72
+ }
73
+
74
+ .leading-none-bold-3xl {
75
+ font-size: 2rem;
76
+ line-height: 2rem;
77
+ letter-spacing: -0.1rem;
78
+ font-weight: 700;
79
+ }
80
+
81
+ .leading-none-italic-3xl {
82
+ font-size: 2rem;
83
+ line-height: 2rem;
84
+ letter-spacing: -0.1rem;
85
+ font-style: italic;
86
+ }
87
+
88
+ .leading-none-underlined-3xl {
89
+ font-size: 2rem;
90
+ line-height: 2rem;
91
+ letter-spacing: -0.1rem;
92
+ text-decoration: underline;
93
+ }
94
+
95
+ .leading-none-strikethrough-3xl {
96
+ font-size: 2rem;
97
+ line-height: 2rem;
98
+ letter-spacing: -0.1rem;
99
+ text-decoration: line-through;
100
+ }
package/dist/css/config/typography/4xl.css ADDED
@@ -0,0 +1,100 @@
1
+ /* ========== 4XL ========== */
2
+ /* ========== LINE HEIGHT: NORMAL ========== */
3
+ .leading-normal-regular-4xl {
4
+ font-size: 2.25rem;
5
+ line-height: 2.5rem;
6
+ letter-spacing: -0.1rem;
7
+ font-weight: 400;
8
+ }
9
+
10
+ .leading-normal-medium-4xl {
11
+ font-size: 2.25rem;
12
+ line-height: 2.5rem;
13
+ letter-spacing: -0.1rem;
14
+ font-weight: 500;
15
+ }
16
+
17
+ .leading-normal-semibold-4xl {
18
+ font-size: 2.25rem;
19
+ line-height: 2.5rem;
20
+ letter-spacing: -0.1rem;
21
+ font-weight: 600;
22
+ }
23
+
24
+ .leading-normal-bold-4xl {
25
+ font-size: 2.25rem;
26
+ line-height: 2.5rem;
27
+ letter-spacing: -0.1rem;
28
+ font-weight: 700;
29
+ }
30
+
31
+ .leading-normal-italic-4xl {
32
+ font-size: 2.25rem;
33
+ line-height: 2.5rem;
34
+ letter-spacing: -0.1rem;
35
+ font-style: italic;
36
+ }
37
+
38
+ .leading-normal-underlined-4xl {
39
+ font-size: 2.25rem;
40
+ line-height: 2.5rem;
41
+ letter-spacing: -0.1rem;
42
+ text-decoration: underline;
43
+ }
44
+
45
+ .leading-normal-strikethrough-4xl {
46
+ font-size: 2.25rem;
47
+ line-height: 2.5rem;
48
+ letter-spacing: -0.1rem;
49
+ text-decoration: line-through;
50
+ }
51
+
52
+ /* ========== LINE HEIGHT: NONE ========== */
53
+ .leading-none-regular-4xl {
54
+ font-size: 2.25rem;
55
+ line-height: 2.25rem;
56
+ letter-spacing: -0.1rem;
57
+ font-weight: 400;
58
+ }
59
+
60
+ .leading-none-medium-4xl {
61
+ font-size: 2.25rem;
62
+ line-height: 2.25rem;
63
+ letter-spacing: -0.1rem;
64
+ font-weight: 500;
65
+ }
66
+
67
+ .leading-none-semibold-4xl {
68
+ font-size: 2.25rem;
69
+ line-height: 2.25rem;
70
+ letter-spacing: -0.1rem;
71
+ font-weight: 600;
72
+ }
73
+
74
+ .leading-none-bold-4xl {
75
+ font-size: 2.25rem;
76
+ line-height: 2.25rem;
77
+ letter-spacing: -0.1rem;
78
+ font-weight: 700;
79
+ }
80
+
81
+ .leading-none-italic-4xl {
82
+ font-size: 2.25rem;
83
+ line-height: 2.25rem;
84
+ letter-spacing: -0.1rem;
85
+ font-style: italic;
86
+ }
87
+
88
+ .leading-none-underlined-4xl {
89
+ font-size: 2.25rem;
90
+ line-height: 2.25rem;
91
+ letter-spacing: -0.1rem;
92
+ text-decoration: underline;
93
+ }
94
+
95
+ .leading-none-strikethrough-4xl {
96
+ font-size: 2.25rem;
97
+ line-height: 2.25rem;
98
+ letter-spacing: -0.1rem;
99
+ text-decoration: line-through;
100
+ }
package/dist/css/config/typography/base.css ADDED
@@ -0,0 +1,100 @@
1
+ /* ========== BASE ========== */
2
+ /* ========== LINE HEIGHT: NORMAL ========== */
3
+ .leading-normal-regular {
4
+ font-size: 1rem;
5
+ line-height: 1.5rem;
6
+ letter-spacing: -0.025rem;
7
+ font-weight: 400;
8
+ }
9
+
10
+ .leading-normal-medium {
11
+ font-size: 1rem;
12
+ line-height: 1.5rem;
13
+ letter-spacing: -0.025rem;
14
+ font-weight: 500;
15
+ }
16
+
17
+ .leading-normal-semibold {
18
+ font-size: 1rem;
19
+ line-height: 1.5rem;
20
+ letter-spacing: -0.025rem;
21
+ font-weight: 600;
22
+ }
23
+
24
+ .leading-normal-bold {
25
+ font-size: 1rem;
26
+ line-height: 1.5rem;
27
+ letter-spacing: -0.025rem;
28
+ font-weight: 700;
29
+ }
30
+
31
+ .leading-normal-italic {
32
+ font-size: 1rem;
33
+ line-height: 1.5rem;
34
+ letter-spacing: -0.025rem;
35
+ font-style: italic;
36
+ }
37
+
38
+ .leading-normal-underlined {
39
+ font-size: 1rem;
40
+ line-height: 1.5rem;
41
+ letter-spacing: -0.025rem;
42
+ text-decoration: underline;
43
+ }
44
+
45
+ .leading-normal-strikethrough {
46
+ font-size: 1rem;
47
+ line-height: 1.5rem;
48
+ letter-spacing: -0.025rem;
49
+ text-decoration: line-through;
50
+ }
51
+
52
+ /* ========== LINE HEIGHT: NONE ========== */
53
+ .leading-none-regular {
54
+ font-size: 1rem;
55
+ line-height: 1rem;
56
+ letter-spacing: -0.025rem;
57
+ font-weight: 400;
58
+ }
59
+
60
+ .leading-none-medium {
61
+ font-size: 1rem;
62
+ line-height: 1rem;
63
+ letter-spacing: -0.025rem;
64
+ font-weight: 500;
65
+ }
66
+
67
+ .leading-none-semibold {
68
+ font-size: 1rem;
69
+ line-height: 1rem;
70
+ letter-spacing: -0.025rem;
71
+ font-weight: 600;
72
+ }
73
+
74
+ .leading-none-bold {
75
+ font-size: 1rem;
76
+ line-height: 1rem;
77
+ letter-spacing: -0.025rem;
78
+ font-weight: 700;
79
+ }
80
+
81
+ .leading-none-italic {
82
+ font-size: 1rem;
83
+ line-height: 1rem;
84
+ letter-spacing: -0.025rem;
85
+ font-style: italic;
86
+ }
87
+
88
+ .leading-none-underlined {
89
+ font-size: 1rem;
90
+ line-height: 1rem;
91
+ letter-spacing: -0.025rem;
92
+ text-decoration: underline;
93
+ }
94
+
95
+ .leading-none-strikethrough {
96
+ font-size: 1rem;
97
+ line-height: 1rem;
98
+ letter-spacing: -0.025rem;
99
+ text-decoration: line-through;
100
+ }
package/dist/css/config/typography/lg.css ADDED
@@ -0,0 +1,100 @@
1
+ /* ========== LG ========== */
2
+ /* ========== LINE HEIGHT: NORMAL ========== */
3
+ .leading-normal-regular-lg {
4
+ font-size: 1.125rem;
5
+ line-height: 1.75rem;
6
+ letter-spacing: -0.025rem;
7
+ font-weight: 400;
8
+ }
9
+
10
+ .leading-normal-medium-lg {
11
+ font-size: 1.125rem;
12
+ line-height: 1.75rem;
13
+ letter-spacing: -0.025rem;
14
+ font-weight: 500;
15
+ }
16
+
17
+ .leading-normal-semibold-lg {
18
+ font-size: 1.125rem;
19
+ line-height: 1.75rem;
20
+ letter-spacing: -0.025rem;
21
+ font-weight: 600;
22
+ }
23
+
24
+ .leading-normal-bold-lg {
25
+ font-size: 1.125rem;
26
+ line-height: 1.75rem;
27
+ letter-spacing: -0.025rem;
28
+ font-weight: 700;
29
+ }
30
+
31
+ .leading-normal-italic-lg {
32
+ font-size: 1.125rem;
33
+ line-height: 1.75rem;
34
+ letter-spacing: -0.025rem;
35
+ font-style: italic;
36
+ }
37
+
38
+ .leading-normal-underlined-lg {
39
+ font-size: 1.125rem;
40
+ line-height: 1.75rem;
41
+ letter-spacing: -0.025rem;
42
+ text-decoration: underline;
43
+ }
44
+
45
+ .leading-normal-strikethrough-lg {
46
+ font-size: 1.125rem;
47
+ line-height: 1.75rem;
48
+ letter-spacing: -0.025rem;
49
+ text-decoration: line-through;
50
+ }
51
+
52
+ /* ========== LINE HEIGHT: NONE ========== */
53
+ .leading-none-regular-lg {
54
+ font-size: 1.125rem;
55
+ line-height: 1.125rem;
56
+ letter-spacing: -0.025rem;
57
+ font-weight: 400;
58
+ }
59
+
60
+ .leading-none-medium-lg {
61
+ font-size: 1.125rem;
62
+ line-height: 1.125rem;
63
+ letter-spacing: -0.025rem;
64
+ font-weight: 500;
65
+ }
66
+
67
+ .leading-none-semibold-lg {
68
+ font-size: 1.125rem;
69
+ line-height: 1.125rem;
70
+ letter-spacing: -0.025rem;
71
+ font-weight: 600;
72
+ }
73
+
74
+ .leading-none-bold-lg {
75
+ font-size: 1.125rem;
76
+ line-height: 1.125rem;
77
+ letter-spacing: -0.025rem;
78
+ font-weight: 700;
79
+ }
80
+
81
+ .leading-none-italic-lg {
82
+ font-size: 1.125rem;
83
+ line-height: 1.125rem;
84
+ letter-spacing: -0.025rem;
85
+ font-style: italic;
86
+ }
87
+
88
+ .leading-none-underlined-lg {
89
+ font-size: 1.125rem;
90
+ line-height: 1.125rem;
91
+ letter-spacing: -0.025rem;
92
+ text-decoration: underline;
93
+ }
94
+
95
+ .leading-none-strikethrough-lg {
96
+ font-size: 1.125rem;
97
+ line-height: 1.125rem;
98
+ letter-spacing: -0.025rem;
99
+ text-decoration: line-through;
100
+ }
package/dist/css/config/typography/sm.css ADDED
@@ -0,0 +1,100 @@
1
+ /* ========== SM ========== */
2
+ /* ========== LINE HEIGHT: NORMAL ========== */
3
+ .leading-normal-regular-sm {
4
+ font-size: 0.875rem;
5
+ line-height: 1.25rem;
6
+ letter-spacing: -0.0125rem;
7
+ font-weight: 400;
8
+ }
9
+
10
+ .leading-normal-medium-sm {
11
+ font-size: 0.875rem;
12
+ line-height: 1.25rem;
13
+ letter-spacing: -0.025rem;
14
+ font-weight: 500;
15
+ }
16
+
17
+ .leading-normal-semibold-sm {
18
+ font-size: 0.875rem;
19
+ line-height: 1.25rem;
20
+ letter-spacing: -0.025rem;
21
+ font-weight: 600;
22
+ }
23
+
24
+ .leading-normal-bold-sm {
25
+ font-size: 0.875rem;
26
+ line-height: 1.25rem;
27
+ letter-spacing: -0.025rem;
28
+ font-weight: 700;
29
+ }
30
+
31
+ .leading-normal-italic-sm {
32
+ font-size: 0.875rem;
33
+ line-height: 1.25rem;
34
+ letter-spacing: -0.025rem;
35
+ font-style: italic;
36
+ }
37
+
38
+ .leading-normal-underlined-sm {
39
+ font-size: 0.875rem;
40
+ line-height: 1.25rem;
41
+ letter-spacing: -0.025rem;
42
+ text-decoration: underline;
43
+ }
44
+
45
+ .leading-normal-strikethrough-sm {
46
+ font-size: 0.875rem;
47
+ line-height: 1.25rem;
48
+ letter-spacing: -0.025rem;
49
+ text-decoration: line-through;
50
+ }
51
+
52
+ /* ========== LINE HEIGHT: NONE ========== */
53
+ .leading-none-regular-sm {
54
+ font-size: 0.875rem;
55
+ line-height: 0.875rem;
56
+ letter-spacing: -0.0125rem;
57
+ font-weight: 400;
58
+ }
59
+
60
+ .leading-none-medium-sm {
61
+ font-size: 0.875rem;
62
+ line-height: 0.875rem;
63
+ letter-spacing: -0.025rem;
64
+ font-weight: 500;
65
+ }
66
+
67
+ .leading-none-semibold-sm {
68
+ font-size: 0.875rem;
69
+ line-height: 0.875rem;
70
+ letter-spacing: -0.025rem;
71
+ font-weight: 600;
72
+ }
73
+
74
+ .leading-none-bold-sm {
75
+ font-size: 0.875rem;
76
+ line-height: 0.875rem;
77
+ letter-spacing: -0.025rem;
78
+ font-weight: 700;
79
+ }
80
+
81
+ .leading-none-italic-sm {
82
+ font-size: 0.875rem;
83
+ line-height: 0.875rem;
84
+ letter-spacing: -0.025rem;
85
+ font-style: italic;
86
+ }
87
+
88
+ .leading-none-underlined-sm {
89
+ font-size: 0.875rem;
90
+ line-height: 0.875rem;
91
+ letter-spacing: -0.025rem;
92
+ text-decoration: underline;
93
+ }
94
+
95
+ .leading-none-strikethrough-sm {
96
+ font-size: 0.875rem;
97
+ line-height: 0.875rem;
98
+ letter-spacing: -0.025rem;
99
+ text-decoration: line-through;
100
+ }
package/dist/css/config/typography/typography.css ADDED
@@ -0,0 +1,8 @@
1
+ @import './xs.css';
2
+ @import './sm.css';
3
+ @import './base.css';
4
+ @import './lg.css';
5
+ @import './xl.css';
6
+ @import './2xl.css';
7
+ @import './3xl.css';
8
+ @import './4xl.css';
package/dist/css/config/typography/xl.css ADDED
@@ -0,0 +1,100 @@
1
+ /* ========== XL ========== */
2
+ /* ========== LINE HEIGHT: NORMAL ========== */
3
+ .leading-normal-regular-xl {
4
+ font-size: 1.25rem;
5
+ line-height: 1.75rem;
6
+ letter-spacing: -0.05rem;
7
+ font-weight: 400;
8
+ }
9
+
10
+ .leading-normal-medium-xl {
11
+ font-size: 1.25rem;
12
+ line-height: 1.75rem;
13
+ letter-spacing: -0.05rem;
14
+ font-weight: 500;
15
+ }
16
+
17
+ .leading-normal-semibold-xl {
18
+ font-size: 1.25rem;
19
+ line-height: 1.75rem;
20
+ letter-spacing: -0.05rem;
21
+ font-weight: 600;
22
+ }
23
+
24
+ .leading-normal-bold-xl {
25
+ font-size: 1.25rem;
26
+ line-height: 1.75rem;
27
+ letter-spacing: -0.05rem;
28
+ font-weight: 700;
29
+ }
30
+
31
+ .leading-normal-italic-xl {
32
+ font-size: 1.25rem;
33
+ line-height: 1.75rem;
34
+ letter-spacing: -0.05rem;
35
+ font-style: italic;
36
+ }
37
+
38
+ .leading-normal-underlined-xl {
39
+ font-size: 1.25rem;
40
+ line-height: 1.75rem;
41
+ letter-spacing: -0.05rem;
42
+ text-decoration: underline;
43
+ }
44
+
45
+ .leading-normal-strikethrough-xl {
46
+ font-size: 1.25rem;
47
+ line-height: 1.75rem;
48
+ letter-spacing: -0.05rem;
49
+ text-decoration: line-through;
50
+ }
51
+
52
+ /* ========== LINE HEIGHT: NONE ========== */
53
+ .leading-none-regular-xl {
54
+ font-size: 1.25rem;
55
+ line-height: 1.25rem;
56
+ letter-spacing: -0.05rem;
57
+ font-weight: 400;
58
+ }
59
+
60
+ .leading-none-medium-xl {
61
+ font-size: 1.25rem;
62
+ line-height: 1.25rem;
63
+ letter-spacing: -0.05rem;
64
+ font-weight: 500;
65
+ }
66
+
67
+ .leading-none-semibold-xl {
68
+ font-size: 1.25rem;
69
+ line-height: 1.25rem;
70
+ letter-spacing: -0.05rem;
71
+ font-weight: 600;
72
+ }
73
+
74
+ .leading-none-bold-xl {
75
+ font-size: 1.25rem;
76
+ line-height: 1.25rem;
77
+ letter-spacing: -0.05rem;
78
+ font-weight: 700;
79
+ }
80
+
81
+ .leading-none-italic-xl {
82
+ font-size: 1.25rem;
83
+ line-height: 1.25rem;
84
+ letter-spacing: -0.05rem;
85
+ font-style: italic;
86
+ }
87
+
88
+ .leading-none-underlined-xl {
89
+ font-size: 1.25rem;
90
+ line-height: 1.25rem;
91
+ letter-spacing: -0.05rem;
92
+ text-decoration: underline;
93
+ }
94
+
95
+ .leading-none-strikethrough-xl {
96
+ font-size: 1.25rem;
97
+ line-height: 1.25rem;
98
+ letter-spacing: -0.05rem;
99
+ text-decoration: line-through;
100
+ }