@clayui/css 3.126.0 → 3.128.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 (37) hide show
  1. package/lib/css/atlas.css +224 -58
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +176 -74
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css +0 -0
  6. package/lib/css/bootstrap.css.map +1 -1
  7. package/lib/css/cadmin.css +423 -272
  8. package/lib/css/cadmin.css.map +1 -1
  9. package/lib/images/icons/icons.svg +1 -1
  10. package/package.json +2 -2
  11. package/src/scss/_license-text.scss +1 -1
  12. package/src/scss/atlas/variables/_globals.scss +8 -0
  13. package/src/scss/cadmin/components/_grid.scss +3 -1
  14. package/src/scss/cadmin/components/_multi-step-nav.scss +4 -2
  15. package/src/scss/cadmin/variables/_dropdowns.scss +18 -6
  16. package/src/scss/cadmin/variables/_globals.scss +4 -0
  17. package/src/scss/cadmin/variables/_multi-step-nav.scss +2 -2
  18. package/src/scss/components/_grid.scss +3 -1
  19. package/src/scss/components/_multi-step-nav.scss +4 -2
  20. package/src/scss/functions/_global-functions.scss +8 -2
  21. package/src/scss/mixins/_alerts.scss +104 -48
  22. package/src/scss/mixins/_badges.scss +75 -33
  23. package/src/scss/mixins/_buttons.scss +503 -250
  24. package/src/scss/mixins/_cards.scss +619 -302
  25. package/src/scss/mixins/_close.scss +42 -49
  26. package/src/scss/mixins/_custom-forms.scss +864 -606
  27. package/src/scss/mixins/_dropdown-menu.scss +476 -239
  28. package/src/scss/mixins/_forms.scss +4 -79
  29. package/src/scss/mixins/_links.scss +565 -308
  30. package/src/scss/mixins/_modals.scss +1 -26
  31. package/src/scss/mixins/_popovers.scss +1 -26
  32. package/src/scss/mixins/_sidebar.scss +3 -28
  33. package/src/scss/mixins/_slideout.scss +1 -26
  34. package/src/scss/mixins/_toggle-switch.scss +6 -31
  35. package/src/scss/variables/_dropdowns.scss +18 -6
  36. package/src/scss/variables/_globals.scss +8 -0
  37. package/src/scss/variables/_multi-step-nav.scss +2 -2
package/src/scss/mixins/_close.scss CHANGED
@@ -67,31 +67,6 @@
67
67
  @if (type-of($map) == 'map') {
68
68
  $enabled: setter(map-get($map, enabled), true);
69
69
 
70
- $_enable-focus-visible: if(
71
- variable-exists(enable-focus-visible),
72
- $enable-focus-visible,
73
- if(
74
- variable-exists(cadmin-enable-focus-visible),
75
- $cadmin-enable-focus-visible,
76
- true
77
- )
78
- );
79
-
80
- $_c-prefers-focus-selector: if(
81
- $_enable-focus-visible,
82
- '.c-prefers-focus &:focus',
83
- ''
84
- );
85
-
86
- @if (variable-exists(cadmin-enable-focus-visible)) and
87
- ($_enable-focus-visible)
88
- {
89
- $_c-prefers-focus-selector: clay-insert-before(
90
- '.cadmin',
91
- '.c-prefers-focus '
92
- );
93
- }
94
-
95
70
  $base: map-merge(
96
71
  $map,
97
72
  (
@@ -373,43 +348,59 @@
373
348
  );
374
349
 
375
350
  @if ($enabled) {
376
- @include clay-css($base);
351
+ @if (length($base) != 0) {
352
+ @include clay-css($base);
353
+ }
377
354
 
378
- &:hover {
379
- @include clay-css($hover);
355
+ @if (length($hover) != 0) {
356
+ &:hover {
357
+ @include clay-css($hover);
358
+ }
380
359
  }
381
360
 
382
- @at-root {
383
- button#{&} {
384
- #{$focus-visible-selector},
385
- #{$_c-prefers-focus-selector} {
386
- @include clay-css($btn-focus);
361
+ @if (length($btn-focus) != 0) {
362
+ @at-root {
363
+ button#{&} {
364
+ #{$focus-visible-selector},
365
+ #{if($c-prefers-focus-selector,$c-prefers-focus-selector,clay-insert-before('.cadmin', '.c-prefers-focus ', '&:focus'))} {
366
+ @include clay-css($btn-focus);
367
+ }
387
368
  }
388
369
  }
389
370
  }
390
371
 
391
- @at-root {
392
- &.focus,
393
- #{$focus-visible-selector},
394
- #{$_c-prefers-focus-selector} {
395
- @include clay-css($focus);
372
+ @if (length($focus) != 0) {
373
+ @at-root {
374
+ &.focus,
375
+ #{$focus-visible-selector},
376
+ #{if($c-prefers-focus-selector,$c-prefers-focus-selector,clay-insert-before('.cadmin', '.c-prefers-focus ', '&:focus'))} {
377
+ @include clay-css($focus);
378
+ }
396
379
  }
397
380
  }
398
381
 
399
- &:active {
400
- @include clay-css($active);
382
+ @if (length($active) != 0) {
383
+ &:active {
384
+ @include clay-css($active);
385
+ }
401
386
  }
402
387
 
403
- &.active {
404
- @include clay-css($active-class);
388
+ @if (length($active-class) != 0) {
389
+ &.active {
390
+ @include clay-css($active-class);
391
+ }
405
392
  }
406
393
 
407
- &:disabled,
408
- &.disabled {
409
- @include clay-css($disabled);
394
+ @if (length($disabled) != 0) {
395
+ &:disabled,
396
+ &.disabled {
397
+ @include clay-css($disabled);
410
398
 
411
- &:active {
412
- @include clay-css($disabled-active);
399
+ @if (length($disabled-active) != 0) {
400
+ &:active {
401
+ @include clay-css($disabled-active);
402
+ }
403
+ }
413
404
  }
414
405
  }
415
406
 
@@ -419,8 +410,10 @@
419
410
  }
420
411
  }
421
412
 
422
- .lexicon-icon {
423
- @include clay-css($lexicon-icon);
413
+ @if (length($lexicon-icon) != 0) {
414
+ .lexicon-icon {
415
+ @include clay-css($lexicon-icon);
416
+ }
424
417
  }
425
418
  }
426
419
  }