@clayui/css 3.73.0 → 3.74.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 +127 -58
- package/lib/css/atlas.css.map +1 -1
- package/lib/css/base.css +101 -57
- package/lib/css/base.css.map +1 -1
- package/lib/css/cadmin.css +52 -148
- 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/_custom-forms.scss +57 -1
- package/src/scss/cadmin/components/_tables.scss +0 -8
- package/src/scss/cadmin/variables/_custom-forms.scss +59 -2
- package/src/scss/components/_tables.scss +20 -12
- package/src/scss/mixins/_custom-forms.scss +246 -0
- package/src/scss/variables/_custom-forms.scss +35 -0
- package/src/scss/variables/_tables.scss +6 -0
|
@@ -244,6 +244,114 @@
|
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
246
|
|
|
247
|
+
&[readonly] {
|
|
248
|
+
@include clay-css(map-deep-get($map, readonly));
|
|
249
|
+
|
|
250
|
+
~ .custom-control-label {
|
|
251
|
+
@include clay-css(
|
|
252
|
+
map-deep-get($map, readonly, custom-control-label)
|
|
253
|
+
);
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
~ .custom-control-label::before {
|
|
257
|
+
@include clay-css(
|
|
258
|
+
map-deep-get(
|
|
259
|
+
$map,
|
|
260
|
+
readonly,
|
|
261
|
+
custom-control-label,
|
|
262
|
+
before
|
|
263
|
+
)
|
|
264
|
+
);
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
~ .custom-control-label::after {
|
|
268
|
+
@include clay-css(
|
|
269
|
+
map-deep-get(
|
|
270
|
+
$map,
|
|
271
|
+
readonly,
|
|
272
|
+
custom-control-label,
|
|
273
|
+
after
|
|
274
|
+
)
|
|
275
|
+
);
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
~ .card {
|
|
279
|
+
@include clay-card-variant(
|
|
280
|
+
map-deep-get($map, readonly, card)
|
|
281
|
+
);
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
&[readonly][disabled] {
|
|
286
|
+
@include clay-css(map-deep-get($map, readonly, disabled));
|
|
287
|
+
|
|
288
|
+
~ .custom-control-label {
|
|
289
|
+
@include clay-css(
|
|
290
|
+
map-deep-get(
|
|
291
|
+
$map,
|
|
292
|
+
readonly,
|
|
293
|
+
disabled,
|
|
294
|
+
custom-control-label
|
|
295
|
+
)
|
|
296
|
+
);
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
~ .custom-control-label::before {
|
|
300
|
+
@include clay-css(
|
|
301
|
+
map-deep-get(
|
|
302
|
+
$map,
|
|
303
|
+
readonly,
|
|
304
|
+
disabled,
|
|
305
|
+
custom-control-label,
|
|
306
|
+
before
|
|
307
|
+
)
|
|
308
|
+
);
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
~ .custom-control-label::after {
|
|
312
|
+
@include clay-css(
|
|
313
|
+
map-deep-get(
|
|
314
|
+
$map,
|
|
315
|
+
readonly,
|
|
316
|
+
disabled,
|
|
317
|
+
custom-control-label,
|
|
318
|
+
after
|
|
319
|
+
)
|
|
320
|
+
);
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
~ .card {
|
|
324
|
+
@include clay-card-variant(
|
|
325
|
+
map-deep-get($map, readonly, disabled, card)
|
|
326
|
+
);
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
&:checked {
|
|
331
|
+
~ .custom-control-label::before {
|
|
332
|
+
@include clay-css(
|
|
333
|
+
map-deep-get(
|
|
334
|
+
$map,
|
|
335
|
+
checked,
|
|
336
|
+
custom-control-label,
|
|
337
|
+
before
|
|
338
|
+
)
|
|
339
|
+
);
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
~ .custom-control-label::after {
|
|
343
|
+
@include clay-css(
|
|
344
|
+
map-deep-get($map, checked, custom-control-label, after)
|
|
345
|
+
);
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
~ .card {
|
|
349
|
+
@include clay-card-variant(
|
|
350
|
+
map-deep-get($map, checked, card)
|
|
351
|
+
);
|
|
352
|
+
}
|
|
353
|
+
}
|
|
354
|
+
|
|
247
355
|
&:checked:hover {
|
|
248
356
|
~ .custom-control-label::before {
|
|
249
357
|
@include clay-css(
|
|
@@ -373,6 +481,72 @@
|
|
|
373
481
|
}
|
|
374
482
|
}
|
|
375
483
|
|
|
484
|
+
&:checked[readonly] {
|
|
485
|
+
~ .custom-control-label::before {
|
|
486
|
+
@include clay-css(
|
|
487
|
+
map-deep-get(
|
|
488
|
+
$map,
|
|
489
|
+
checked,
|
|
490
|
+
readonly,
|
|
491
|
+
custom-control-label,
|
|
492
|
+
before
|
|
493
|
+
)
|
|
494
|
+
);
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
~ .custom-control-label::after {
|
|
498
|
+
@include clay-css(
|
|
499
|
+
map-deep-get(
|
|
500
|
+
$map,
|
|
501
|
+
checked,
|
|
502
|
+
readonly,
|
|
503
|
+
custom-control-label,
|
|
504
|
+
after
|
|
505
|
+
)
|
|
506
|
+
);
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
~ .card {
|
|
510
|
+
@include clay-card-variant(
|
|
511
|
+
map-deep-get($map, checked, readonly, card)
|
|
512
|
+
);
|
|
513
|
+
}
|
|
514
|
+
}
|
|
515
|
+
|
|
516
|
+
&:checked[readonly][disabled] {
|
|
517
|
+
~ .custom-control-label::before {
|
|
518
|
+
@include clay-css(
|
|
519
|
+
map-deep-get(
|
|
520
|
+
$map,
|
|
521
|
+
checked,
|
|
522
|
+
readonly,
|
|
523
|
+
disabled,
|
|
524
|
+
custom-control-label,
|
|
525
|
+
before
|
|
526
|
+
)
|
|
527
|
+
);
|
|
528
|
+
}
|
|
529
|
+
|
|
530
|
+
~ .custom-control-label::after {
|
|
531
|
+
@include clay-css(
|
|
532
|
+
map-deep-get(
|
|
533
|
+
$map,
|
|
534
|
+
checked,
|
|
535
|
+
readonly,
|
|
536
|
+
disabled,
|
|
537
|
+
custom-control-label,
|
|
538
|
+
after
|
|
539
|
+
)
|
|
540
|
+
);
|
|
541
|
+
}
|
|
542
|
+
|
|
543
|
+
~ .card {
|
|
544
|
+
@include clay-card-variant(
|
|
545
|
+
map-deep-get($map, checked, readonly, disabled, card)
|
|
546
|
+
);
|
|
547
|
+
}
|
|
548
|
+
}
|
|
549
|
+
|
|
376
550
|
&:indeterminate {
|
|
377
551
|
~ .custom-control-label::before {
|
|
378
552
|
@include clay-css(
|
|
@@ -531,6 +705,78 @@
|
|
|
531
705
|
);
|
|
532
706
|
}
|
|
533
707
|
}
|
|
708
|
+
|
|
709
|
+
&:indeterminate[readonly] {
|
|
710
|
+
~ .custom-control-label::before {
|
|
711
|
+
@include clay-css(
|
|
712
|
+
map-deep-get(
|
|
713
|
+
$map,
|
|
714
|
+
indeterminate,
|
|
715
|
+
readonly,
|
|
716
|
+
custom-control-label,
|
|
717
|
+
before
|
|
718
|
+
)
|
|
719
|
+
);
|
|
720
|
+
}
|
|
721
|
+
|
|
722
|
+
~ .custom-control-label::after {
|
|
723
|
+
@include clay-css(
|
|
724
|
+
map-deep-get(
|
|
725
|
+
$map,
|
|
726
|
+
indeterminate,
|
|
727
|
+
readonly,
|
|
728
|
+
custom-control-label,
|
|
729
|
+
after
|
|
730
|
+
)
|
|
731
|
+
);
|
|
732
|
+
}
|
|
733
|
+
|
|
734
|
+
~ .card {
|
|
735
|
+
@include clay-card-variant(
|
|
736
|
+
map-deep-get($map, indeterminate, readonly, card)
|
|
737
|
+
);
|
|
738
|
+
}
|
|
739
|
+
}
|
|
740
|
+
|
|
741
|
+
&:indeterminate[readonly][disabled] {
|
|
742
|
+
~ .custom-control-label::before {
|
|
743
|
+
@include clay-css(
|
|
744
|
+
map-deep-get(
|
|
745
|
+
$map,
|
|
746
|
+
indeterminate,
|
|
747
|
+
readonly,
|
|
748
|
+
disabled,
|
|
749
|
+
custom-control-label,
|
|
750
|
+
before
|
|
751
|
+
)
|
|
752
|
+
);
|
|
753
|
+
}
|
|
754
|
+
|
|
755
|
+
~ .custom-control-label::after {
|
|
756
|
+
@include clay-css(
|
|
757
|
+
map-deep-get(
|
|
758
|
+
$map,
|
|
759
|
+
indeterminate,
|
|
760
|
+
readonly,
|
|
761
|
+
disabled,
|
|
762
|
+
custom-control-label,
|
|
763
|
+
after
|
|
764
|
+
)
|
|
765
|
+
);
|
|
766
|
+
}
|
|
767
|
+
|
|
768
|
+
~ .card {
|
|
769
|
+
@include clay-card-variant(
|
|
770
|
+
map-deep-get(
|
|
771
|
+
$map,
|
|
772
|
+
indeterminate,
|
|
773
|
+
readonly,
|
|
774
|
+
disabled,
|
|
775
|
+
card
|
|
776
|
+
)
|
|
777
|
+
);
|
|
778
|
+
}
|
|
779
|
+
}
|
|
534
780
|
}
|
|
535
781
|
}
|
|
536
782
|
}
|
|
@@ -287,6 +287,14 @@ $custom-control-input: map-deep-merge(
|
|
|
287
287
|
),
|
|
288
288
|
),
|
|
289
289
|
),
|
|
290
|
+
readonly: (
|
|
291
|
+
custom-control-label: (
|
|
292
|
+
before: (
|
|
293
|
+
background-color: $custom-control-indicator-bg,
|
|
294
|
+
border-color: $custom-control-indicator-border-color,
|
|
295
|
+
),
|
|
296
|
+
),
|
|
297
|
+
),
|
|
290
298
|
),
|
|
291
299
|
),
|
|
292
300
|
$custom-control-input
|
|
@@ -353,6 +361,19 @@ $custom-checkbox: map-deep-merge(
|
|
|
353
361
|
),
|
|
354
362
|
),
|
|
355
363
|
),
|
|
364
|
+
readonly: (
|
|
365
|
+
custom-control-label: (
|
|
366
|
+
before: (
|
|
367
|
+
background-color: $white,
|
|
368
|
+
),
|
|
369
|
+
after: (
|
|
370
|
+
background-image:
|
|
371
|
+
clay-svg-url(
|
|
372
|
+
"<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$gray-600}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>"
|
|
373
|
+
),
|
|
374
|
+
),
|
|
375
|
+
),
|
|
376
|
+
),
|
|
356
377
|
),
|
|
357
378
|
indeterminate: (
|
|
358
379
|
custom-control-label: (
|
|
@@ -385,6 +406,20 @@ $custom-checkbox: map-deep-merge(
|
|
|
385
406
|
),
|
|
386
407
|
),
|
|
387
408
|
),
|
|
409
|
+
readonly: (
|
|
410
|
+
custom-control-label: (
|
|
411
|
+
before: (
|
|
412
|
+
background-color: $custom-control-indicator-bg,
|
|
413
|
+
border-color: $custom-control-indicator-border-color,
|
|
414
|
+
),
|
|
415
|
+
after: (
|
|
416
|
+
background-image:
|
|
417
|
+
clay-svg-url(
|
|
418
|
+
"<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$gray-800}' d='M0 2h4'/></svg>"
|
|
419
|
+
),
|
|
420
|
+
),
|
|
421
|
+
),
|
|
422
|
+
),
|
|
388
423
|
),
|
|
389
424
|
),
|
|
390
425
|
),
|
|
@@ -938,6 +938,12 @@ $table-row-theme-colors: map-deep-merge(
|
|
|
938
938
|
background-color:
|
|
939
939
|
clay-darken(theme-color-level(dark, $table-bg-level), 5%),
|
|
940
940
|
),
|
|
941
|
+
table-title: (
|
|
942
|
+
color: $table-dark-color,
|
|
943
|
+
href: (
|
|
944
|
+
color: inherit,
|
|
945
|
+
),
|
|
946
|
+
),
|
|
941
947
|
),
|
|
942
948
|
),
|
|
943
949
|
$table-row-theme-colors
|