@clayui/css 3.60.1 → 3.62.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 +1589 -321
- package/lib/css/atlas.css.map +1 -1
- package/lib/css/base.css +1108 -205
- package/lib/css/base.css.map +1 -1
- package/lib/css/cadmin.css +1331 -319
- 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 +10 -30
- package/src/scss/atlas/variables/_sidebar.scss +27 -17
- package/src/scss/cadmin/components/_forms.scss +10 -0
- package/src/scss/cadmin/components/_input-groups.scss +9 -0
- package/src/scss/cadmin/components/_side-navigation.scss +3 -0
- package/src/scss/cadmin/components/_sidebar.scss +10 -10
- package/src/scss/cadmin/components/_type.scss +5 -4
- package/src/scss/cadmin/variables/_forms.scss +31 -19
- package/src/scss/cadmin/variables/_globals.scss +10 -30
- package/src/scss/cadmin/variables/_loaders.scss +1 -0
- package/src/scss/cadmin/variables/_sidebar.scss +140 -54
- package/src/scss/cadmin/variables/_type.scss +14 -0
- package/src/scss/components/_forms.scss +10 -0
- package/src/scss/components/_input-groups.scss +9 -0
- package/src/scss/components/_side-navigation.scss +2 -0
- package/src/scss/components/_sidebar.scss +10 -10
- package/src/scss/components/_type.scss +5 -4
- package/src/scss/functions/_global-functions.scss +137 -41
- package/src/scss/mixins/_alerts.scss +26 -0
- package/src/scss/mixins/_badges.scss +9 -7
- package/src/scss/mixins/_border-radius.scss +78 -57
- package/src/scss/mixins/_box-shadow.scss +9 -7
- package/src/scss/mixins/_breakpoints.scss +44 -4
- package/src/scss/mixins/_buttons.scss +21 -22
- package/src/scss/mixins/_cards.scss +12 -2
- package/src/scss/mixins/_close.scss +9 -7
- package/src/scss/mixins/_dropdown-menu.scss +9 -7
- package/src/scss/mixins/_forms.scss +29 -1
- package/src/scss/mixins/_gradients.scss +18 -10
- package/src/scss/mixins/_grid.scss +9 -7
- package/src/scss/mixins/_input-groups.scss +0 -6
- package/src/scss/mixins/_labels.scss +15 -8
- package/src/scss/mixins/_links.scss +9 -7
- package/src/scss/mixins/_list-group.scss +117 -21
- package/src/scss/mixins/_menubar.scss +117 -22
- package/src/scss/mixins/_navbar.scss +95 -132
- package/src/scss/mixins/_panels.scss +280 -269
- package/src/scss/mixins/_scale-component.scss +10 -2
- package/src/scss/mixins/_sidebar.scss +311 -185
- package/src/scss/mixins/_stickers.scss +143 -134
- package/src/scss/mixins/_tbar.scss +15 -36
- package/src/scss/mixins/_timelines.scss +20 -4
- package/src/scss/variables/_forms.scss +31 -19
- package/src/scss/variables/_globals.scss +7 -21
- package/src/scss/variables/_loaders.scss +1 -0
- package/src/scss/variables/_sidebar.scss +123 -44
- package/src/scss/variables/_type.scss +14 -0
|
@@ -4,10 +4,27 @@
|
|
|
4
4
|
|
|
5
5
|
@mixin clay-navbar-size($map) {
|
|
6
6
|
$enabled: setter(map-get($map, enabled), true);
|
|
7
|
+
|
|
8
|
+
$enable-c-inner: if(
|
|
9
|
+
variable-exists(enable-c-inner),
|
|
10
|
+
$enable-c-inner,
|
|
11
|
+
if(variable-exists(cadmin-enable-c-inner), $cadmin-enable-c-inner, true)
|
|
12
|
+
);
|
|
13
|
+
|
|
7
14
|
$breakpoints: if(
|
|
8
15
|
variable-exists(grid-breakpoints),
|
|
9
16
|
$grid-breakpoints,
|
|
10
|
-
|
|
17
|
+
if(
|
|
18
|
+
variable-exists(cadmin-grid-breakpoints),
|
|
19
|
+
$cadmin-grid-breakpoints,
|
|
20
|
+
(
|
|
21
|
+
xs: 0,
|
|
22
|
+
sm: 576px,
|
|
23
|
+
md: 768px,
|
|
24
|
+
lg: 992px,
|
|
25
|
+
xl: 1280px,
|
|
26
|
+
)
|
|
27
|
+
)
|
|
11
28
|
);
|
|
12
29
|
|
|
13
30
|
$_line-height-base: if(
|
|
@@ -92,7 +109,11 @@
|
|
|
92
109
|
if(
|
|
93
110
|
variable-exists(navbar-nav-link-padding-x),
|
|
94
111
|
$navbar-nav-link-padding-x,
|
|
95
|
-
|
|
112
|
+
if(
|
|
113
|
+
variable-exists(cadmin-navbar-nav-link-padding-x),
|
|
114
|
+
$cadmin-navbar-nav-link-padding-x,
|
|
115
|
+
null
|
|
116
|
+
)
|
|
96
117
|
)
|
|
97
118
|
);
|
|
98
119
|
$link-padding-y: setter(
|
|
@@ -119,7 +140,13 @@
|
|
|
119
140
|
if(
|
|
120
141
|
variable-exists(nav-item-monospaced-size),
|
|
121
142
|
$nav-item-monospaced-size,
|
|
122
|
-
|
|
143
|
+
if(
|
|
144
|
+
variable-exists(
|
|
145
|
+
cadmin-nav-item-monospaced-size
|
|
146
|
+
),
|
|
147
|
+
$cadmin-nav-item-monospaced-size,
|
|
148
|
+
2rem
|
|
149
|
+
)
|
|
123
150
|
)
|
|
124
151
|
)}
|
|
125
152
|
) * 0.5
|
|
@@ -133,7 +160,11 @@
|
|
|
133
160
|
if(
|
|
134
161
|
variable-exists(navbar-brand-font-size),
|
|
135
162
|
$navbar-brand-font-size,
|
|
136
|
-
|
|
163
|
+
if(
|
|
164
|
+
variable-exists(cadmin-navbar-brand-font-size),
|
|
165
|
+
$cadmin-navbar-brand-font-size,
|
|
166
|
+
1rem
|
|
167
|
+
)
|
|
137
168
|
)
|
|
138
169
|
);
|
|
139
170
|
$brand-max-width: map-get($map, brand-max-width);
|
|
@@ -220,7 +251,13 @@
|
|
|
220
251
|
if(
|
|
221
252
|
variable-exists(nav-item-monospaced-size),
|
|
222
253
|
$nav-item-monospaced-size,
|
|
223
|
-
|
|
254
|
+
if(
|
|
255
|
+
variable-exists(
|
|
256
|
+
cadmin-nav-item-monospaced-size
|
|
257
|
+
),
|
|
258
|
+
$cadmin-nav-item-monospaced-size,
|
|
259
|
+
2rem
|
|
260
|
+
)
|
|
224
261
|
)
|
|
225
262
|
)}
|
|
226
263
|
) * 0.5
|
|
@@ -240,7 +277,11 @@
|
|
|
240
277
|
if(
|
|
241
278
|
variable-exists(font-size-lg-mobile),
|
|
242
279
|
$font-size-lg-mobile,
|
|
243
|
-
|
|
280
|
+
if(
|
|
281
|
+
variable-exists(cadmin-font-size-lg-mobile),
|
|
282
|
+
$cadmin-font-size-lg-mobile,
|
|
283
|
+
null
|
|
284
|
+
)
|
|
244
285
|
)
|
|
245
286
|
);
|
|
246
287
|
$brand-margin-right-mobile: setter(
|
|
@@ -276,7 +317,11 @@
|
|
|
276
317
|
if(
|
|
277
318
|
variable-exists(navbar-toggler-font-size),
|
|
278
319
|
$navbar-toggler-font-size,
|
|
279
|
-
|
|
320
|
+
if(
|
|
321
|
+
variable-exists(cadmin-navbar-toggler-font-size),
|
|
322
|
+
$cadmin-navbar-toggler-font-size,
|
|
323
|
+
null
|
|
324
|
+
)
|
|
280
325
|
)
|
|
281
326
|
);
|
|
282
327
|
$toggler-height: setter(
|
|
@@ -293,7 +338,11 @@
|
|
|
293
338
|
if(
|
|
294
339
|
variable-exists(navbar-toggler-padding-x),
|
|
295
340
|
$navbar-toggler-padding-x,
|
|
296
|
-
|
|
341
|
+
if(
|
|
342
|
+
variable-exists(cadmin-navbar-toggler-padding-x),
|
|
343
|
+
$cadmin-navbar-toggler-padding-x,
|
|
344
|
+
null
|
|
345
|
+
)
|
|
297
346
|
)
|
|
298
347
|
);
|
|
299
348
|
$toggler-padding-y: setter(
|
|
@@ -301,7 +350,11 @@
|
|
|
301
350
|
if(
|
|
302
351
|
variable-exists(navbar-toggler-padding-y),
|
|
303
352
|
$navbar-toggler-padding-y,
|
|
304
|
-
|
|
353
|
+
if(
|
|
354
|
+
variable-exists(cadmin-navbar-toggler-padding-y),
|
|
355
|
+
$cadmin-navbar-toggler-padding-y,
|
|
356
|
+
null
|
|
357
|
+
)
|
|
305
358
|
)
|
|
306
359
|
);
|
|
307
360
|
|
|
@@ -354,7 +407,11 @@
|
|
|
354
407
|
if(
|
|
355
408
|
variable-exists(navbar-border-radius),
|
|
356
409
|
$navbar-border-radius,
|
|
357
|
-
|
|
410
|
+
if(
|
|
411
|
+
variable-exists(cadmin-navbar-border-radius),
|
|
412
|
+
$cadmin-navbar-border-radius,
|
|
413
|
+
null
|
|
414
|
+
)
|
|
358
415
|
)
|
|
359
416
|
);
|
|
360
417
|
|
|
@@ -387,16 +444,7 @@
|
|
|
387
444
|
padding-right: $toggler-padding-x;
|
|
388
445
|
padding-top: $toggler-padding-y;
|
|
389
446
|
|
|
390
|
-
@if (
|
|
391
|
-
setter(
|
|
392
|
-
if(
|
|
393
|
-
variable-exists(enable-c-inner),
|
|
394
|
-
$enable-c-inner,
|
|
395
|
-
$cadmin-enable-c-inner
|
|
396
|
-
),
|
|
397
|
-
true
|
|
398
|
-
)
|
|
399
|
-
) {
|
|
447
|
+
@if ($enable-c-inner) {
|
|
400
448
|
.c-inner {
|
|
401
449
|
margin-bottom: math-sign($toggler-padding-y);
|
|
402
450
|
margin-left: math-sign($toggler-padding-x);
|
|
@@ -419,16 +467,7 @@
|
|
|
419
467
|
padding-right: $toggler-link-padding-x;
|
|
420
468
|
padding-top: $toggler-link-padding-y;
|
|
421
469
|
|
|
422
|
-
@if (
|
|
423
|
-
setter(
|
|
424
|
-
if(
|
|
425
|
-
variable-exists(enable-c-inner),
|
|
426
|
-
$enable-c-inner,
|
|
427
|
-
$cadmin-enable-c-inner
|
|
428
|
-
),
|
|
429
|
-
true
|
|
430
|
-
)
|
|
431
|
-
) {
|
|
470
|
+
@if ($enable-c-inner) {
|
|
432
471
|
.c-inner {
|
|
433
472
|
margin-bottom: math-sign($toggler-link-padding-y);
|
|
434
473
|
margin-left: math-sign($toggler-link-padding-x);
|
|
@@ -447,16 +486,7 @@
|
|
|
447
486
|
padding-right: $brand-padding-x-mobile;
|
|
448
487
|
padding-top: $brand-padding-y-mobile;
|
|
449
488
|
|
|
450
|
-
@if (
|
|
451
|
-
setter(
|
|
452
|
-
if(
|
|
453
|
-
variable-exists(enable-c-inner),
|
|
454
|
-
$enable-c-inner,
|
|
455
|
-
$cadmin-enable-c-inner
|
|
456
|
-
),
|
|
457
|
-
true
|
|
458
|
-
)
|
|
459
|
-
) {
|
|
489
|
+
@if ($enable-c-inner) {
|
|
460
490
|
.c-inner {
|
|
461
491
|
margin-bottom: math-sign($brand-padding-y-mobile);
|
|
462
492
|
margin-left: math-sign($brand-padding-x-mobile);
|
|
@@ -487,16 +517,7 @@
|
|
|
487
517
|
padding-top: $btn-padding-y-mobile;
|
|
488
518
|
min-width: $btn-monospaced-size-mobile;
|
|
489
519
|
|
|
490
|
-
@if (
|
|
491
|
-
setter(
|
|
492
|
-
if(
|
|
493
|
-
variable-exists(enable-c-inner),
|
|
494
|
-
$enable-c-inner,
|
|
495
|
-
$cadmin-enable-c-inner
|
|
496
|
-
),
|
|
497
|
-
true
|
|
498
|
-
)
|
|
499
|
-
) {
|
|
520
|
+
@if ($enable-c-inner) {
|
|
500
521
|
.c-inner {
|
|
501
522
|
margin-bottom: math-sign($btn-padding-y-mobile);
|
|
502
523
|
margin-left: math-sign($btn-padding-x-mobile);
|
|
@@ -510,16 +531,7 @@
|
|
|
510
531
|
font-size: $btn-monospaced-font-size-mobile;
|
|
511
532
|
padding: 0;
|
|
512
533
|
|
|
513
|
-
@if (
|
|
514
|
-
setter(
|
|
515
|
-
if(
|
|
516
|
-
variable-exists(enable-c-inner),
|
|
517
|
-
$enable-c-inner,
|
|
518
|
-
$cadmin-enable-c-inner
|
|
519
|
-
),
|
|
520
|
-
true
|
|
521
|
-
)
|
|
522
|
-
) {
|
|
534
|
+
@if ($enable-c-inner) {
|
|
523
535
|
.c-inner {
|
|
524
536
|
margin: 0;
|
|
525
537
|
}
|
|
@@ -545,16 +557,7 @@
|
|
|
545
557
|
padding-right: $link-padding-x-mobile;
|
|
546
558
|
padding-top: $link-padding-y-mobile;
|
|
547
559
|
|
|
548
|
-
@if (
|
|
549
|
-
setter(
|
|
550
|
-
if(
|
|
551
|
-
variable-exists(enable-c-inner),
|
|
552
|
-
$enable-c-inner,
|
|
553
|
-
$cadmin-enable-c-inner
|
|
554
|
-
),
|
|
555
|
-
true
|
|
556
|
-
)
|
|
557
|
-
) {
|
|
560
|
+
@if ($enable-c-inner) {
|
|
558
561
|
.c-inner {
|
|
559
562
|
margin-bottom: math-sign($link-padding-y-mobile);
|
|
560
563
|
margin-left: math-sign($link-padding-x-mobile);
|
|
@@ -572,16 +575,7 @@
|
|
|
572
575
|
margin-top: $btn-margin-y-mobile;
|
|
573
576
|
padding: 0;
|
|
574
577
|
|
|
575
|
-
@if (
|
|
576
|
-
setter(
|
|
577
|
-
if(
|
|
578
|
-
variable-exists(enable-c-inner),
|
|
579
|
-
$enable-c-inner,
|
|
580
|
-
$cadmin-enable-c-inner
|
|
581
|
-
),
|
|
582
|
-
true
|
|
583
|
-
)
|
|
584
|
-
) {
|
|
578
|
+
@if ($enable-c-inner) {
|
|
585
579
|
.c-inner {
|
|
586
580
|
margin: 0;
|
|
587
581
|
}
|
|
@@ -679,16 +673,7 @@
|
|
|
679
673
|
padding-right: $brand-padding-x;
|
|
680
674
|
padding-top: $brand-padding-y;
|
|
681
675
|
|
|
682
|
-
@if (
|
|
683
|
-
setter(
|
|
684
|
-
if(
|
|
685
|
-
variable-exists(enable-c-inner),
|
|
686
|
-
$enable-c-inner,
|
|
687
|
-
$cadmin-enable-c-inner
|
|
688
|
-
),
|
|
689
|
-
true
|
|
690
|
-
)
|
|
691
|
-
) {
|
|
676
|
+
@if ($enable-c-inner) {
|
|
692
677
|
.c-inner {
|
|
693
678
|
margin-bottom: math-sign(
|
|
694
679
|
$brand-padding-y
|
|
@@ -741,16 +726,7 @@
|
|
|
741
726
|
padding-top: $btn-padding-y;
|
|
742
727
|
min-width: $btn-monospaced-size;
|
|
743
728
|
|
|
744
|
-
@if (
|
|
745
|
-
setter(
|
|
746
|
-
if(
|
|
747
|
-
variable-exists(enable-c-inner),
|
|
748
|
-
$enable-c-inner,
|
|
749
|
-
$cadmin-enable-c-inner
|
|
750
|
-
),
|
|
751
|
-
true
|
|
752
|
-
)
|
|
753
|
-
) {
|
|
729
|
+
@if ($enable-c-inner) {
|
|
754
730
|
.c-inner {
|
|
755
731
|
margin-bottom: math-sign(
|
|
756
732
|
$btn-padding-y
|
|
@@ -768,16 +744,7 @@
|
|
|
768
744
|
font-size: $btn-monospaced-font-size;
|
|
769
745
|
padding: 0;
|
|
770
746
|
|
|
771
|
-
@if (
|
|
772
|
-
setter(
|
|
773
|
-
if(
|
|
774
|
-
variable-exists(enable-c-inner),
|
|
775
|
-
$enable-c-inner,
|
|
776
|
-
$cadmin-enable-c-inner
|
|
777
|
-
),
|
|
778
|
-
true
|
|
779
|
-
)
|
|
780
|
-
) {
|
|
747
|
+
@if ($enable-c-inner) {
|
|
781
748
|
.c-inner {
|
|
782
749
|
margin: 0;
|
|
783
750
|
}
|
|
@@ -807,16 +774,7 @@
|
|
|
807
774
|
padding-right: $link-padding-x;
|
|
808
775
|
padding-top: $link-padding-y;
|
|
809
776
|
|
|
810
|
-
@if (
|
|
811
|
-
setter(
|
|
812
|
-
if(
|
|
813
|
-
variable-exists(enable-c-inner),
|
|
814
|
-
$enable-c-inner,
|
|
815
|
-
$cadmin-enable-c-inner
|
|
816
|
-
),
|
|
817
|
-
true
|
|
818
|
-
)
|
|
819
|
-
) {
|
|
777
|
+
@if ($enable-c-inner) {
|
|
820
778
|
.c-inner {
|
|
821
779
|
margin-bottom: math-sign(
|
|
822
780
|
$link-padding-y
|
|
@@ -840,16 +798,7 @@
|
|
|
840
798
|
margin-top: $btn-margin-y;
|
|
841
799
|
padding: 0;
|
|
842
800
|
|
|
843
|
-
@if (
|
|
844
|
-
setter(
|
|
845
|
-
if(
|
|
846
|
-
variable-exists(enable-c-inner),
|
|
847
|
-
$enable-c-inner,
|
|
848
|
-
$cadmin-enable-c-inner
|
|
849
|
-
),
|
|
850
|
-
true
|
|
851
|
-
)
|
|
852
|
-
) {
|
|
801
|
+
@if ($enable-c-inner) {
|
|
853
802
|
.c-inner {
|
|
854
803
|
margin: 0;
|
|
855
804
|
}
|
|
@@ -880,7 +829,11 @@
|
|
|
880
829
|
if(
|
|
881
830
|
variable-exists(navbar-border-radius),
|
|
882
831
|
$navbar-border-radius,
|
|
883
|
-
|
|
832
|
+
if(
|
|
833
|
+
variable-exists(cadmin-navbar-border-radius),
|
|
834
|
+
$cadmin-navbar-border-radius,
|
|
835
|
+
null
|
|
836
|
+
)
|
|
884
837
|
)
|
|
885
838
|
);
|
|
886
839
|
|
|
@@ -1160,7 +1113,17 @@
|
|
|
1160
1113
|
$breakpoints: if(
|
|
1161
1114
|
variable-exists(grid-breakpoints),
|
|
1162
1115
|
$grid-breakpoints,
|
|
1163
|
-
|
|
1116
|
+
if(
|
|
1117
|
+
variable-exists(cadmin-grid-breakpoints),
|
|
1118
|
+
$cadmin-grid-breakpoints,
|
|
1119
|
+
(
|
|
1120
|
+
xs: 0,
|
|
1121
|
+
sm: 576px,
|
|
1122
|
+
md: 768px,
|
|
1123
|
+
lg: 992px,
|
|
1124
|
+
xl: 1280px,
|
|
1125
|
+
)
|
|
1126
|
+
)
|
|
1164
1127
|
);
|
|
1165
1128
|
|
|
1166
1129
|
$base: map-merge(
|