@clayui/css 3.127.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.
- package/lib/css/atlas.css +207 -48
- package/lib/css/atlas.css.map +1 -1
- package/lib/css/base.css +159 -64
- package/lib/css/base.css.map +1 -1
- package/lib/css/cadmin.css +188 -50
- package/lib/css/cadmin.css.map +1 -1
- package/lib/images/icons/icons.svg +1 -1
- package/package.json +2 -2
- package/src/scss/_license-text.scss +1 -1
- package/src/scss/atlas/variables/_globals.scss +2 -0
- package/src/scss/cadmin/components/_grid.scss +3 -1
- package/src/scss/cadmin/variables/_dropdowns.scss +3 -0
- package/src/scss/cadmin/variables/_globals.scss +2 -0
- package/src/scss/components/_grid.scss +3 -1
- package/src/scss/mixins/_alerts.scss +104 -48
- package/src/scss/mixins/_badges.scss +75 -33
- package/src/scss/mixins/_buttons.scss +503 -225
- package/src/scss/mixins/_cards.scss +619 -277
- package/src/scss/mixins/_close.scss +42 -24
- package/src/scss/mixins/_custom-forms.scss +864 -581
- package/src/scss/mixins/_dropdown-menu.scss +466 -223
- package/src/scss/mixins/_links.scss +564 -282
- package/src/scss/variables/_dropdowns.scss +3 -0
- package/src/scss/variables/_globals.scss +2 -0
|
@@ -348,43 +348,59 @@
|
|
|
348
348
|
);
|
|
349
349
|
|
|
350
350
|
@if ($enabled) {
|
|
351
|
-
@
|
|
351
|
+
@if (length($base) != 0) {
|
|
352
|
+
@include clay-css($base);
|
|
353
|
+
}
|
|
352
354
|
|
|
353
|
-
|
|
354
|
-
|
|
355
|
+
@if (length($hover) != 0) {
|
|
356
|
+
&:hover {
|
|
357
|
+
@include clay-css($hover);
|
|
358
|
+
}
|
|
355
359
|
}
|
|
356
360
|
|
|
357
|
-
@
|
|
358
|
-
|
|
359
|
-
#{
|
|
360
|
-
|
|
361
|
-
|
|
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
|
+
}
|
|
362
368
|
}
|
|
363
369
|
}
|
|
364
370
|
}
|
|
365
371
|
|
|
366
|
-
@
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
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
|
+
}
|
|
371
379
|
}
|
|
372
380
|
}
|
|
373
381
|
|
|
374
|
-
|
|
375
|
-
|
|
382
|
+
@if (length($active) != 0) {
|
|
383
|
+
&:active {
|
|
384
|
+
@include clay-css($active);
|
|
385
|
+
}
|
|
376
386
|
}
|
|
377
387
|
|
|
378
|
-
|
|
379
|
-
|
|
388
|
+
@if (length($active-class) != 0) {
|
|
389
|
+
&.active {
|
|
390
|
+
@include clay-css($active-class);
|
|
391
|
+
}
|
|
380
392
|
}
|
|
381
393
|
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
394
|
+
@if (length($disabled) != 0) {
|
|
395
|
+
&:disabled,
|
|
396
|
+
&.disabled {
|
|
397
|
+
@include clay-css($disabled);
|
|
385
398
|
|
|
386
|
-
|
|
387
|
-
|
|
399
|
+
@if (length($disabled-active) != 0) {
|
|
400
|
+
&:active {
|
|
401
|
+
@include clay-css($disabled-active);
|
|
402
|
+
}
|
|
403
|
+
}
|
|
388
404
|
}
|
|
389
405
|
}
|
|
390
406
|
|
|
@@ -394,8 +410,10 @@
|
|
|
394
410
|
}
|
|
395
411
|
}
|
|
396
412
|
|
|
397
|
-
|
|
398
|
-
|
|
413
|
+
@if (length($lexicon-icon) != 0) {
|
|
414
|
+
.lexicon-icon {
|
|
415
|
+
@include clay-css($lexicon-icon);
|
|
416
|
+
}
|
|
399
417
|
}
|
|
400
418
|
}
|
|
401
419
|
}
|