@clayui/css 3.45.0 → 3.46.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 (31) hide show
  1. package/README.md +23 -69
  2. package/lib/css/atlas.css +88 -13
  3. package/lib/css/atlas.css.map +1 -1
  4. package/lib/css/base.css +78 -13
  5. package/lib/css/base.css.map +1 -1
  6. package/lib/css/cadmin.css +59 -12
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/export.svg +11 -0
  9. package/lib/images/icons/icons.svg +1 -1
  10. package/package.json +2 -2
  11. package/src/images/icons/export.svg +11 -0
  12. package/src/scss/_variables.scss +1 -0
  13. package/src/scss/atlas/variables/_buttons.scss +3 -0
  14. package/src/scss/atlas/variables/_globals.scss +42 -13
  15. package/src/scss/cadmin/_variables.scss +1 -0
  16. package/src/scss/cadmin/components/_aspect-ratio.scss +25 -38
  17. package/src/scss/cadmin/components/_type.scss +27 -42
  18. package/src/scss/cadmin/components/_utilities-functional-important.scss +35 -15
  19. package/src/scss/cadmin/variables/_aspect-ratio.scss +26 -0
  20. package/src/scss/cadmin/variables/_globals.scss +173 -11
  21. package/src/scss/cadmin/variables/_utilities.scss +42 -0
  22. package/src/scss/components/_aspect-ratio.scss +25 -38
  23. package/src/scss/components/_type.scss +27 -41
  24. package/src/scss/components/_utilities-functional-important.scss +35 -15
  25. package/src/scss/functions/_lx-icons-generated.scss +2 -0
  26. package/src/scss/mixins/_buttons.scss +4 -0
  27. package/src/scss/mixins/_grid.scss +29 -0
  28. package/src/scss/variables/_aspect-ratio.scss +26 -0
  29. package/src/scss/variables/_buttons.scss +6 -0
  30. package/src/scss/variables/_globals.scss +172 -11
  31. package/src/scss/variables/_utilities.scss +42 -0
package/src/scss/variables/_globals.scss CHANGED
@@ -368,26 +368,134 @@ $font-weight-base: $font-weight-normal !default;
368
368
 
369
369
  $line-height-base: 1.5 !default;
370
370
 
371
- $h1-font-size: $font-size-base * 2.5 !default;
372
- $h2-font-size: $font-size-base * 2 !default;
373
- $h3-font-size: $font-size-base * 1.75 !default;
374
- $h4-font-size: $font-size-base * 1.5 !default;
375
- $h5-font-size: $font-size-base * 1.25 !default;
376
- $h6-font-size: $font-size-base !default;
371
+ // h1, .h1
377
372
 
373
+ $h1-font-size: $font-size-base * 2.5 !default;
378
374
  $h1-font-size-mobile: null !default;
375
+
376
+ $h1: () !default;
377
+ $h1: map-deep-merge(
378
+ (
379
+ font-size: $h1-font-size,
380
+ media-breakpoint-down: (
381
+ sm: (
382
+ font-size: $h1-font-size-mobile,
383
+ ),
384
+ ),
385
+ ),
386
+ $h1
387
+ );
388
+
389
+ // h2, .h2
390
+
391
+ $h2-font-size: $font-size-base * 2 !default;
379
392
  $h2-font-size-mobile: null !default;
393
+
394
+ $h2: () !default;
395
+ $h2: map-deep-merge(
396
+ (
397
+ font-size: $h2-font-size,
398
+ media-breakpoint-down: (
399
+ sm: (
400
+ font-size: $h2-font-size-mobile,
401
+ ),
402
+ ),
403
+ ),
404
+ $h2
405
+ );
406
+
407
+ // h3, .h3
408
+
409
+ $h3-font-size: $font-size-base * 1.75 !default;
380
410
  $h3-font-size-mobile: null !default;
411
+
412
+ $h3: () !default;
413
+ $h3: map-deep-merge(
414
+ (
415
+ font-size: $h3-font-size,
416
+ media-breakpoint-down: (
417
+ sm: (
418
+ font-size: $h3-font-size-mobile,
419
+ ),
420
+ ),
421
+ ),
422
+ $h3
423
+ );
424
+
425
+ // h4, .h4
426
+
427
+ $h4-font-size: $font-size-base * 1.5 !default;
381
428
  $h4-font-size-mobile: null !default;
429
+
430
+ $h4: () !default;
431
+ $h4: map-deep-merge(
432
+ (
433
+ font-size: $h4-font-size,
434
+ media-breakpoint-down: (
435
+ sm: (
436
+ font-size: $h4-font-size-mobile,
437
+ ),
438
+ ),
439
+ ),
440
+ $h4
441
+ );
442
+
443
+ // h5, .h5
444
+
445
+ $h5-font-size: $font-size-base * 1.25 !default;
382
446
  $h5-font-size-mobile: null !default;
447
+
448
+ $h5: () !default;
449
+ $h5: map-deep-merge(
450
+ (
451
+ font-size: $h5-font-size,
452
+ media-breakpoint-down: (
453
+ sm: (
454
+ font-size: $h5-font-size-mobile,
455
+ ),
456
+ ),
457
+ ),
458
+ $h5
459
+ );
460
+
461
+ // h6, .h6
462
+
463
+ $h6-font-size: $font-size-base !default;
383
464
  $h6-font-size-mobile: null !default;
