@morozeckiy/dd-lib 0.9.8 → 0.9.10

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 (23) hide show
  1. package/assets/images/svg/award.svg +5 -5
  2. package/assets/images/svg/bell-cog.svg +11 -11
  3. package/assets/images/svg/btn-ok.svg +3 -3
  4. package/assets/images/svg/btn-tg.svg +3 -3
  5. package/assets/images/svg/btn-vk.svg +3 -3
  6. package/assets/images/svg/home.svg +5 -5
  7. package/assets/images/svg/minus.svg +10 -10
  8. package/assets/images/svg/news.svg +6 -6
  9. package/assets/images/svg/plus.svg +4 -4
  10. package/assets/images/svg/star.svg +3 -3
  11. package/assets/images/svg/trophy.svg +8 -8
  12. package/assets/scss/common.scss +402 -402
  13. package/assets/scss/reset.scss +156 -156
  14. package/assets/scss/theme.scss +72 -72
  15. package/assets/scss/titles.scss +302 -301
  16. package/assets/scss/vars-dark.scss +140 -140
  17. package/fesm2022/morozeckiy-dd-lib.mjs +164 -65
  18. package/fesm2022/morozeckiy-dd-lib.mjs.map +1 -1
  19. package/morozeckiy-dd-lib-0.9.10.tgz +0 -0
  20. package/package.json +1 -1
  21. package/types/morozeckiy-dd-lib.d.ts +9 -1
  22. package/morozeckiy-dd-lib-0.9.7.tgz +0 -0
  23. package/morozeckiy-dd-lib-0.9.8.tgz +0 -0
