@clayui/css 3.108.0 → 3.109.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/CHANGELOG.md +21 -0
- package/lib/css/atlas.css +90 -7
- package/lib/css/atlas.css.map +1 -1
- package/lib/css/base.css +86 -7
- package/lib/css/base.css.map +1 -1
- package/lib/css/cadmin.css +60 -8
- package/lib/css/cadmin.css.map +1 -1
- package/lib/images/icons/bookmarks-full.svg +1 -8
- package/lib/images/icons/bookmarks.svg +1 -8
- package/lib/images/icons/icons.svg +1 -1
- package/lib/images/icons/video-streaming.svg +11 -0
- package/package.json +2 -2
- package/src/images/icons/bookmarks-full.svg +1 -8
- package/src/images/icons/bookmarks.svg +1 -8
- package/src/images/icons/video-streaming.svg +11 -0
- package/src/scss/_license-text.scss +1 -1
- package/src/scss/atlas/variables/_toggle-switch.scss +39 -0
- package/src/scss/cadmin/components/_toggle-switch.scss +32 -0
- package/src/scss/cadmin/variables/_modals.scss +4 -1
- package/src/scss/cadmin/variables/_tables.scss +3 -0
- package/src/scss/cadmin/variables/_toggle-switch.scss +68 -1
- package/src/scss/components/_tables.scss +7 -0
- package/src/scss/components/_toggle-switch.scss +32 -0
- package/src/scss/functions/_lx-icons-generated.scss +4 -2
- package/src/scss/mixins/_tables.scss +10 -0
- package/src/scss/mixins/_toggle-switch.scss +7 -0
- package/src/scss/variables/_modals.scss +4 -1
- package/src/scss/variables/_tables.scss +24 -0
- package/src/scss/variables/_toggle-switch.scss +64 -1
|
@@ -1051,6 +1051,13 @@
|
|
|
1051
1051
|
|
|
1052
1052
|
@include clay-css($map);
|
|
1053
1053
|
|
|
1054
|
+
.simple-toggle-switch,
|
|
1055
|
+
&.simple-toggle-switch {
|
|
1056
|
+
@include clay-toggle-switch-variant(
|
|
1057
|
+
map-get($map, simple-toggle-switch)
|
|
1058
|
+
);
|
|
1059
|
+
}
|
|
1060
|
+
|
|
1054
1061
|
.toggle-switch-check-bar {
|
|
1055
1062
|
@include clay-css(map-get($map, toggle-switch-check-bar));
|
|
1056
1063
|
|
|
@@ -57,7 +57,7 @@ $modal-content: map-deep-merge(
|
|
|
57
57
|
color: $modal-content-color,
|
|
58
58
|
display: flex,
|
|
59
59
|
flex-direction: column,
|
|
60
|
-
max-height: calc(100vh - #{$modal-dialog-margin
|
|
60
|
+
max-height: calc(100vh - #{$modal-dialog-margin} * 2),
|
|
61
61
|
outline: 0,
|
|
62
62
|
overflow: hidden,
|
|
63
63
|
pointer-events: auto,
|
|
@@ -381,6 +381,9 @@ $modal: map-deep-merge(
|
|
|
381
381
|
modal-body: (
|
|
382
382
|
padding: 0.5rem 1rem,
|
|
383
383
|
),
|
|
384
|
+
modal-body-iframe: (
|
|
385
|
+
padding: 0,
|
|
386
|
+
),
|
|
384
387
|
modal-footer: (
|
|
385
388
|
padding: 0.5rem,
|
|
386
389
|
),
|
|
@@ -557,6 +557,30 @@ $c-table-nested-rows: map-deep-merge(
|
|
|
557
557
|
$c-table-nested-rows
|
|
558
558
|
);
|
|
559
559
|
|
|
560
|
+
// .table-sort
|
|
561
|
+
|
|
562
|
+
$c-table-sort: () !default;
|
|
563
|
+
$c-table-sort: map-deep-merge(
|
|
564
|
+
(
|
|
565
|
+
thead: (
|
|
566
|
+
table-cell: (
|
|
567
|
+
cursor: pointer,
|
|
568
|
+
transition: clay-enable-transitions($component-transition),
|
|
569
|
+
hover: (
|
|
570
|
+
background-color: $primary-l3,
|
|
571
|
+
color: $gray-900,
|
|
572
|
+
),
|
|
573
|
+
component-action: (
|
|
574
|
+
font-size: 0.75rem,
|
|
575
|
+
height: 1.5rem,
|
|
576
|
+
width: 1.5rem,
|
|
577
|
+
),
|
|
578
|
+
),
|
|
579
|
+
),
|
|
580
|
+
),
|
|
581
|
+
$c-table-sort
|
|
582
|
+
);
|
|
583
|
+
|
|
560
584
|
// Table Dark Variant
|
|
561
585
|
|
|
562
586
|
$table-dark-bg: $gray-800 !default;
|
|
@@ -6,7 +6,8 @@ $toggle-switch-font-weight: if(
|
|
|
6
6
|
) !default;
|
|
7
7
|
$toggle-switch-transition: background-color 100ms ease-in,
|
|
8
8
|
border-color 100ms ease-in, box-shadow 150ms ease-in-out,
|
|
9
|
-
color 100ms ease-in, left 100ms ease-in,
|
|
9
|
+
color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in,
|
|
10
|
+
right 100ms ease-in !default;
|
|
10
11
|
|
|
11
12
|
// must all be same units--start
|
|
12
13
|
$toggle-switch-bar-padding: 0 !default; // space between button and bar, can be negative value
|
|
@@ -487,3 +488,65 @@ $simple-toggle-switch-reverse: map-deep-merge(
|
|
|
487
488
|
),
|
|
488
489
|
$simple-toggle-switch-reverse
|
|
489
490
|
);
|
|
491
|
+
|
|
492
|
+
// .toggle-switch-sm
|
|
493
|
+
|
|
494
|
+
$toggle-switch-sizes: () !default;
|
|
495
|
+
$toggle-switch-sizes: map-deep-merge(
|
|
496
|
+
(
|
|
497
|
+
toggle-switch-sm: (
|
|
498
|
+
simple-toggle-switch: (
|
|
499
|
+
toggle-switch-label: (
|
|
500
|
+
max-width: calc(100% - 38px),
|
|
501
|
+
),
|
|
502
|
+
),
|
|
503
|
+
toggle-switch-check: (
|
|
504
|
+
height: 16px,
|
|
505
|
+
width: 30px,
|
|
506
|
+
toggle-switch-bar: (
|
|
507
|
+
height: 16px,
|
|
508
|
+
line-height: 16px,
|
|
509
|
+
before: (
|
|
510
|
+
width: 30px,
|
|
511
|
+
),
|
|
512
|
+
after: (
|
|
513
|
+
height: 16px,
|
|
514
|
+
width: 16px,
|
|
515
|
+
),
|
|
516
|
+
toggle-switch-handle: (
|
|
517
|
+
min-width: 30px,
|
|
518
|
+
max-width: 30px,
|
|
519
|
+
after: (
|
|
520
|
+
margin-left: 38px,
|
|
521
|
+
),
|
|
522
|
+
),
|
|
523
|
+
toggle-switch-icon: (
|
|
524
|
+
font-size: 0.6875rem,
|
|
525
|
+
height: 16px,
|
|
526
|
+
left: 0,
|
|
527
|
+
line-height: 16px,
|
|
528
|
+
width: 16px,
|
|
529
|
+
),
|
|
530
|
+
toggle-switch-icon-off: (
|
|
531
|
+
left: 14px,
|
|
532
|
+
),
|
|
533
|
+
),
|
|
534
|
+
checked: (
|
|
535
|
+
toggle-switch-bar: (
|
|
536
|
+
after: (
|
|
537
|
+
left: 14px,
|
|
538
|
+
),
|
|
539
|
+
button-icon: (
|
|
540
|
+
left: 14px,
|
|
541
|
+
),
|
|
542
|
+
),
|
|
543
|
+
),
|
|
544
|
+
),
|
|
545
|
+
toggle-switch-label: (
|
|
546
|
+
font-size: 0.75rem,
|
|
547
|
+
max-width: calc(100% - 38px),
|
|
548
|
+
),
|
|
549
|
+
),
|
|
550
|
+
),
|
|
551
|
+
$toggle-switch-sizes
|
|
552
|
+
);
|