384
465
 
466
+ $h6: () !default;
467
+ $h6: map-deep-merge(
468
+ (
469
+ font-size: $h6-font-size,
470
+ media-breakpoint-down: (
471
+ sm: (
472
+ font-size: $h6-font-size-mobile,
473
+ ),
474
+ ),
475
+ ),
476
+ $h6
477
+ );
478
+
479
+ // Headings h1-h6
480
+
385
481
  $headings-margin-bottom: $spacer * 0.5 !default;
386
482
  $headings-font-family: null !default;
387
483
  $headings-font-weight: 500 !default;
388
484
  $headings-line-height: 1.2 !default;
389
485
  $headings-color: null !default;
390
486
 
487
+ $headings: () !default;
488
+ $headings: map-deep-merge(
489
+ (
490
+ color: $headings-color,
491
+ font-family: $headings-font-family,
492
+ font-weight: $headings-font-weight,
493
+ line-height: $headings-line-height,
494
+ margin-bottom: $headings-margin-bottom,
495
+ ),
496
+ $headings
497
+ );
498
+
391
499
  // Body
392
500
 
393
501
  $body-bg: $white !default;
@@ -454,16 +562,69 @@ $emphasized-link-hover-darken-percentage: 15% !default;
454
562
 
455
563
  $paragraph-margin-bottom: 1rem !default;
456
564
 
457
- $display1-size: 6rem !default;
458
- $display2-size: 5.5rem !default;
459
- $display3-size: 4.5rem !default;
460
- $display4-size: 3.5rem !default;
565
+ // Display
566
+
567
+ $display-line-height: $headings-line-height !default;
568
+
569
+ // .display-1
461
570
 
571
+ $display1-size: 6rem !default;
462
572
  $display1-weight: 300 !default;
573
+
574
+ $display-1: () !default;
575
+ $display-1: map-deep-merge(
576
+ (
577
+ font-size: $display1-size,
578
+ font-weight: $display1-weight,
579
+ line-height: $display-line-height,
580
+ ),
581
+ $display-1
582
+ );
583
+
584
+ // .display-2
585
+
586
+ $display2-size: 5.5rem !default;
463
587
  $display2-weight: 300 !default;
588
+
589
+ $display-2: () !default;
590
+ $display-2: map-deep-merge(
591
+ (
592
+ font-size: $display2-size,
593
+ font-weight: $display2-weight,
594
+ line-height: $display-line-height,
595
+ ),
596
+ $display-2
597
+ );
598
+
599
+ // .display-3
600
+
601
+ $display3-size: 4.5rem !default;
464
602
  $display3-weight: 300 !default;
603
+
604
+ $display-3: () !default;
605
+ $display-3: map-deep-merge(
606
+ (
607
+ font-size: $display3-size,
608
+ font-weight: $display3-weight,
609
+ line-height: $display-line-height,
610
+ ),
611
+ $display-3
612
+ );
613
+
614
+ // .display-4
615
+
616
+ $display4-size: 3.5rem !default;
465
617
  $display4-weight: 300 !default;
466
- $display-line-height: $headings-line-height !default;
618
+
619
+ $display-4: () !default;
620
+ $display-4: map-deep-merge(
621
+ (
622
+ font-size: $display4-size,
623
+ font-weight: $display4-weight,
624
+ line-height: $display-line-height,
625
+ ),
626
+ $display-4
627
+ );
467
628
 
468
629
  $lead-font-size: $font-size-base * 1.25 !default;
469
630
  $lead-font-weight: 300 !default;
package/src/scss/variables/_utilities.scss CHANGED
@@ -305,6 +305,48 @@ $overflows: auto, hidden !default;
305
305
 
306
306
  $positions: static, relative, absolute, fixed, sticky !default;
307
307
 
308
+ // Font Sizes
309
+
310
+ $font-sizes: () !default;
311
+ $font-sizes: map-deep-merge(
312
+ (
313
+ text-1: (
314
+ font-size: 0.625rem,
315
+ ),
316
+ text-2: (
317
+ font-size: 0.75rem,
318
+ ),
319
+ text-3: (
320
+ font-size: 0.875rem,
321
+ ),
322
+ text-4: (
323
+ font-size: 1rem,
324
+ ),
325
+ text-5: (
326
+ font-size: 1.125rem,
327
+ ),
328
+ text-6: (
329
+ font-size: 1.25rem,
330
+ ),
331
+ text-7: (
332
+ font-size: 1.5rem,
333
+ ),
334
+ text-8: (
335
+ font-size: 1.75rem,
336
+ ),
337
+ text-9: (
338
+ font-size: 2rem,
339
+ ),
340
+ text-10: (
341
+ font-size: 2.25rem,
342
+ ),
343
+ text-11: (
344
+ font-size: 2.5rem,
345
+ ),
346
+ ),
347
+ $font-sizes
348
+ );
349
+
308
350
  // Text
309
351
 
310
352
  $text-theme-colors: () !default;