package/assets/scss/titles.scss CHANGED
@@ -1,301 +1,302 @@
1
- @use 'mixins' as *;
2
- @use 'vars' as *;
3
-
4
- .g-h1-title {
5
- font-weight: 700;
6
- font-size: 40px;
7
- line-height: 60px;
8
- color: var(--light-black-color);
9
-
10
- @include below($mobile) {
11
- font-size: 24px;
12
- line-height: 32px;
13
- }
14
- }
15
-
16
- .g-h2-title {
17
- font-weight: 700;
18
- font-size: 32px;
19
- line-height: 48px;
20
- color: var(--light-black-color);
21
-
22
- @include below($mobile) {
23
- font-weight: 500;
24
- font-size: 20px;
25
- line-height: 28px;
26
- }
27
- }
28
-
29
- .g-h3-title {
30
- font-weight: 700;
31
- font-size: 24px;
32
- line-height: 32px;
33
- color: var(--light-black-color);
34
-
35
- @include below($mobile) {
36
- font-weight: 500;
37
- font-size: 18px;
38
- line-height: 28px;
39
- }
40
- }
41
-
42
- .g-h4-title {
43
- font-weight: 500;
44
- font-size: 20px;
45
- line-height: 28px;
46
- color: var(--light-black-color);
47
-
48
- @include below($mobile) {
49
- font-size: 18px;
50
- }
51
- }
52
-
53
- .g-h5-title {
54
- font-weight: 500;
55
- font-size: 18px;
56
- line-height: 28px;
57
- color: var(--light-black-color);
58
- }
59
-
60
- .g-text,
61
- .g-text-sm {
62
- font-weight: 400;
63
- font-size: 16px;
64
- line-height: 24px;
65
- letter-spacing: 0;
66
- cursor: default;
67
- color: var(--font-light-black-color);
68
- }
69
-
70
- .g-text-sm {
71
- font-size: 14px;
72
- }
73
-
74
- .h1-title {
75
- font-size: 40px;
76
- font-weight: 700;
77
- line-height: 60px;
78
- cursor: default;
79
- color: var(--light-black-color);
80
- }
81
-
82
- .h2-title {
83
- font-size: 32px;
84
- font-weight: 700;
85
- line-height: 48px;
86
- letter-spacing: 0;
87
- cursor: default;
88
- color: var(--light-black-color);
89
- }
90
-
91
- .h3-title {
92
- font-size: 24px;
93
- font-weight: 700;
94
- line-height: 32px;
95
- letter-spacing: 0;
96
- cursor: default;
97
- color: var(--light-black-color);
98
- }
99
-
100
- .h4-title {
101
- font-size: 20px;
102
- font-weight: 500;
103
- line-height: 28px;
104
- cursor: default;
105
- color: var(--light-black-color);
106
- }
107
-
108
- .h5-title {
109
- font-size: 18px;
110
- font-weight: 500;
111
- line-height: 28px;
112
- cursor: default;
113
- color: var(--light-black-color);
114
- }
115
-
116
- .h5-title-medium {
117
- font-size: 18px;
118
- font-weight: 500;
119
- line-height: 28px;
120
- cursor: default;
121
- color: var(--light-black-color);
122
- }
123
-
124
- .h4-title-light {
125
- font-size: 20px;
126
- font-weight: 500;
127
- line-height: 28px;
128
- letter-spacing: 0;
129
- cursor: default;
130
- color: var(--light-black-color);
131
- }
132
-
133
- .h6-title {
134
- font-size: 24px;
135
- font-weight: 400;
136
- line-height: 32px;
137
- letter-spacing: 0;
138
- text-align: left;
139
-
140
- cursor: default;
141
- color: var(--light-black-color);
142
- }
143
-
144
- .b1-title {
145
- font-weight: 400;
146
- font-size: 18px;
147
- line-height: 28px;
148
- cursor: default;
149
- color: var(--font-light-black-color);
150
- }
151
-
152
- .b2-title {
153
- font-size: 16px;
154
- font-weight: 500;
155
- line-height: 24px;
156
- letter-spacing: 0;
157
- cursor: default;
158
- color: var(--font-light-black-color);
159
- }
160
-
161
- .b3-title {
162
- font-size: 16px;
163
- font-weight: 400;
164
- line-height: 24px;
165
- letter-spacing: 0;
166
- cursor: default;
167
- color: var(--font-light-black-color);
168
- }
169
-
170
- .b4-title {
171
- font-size: 14px;
172
- font-weight: 700;
173
- line-height: 24px;
174
- text-align: left;
175
- cursor: default;
176
- color: var(--font-light-black-color);
177
- }
178
-
179
- .b5-title {
180
- font-weight: 500;
181
- font-size: 14px;
182
- line-height: 24px;
183
- letter-spacing: 0;
184
- color: var(--font-light-black-color);
185
- }
186
-
187
- .b6-title {
188
- font-size: 14px;
189
- font-weight: 400;
190
- line-height: 24px;
191
- letter-spacing: 0;
192
- cursor: default;
193
-
194
- color: var(--font-light-black-color);
195
- }
196
-
197
- .c2-title {
198
- font-size: 12px;
199
- font-weight: 400;
200
- cursor: default;
201
- line-height: 18px;
202
- color: var(--font-light-black-color);
203
- }
204
-
205
- .text-plain {
206
- font-size: 16px;
207
- font-weight: 400;
208
- cursor: default;
209
- line-height: 24px;
210
- color: var(--font-light-black-color);
211
- }
212
-
213
- .small {
214
- font-size: 14px;
215
- font-weight: 400;
216
- line-height: 24px;
217
- letter-spacing: 0;
218
- color: var(--font-light-black-color);
219
- }
220
-
221
- .font-regular {
222
- font-weight: 400;
223
- }
224
-
225
- .font-medium {
226
- font-weight: 500;
227
- }
228
-
229
- .font-bold {
230
- font-weight: 700;
231
- }
232
-
233
- .uppercase {
234
- text-transform: uppercase;
235
- }
236
-
237
- .no-wrap-text {
238
- white-space: nowrap;
239
- }
240
-
241
- .ellipsis-text {
242
- display: -webkit-box;
243
- -webkit-line-clamp: 1;
244
- -webkit-box-orient: vertical;
245
- overflow: hidden;
246
-
247
- &.line-2 {
248
- -webkit-line-clamp: 2;
249
- }
250
-
251
- &.line-3 {
252
- -webkit-line-clamp: 3;
253
- }
254
- }
255
-
256
- .text-center {
257
- display: block;
258
- text-align: center;
259
- }
260
-
261
- .gray {
262
- color: var(--second-gray-color);
263
- }
264
-
265
- .dark {
266
- color: var(--dark-color);
267
- }
268
-
269
- .black {
270
- color: var(--light-black-color);
271
- }
272
-
273
- .light-black {
274
- color: var(--font-light-black-color);
275
- }
276
-
277
- .green {
278
- color: var(--primary-green-color);
279
- }
280
-
281
- .red {
282
- color: var(--red-error-color);
283
- }
284
-
285
- .blue {
286
- color: var(--blue-color);
287
- }
288
-
289
- .green-hover {
290
- &:hover {
291
- color: var(--primary-green-color);
292
- }
293
- }
294
-
295
- .underline-link {
296
- text-decoration: underline;
297
-
298
- &:hover {
299
- text-decoration: none;
300
- }
301
- }
1
+ @use 'mixins' as *;
2
+ @use 'vars' as *;
3
+
4
+ .g-h1-title {
5
+ font-weight: 700;
6
+ font-size: 40px;
7
+ line-height: 60px;
8
+ color: var(--light-black-color);
9
+
10
+ @include below($mobile) {
11
+ font-size: 24px;
12
+ line-height: 32px;
13
+ }
14
+ }
15
+
16
+ .g-h2-title {
17
+ font-weight: 700;
18
+ font-size: 32px;
19
+ line-height: 48px;
20
+ color: var(--light-black-color);
21
+
22
+ @include below($mobile) {
23
+ font-weight: 500;
24
+ font-size: 20px;
25
+ line-height: 28px;
26
+ }
27
+ }
28
+
29
+ .g-h3-title {
30
+ font-weight: 700;
31
+ font-size: 24px;
32
+ line-height: 32px;
33
+ color: var(--light-black-color);
34
+
35
+ @include below($mobile) {
36
+ font-weight: 500;
37
+ font-size: 18px;
38
+ line-height: 28px;
39
+ }
40
+ }
41
+
42
+ .g-h4-title {
43
+ font-weight: 500;
44
+ font-size: 20px;
45
+ line-height: 28px;
46
+ color: var(--light-black-color);
47
+
48
+ @include below($mobile) {
49
+ font-size: 18px;
50
+ }
51
+ }
52
+
53
+ .g-h5-title {
54
+ font-weight: 500;
55
+ font-size: 18px;
56
+ line-height: 28px;
57
+ color: var(--light-black-color);
58
+ }
59
+
60
+ .g-text,
61
+ .g-text-sm {
62
+ font-weight: 400;
63
+ font-size: 16px;
64
+ line-height: 24px;
65
+ letter-spacing: 0;
66
+ cursor: default;
67
+ color: var(--font-light-black-color);
68
+ }
69
+
70
+ .g-text-sm {
71
+ font-size: 14px;
72
+ line-height: 20px;
73
+ }
74
+
75
+ .h1-title {
76
+ font-size: 40px;
77
+ font-weight: 700;
78
+ line-height: 60px;
79
+ cursor: default;
80
+ color: var(--light-black-color);
81
+ }
82
+
83
+ .h2-title {
84
+ font-size: 32px;
85
+ font-weight: 700;
86
+ line-height: 48px;
87
+ letter-spacing: 0;
88
+ cursor: default;
89
+ color: var(--light-black-color);
90
+ }
91
+
92
+ .h3-title {
93
+ font-size: 24px;
94
+ font-weight: 700;
95
+ line-height: 32px;
96
+ letter-spacing: 0;
97
+ cursor: default;
98
+ color: var(--light-black-color);
99
+ }
100
+
101
+ .h4-title {
102
+ font-size: 20px;
103
+ font-weight: 500;
104
+ line-height: 28px;
105
+ cursor: default;
106
+ color: var(--light-black-color);
107
+ }
108
+
109
+ .h5-title {
110
+ font-size: 18px;
111
+ font-weight: 500;
112
+ line-height: 28px;
113
+ cursor: default;
114
+ color: var(--light-black-color);
115
+ }
116
+
117
+ .h5-title-medium {
118
+ font-size: 18px;
119
+ font-weight: 500;
120
+ line-height: 28px;
121
+ cursor: default;
122
+ color: var(--light-black-color);
123
+ }
124
+
125
+ .h4-title-light {
126
+ font-size: 20px;
127
+ font-weight: 500;
128
+ line-height: 28px;
129
+ letter-spacing: 0;
130
+ cursor: default;
131
+ color: var(--light-black-color);
132
+ }
133
+
134
+ .h6-title {
135
+ font-size: 24px;
136
+ font-weight: 400;
137
+ line-height: 32px;
138
+ letter-spacing: 0;
139
+ text-align: left;
140
+
141
+ cursor: default;
142
+ color: var(--light-black-color);
143
+ }
144
+
145
+ .b1-title {
146
+ font-weight: 400;
147
+ font-size: 18px;
148
+ line-height: 28px;
149
+ cursor: default;
150
+ color: var(--font-light-black-color);
151
+ }
152
+
153
+ .b2-title {
154
+ font-size: 16px;
155
+ font-weight: 500;
156
+ line-height: 24px;
157
+ letter-spacing: 0;
158
+ cursor: default;
159
+ color: var(--font-light-black-color);
160
+ }
161
+
162
+ .b3-title {
163
+ font-size: 16px;
164
+ font-weight: 400;
165
+ line-height: 24px;
166
+ letter-spacing: 0;
167
+ cursor: default;
168
+ color: var(--font-light-black-color);
169
+ }
170
+
171
+ .b4-title {
172
+ font-size: 14px;
173
+ font-weight: 700;
174
+ line-height: 24px;
175
+ text-align: left;
176
+ cursor: default;
177
+ color: var(--font-light-black-color);
178
+ }
179
+
180
+ .b5-title {
181
+ font-weight: 500;
182
+ font-size: 14px;
183
+ line-height: 24px;
184
+ letter-spacing: 0;
185
+ color: var(--font-light-black-color);
186
+ }
187
+
188
+ .b6-title {
189
+ font-size: 14px;
190
+ font-weight: 400;
191
+ line-height: 24px;
192
+ letter-spacing: 0;
193
+ cursor: default;
194
+
195
+ color: var(--font-light-black-color);
196
+ }
197
+
198
+ .c2-title {
199
+ font-size: 12px;
200
+ font-weight: 400;
201
+ cursor: default;
202
+ line-height: 18px;
203
+ color: var(--font-light-black-color);
204
+ }
205
+
206
+ .text-plain {
207
+ font-size: 16px;
208
+ font-weight: 400;
209
+ cursor: default;
210
+ line-height: 24px;
211
+ color: var(--font-light-black-color);
212
+ }
213
+
214
+ .small {
215
+ font-size: 14px;
216
+ font-weight: 400;
217
+ line-height: 24px;
218
+ letter-spacing: 0;
219
+ color: var(--font-light-black-color);
220
+ }
221
+
222
+ .font-regular {
223
+ font-weight: 400;
224
+ }
225
+
226
+ .font-medium {
227
+ font-weight: 500;
228
+ }
229
+
230
+ .font-bold {
231
+ font-weight: 700;
232
+ }
233
+
234
+ .uppercase {
235
+ text-transform: uppercase;
236
+ }
237
+
238
+ .no-wrap-text {
239
+ white-space: nowrap;
240
+ }
241
+
242
+ .ellipsis-text {
243
+ display: -webkit-box;
244
+ -webkit-line-clamp: 1;
245
+ -webkit-box-orient: vertical;
246
+ overflow: hidden;
247
+
248
+ &.line-2 {
249
+ -webkit-line-clamp: 2;
250
+ }
251
+
252
+ &.line-3 {
253
+ -webkit-line-clamp: 3;
254
+ }
255
+ }
256
+
257
+ .text-center {
258
+ display: block;
259
+ text-align: center;
260
+ }
261
+
262
+ .gray {
263
+ color: var(--second-gray-color);
264
+ }
265
+
266
+ .dark {
267
+ color: var(--dark-color);
268
+ }
269
+
270
+ .black {
271
+ color: var(--light-black-color);
272
+ }
273
+
274
+ .light-black {
275
+ color: var(--font-light-black-color);
276
+ }
277
+
278
+ .green {
279
+ color: var(--primary-green-color);
280
+ }
281
+
282
+ .red {
283
+ color: var(--red-error-color);
284
+ }
285
+
286
+ .blue {
287
+ color: var(--blue-color);
288
+ }
289
+
290
+ .green-hover {
291
+ &:hover {
292
+ color: var(--primary-green-color);
293
+ }
294
+ }
295
+
296
+ .underline-link {
297
+ text-decoration: underline;
298
+
299
+ &:hover {
300
+ text-decoration: none;
301
+ }
302
+ }