@total_onion/onion-library 2.0.17 → 2.0.18
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.
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
@mixin h-xl-size {
|
|
6
6
|
font-size: clamp(
|
|
7
7
|
var(--h-xl-font-size-min-desktop, 10px),
|
|
8
|
-
core-functions-v3.fontSize(var(--h-xl-desktop,
|
|
8
|
+
core-functions-v3.fontSize(var(--h-xl-desktop, 280)),
|
|
9
9
|
var(--h-xl-font-size-max-desktop, 180px)
|
|
10
10
|
);
|
|
11
11
|
line-height: var(--h-xl-line-height);
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
@mixin h-l-size {
|
|
49
49
|
font-size: clamp(
|
|
50
50
|
var(--h-l-font-size-min-desktop, 10px),
|
|
51
|
-
core-functions-v3.fontSize(var(--h-l-desktop,
|
|
51
|
+
core-functions-v3.fontSize(var(--h-l-desktop, 220)),
|
|
52
52
|
var(--h-l-font-size-max-desktop, 180px)
|
|
53
53
|
);
|
|
54
54
|
letter-spacing: var(--h-l-letter-spacing);
|
|
@@ -330,10 +330,77 @@
|
|
|
330
330
|
@include h-xxxs-size();
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
|
+
|
|
334
|
+
@mixin sh-xxxl-size {
|
|
335
|
+
font-size: clamp(
|
|
336
|
+
var(--sh-xxxl-font-size-min-desktop, 10px),
|
|
337
|
+
core-functions-v3.fontSize(var(--sh-xxxl-desktop, 70)),
|
|
338
|
+
var(--sh-xxxl-font-size-max-desktop, 180px)
|
|
339
|
+
);
|
|
340
|
+
letter-spacing: var(--sh-xxxl-letter-spacing);
|
|
341
|
+
line-height: var(--sh-xxxl-line-height);
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
@mixin sh-xxxl {
|
|
345
|
+
letter-spacing: var(--sh-xxxl-letter-spacing);
|
|
346
|
+
line-height: var(--sh-xxxl-line-height);
|
|
347
|
+
font-family: var(--sh-xxxl-font-family);
|
|
348
|
+
--default-font-weight: var(--sh-xxxl-default-font-weight);
|
|
349
|
+
font-weight: var(--default-font-weight);
|
|
350
|
+
|
|
351
|
+
strong,
|
|
352
|
+
b {
|
|
353
|
+
font-weight: var(--sh-xxxl-bold-font-weight);
|
|
354
|
+
}
|
|
355
|
+
|
|
356
|
+
font-size: clamp(
|
|
357
|
+
var(--sh-xxxl-font-size-min-mobile, 10px),
|
|
358
|
+
core-functions-v3.fontSize(var(--sh-xxxl-mobile, 60)),
|
|
359
|
+
var(--sh-xxxl-font-size-max-mobile, 180px)
|
|
360
|
+
);
|
|
361
|
+
|
|
362
|
+
@include core-mixins-v3.device(breakpoints.$desktop) {
|
|
363
|
+
@include sh-xxxl-size();
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
@mixin sh-xxl-size {
|
|
368
|
+
font-size: clamp(
|
|
369
|
+
var(--sh-xxl-font-size-min-desktop, 10px),
|
|
370
|
+
core-functions-v3.fontSize(var(--sh-xxl-desktop, 52)),
|
|
371
|
+
var(--sh-xxl-font-size-max-desktop, 180px)
|
|
372
|
+
);
|
|
373
|
+
letter-spacing: var(--sh-xxl-letter-spacing);
|
|
374
|
+
line-height: var(--sh-xxl-line-height);
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
@mixin sh-xxl {
|
|
378
|
+
letter-spacing: var(--sh-xxl-letter-spacing);
|
|
379
|
+
line-height: var(--sh-xxl-line-height);
|
|
380
|
+
font-family: var(--sh-xxl-font-family);
|
|
381
|
+
--default-font-weight: var(--sh-xxl-default-font-weight);
|
|
382
|
+
font-weight: var(--default-font-weight);
|
|
383
|
+
|
|
384
|
+
strong,
|
|
385
|
+
b {
|
|
386
|
+
font-weight: var(--sh-xxl-bold-font-weight);
|
|
387
|
+
}
|
|
388
|
+
|
|
389
|
+
font-size: clamp(
|
|
390
|
+
var(--sh-xxl-font-size-min-mobile, 10px),
|
|
391
|
+
core-functions-v3.fontSize(var(--sh-xxl-mobile, 40)),
|
|
392
|
+
var(--sh-xxl-font-size-max-mobile, 180px)
|
|
393
|
+
);
|
|
394
|
+
|
|
395
|
+
@include core-mixins-v3.device(breakpoints.$desktop) {
|
|
396
|
+
@include sh-xxl-size();
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
|
|
333
400
|
@mixin sh-xl-size {
|
|
334
401
|
font-size: clamp(
|
|
335
402
|
var(--sh-xl-font-size-min-desktop, 10px),
|
|
336
|
-
core-functions-v3.fontSize(var(--sh-xl-desktop,
|
|
403
|
+
core-functions-v3.fontSize(var(--sh-xl-desktop, 52)),
|
|
337
404
|
var(--sh-xl-font-size-max-desktop, 180px)
|
|
338
405
|
);
|
|
339
406
|
letter-spacing: var(--sh-xl-letter-spacing);
|
|
@@ -477,8 +544,8 @@
|
|
|
477
544
|
core-functions-v3.fontSize(var(--sh-s-desktop, 24)),
|
|
478
545
|
var(--sh-s-font-size-max-desktop, 180px)
|
|
479
546
|
);
|
|
480
|
-
letter-spacing: var(--sh-s
|
|
481
|
-
line-height: var(--sh-s
|
|
547
|
+
letter-spacing: var(--sh-s-letter-spacing);
|
|
548
|
+
line-height: var(--sh-s-line-height);
|
|
482
549
|
}
|
|
483
550
|
@mixin sh-s {
|
|
484
551
|
letter-spacing: var(--sh-s-letter-spacing);
|
|
@@ -178,6 +178,12 @@
|
|
|
178
178
|
}
|
|
179
179
|
}
|
|
180
180
|
}
|
|
181
|
+
.sh-xxxl-sizing {
|
|
182
|
+
@include core-typography-mixins-v3.sh-xxxl();
|
|
183
|
+
}
|
|
184
|
+
.sh-xxl-sizing {
|
|
185
|
+
@include core-typography-mixins-v3.sh-xxl();
|
|
186
|
+
}
|
|
181
187
|
.sh1-sizing,
|
|
182
188
|
.sh-xl-sizing {
|
|
183
189
|
@include core-typography-mixins-v3.sh-xl();
|