@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.
Files changed (56) hide show
  1. package/lib/css/atlas.css +1589 -321
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +1108 -205
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +1331 -319
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/icons.svg +1 -1
  8. package/package.json +2 -2
  9. package/src/scss/_license-text.scss +1 -1
  10. package/src/scss/atlas/variables/_globals.scss +10 -30
  11. package/src/scss/atlas/variables/_sidebar.scss +27 -17
  12. package/src/scss/cadmin/components/_forms.scss +10 -0
  13. package/src/scss/cadmin/components/_input-groups.scss +9 -0
  14. package/src/scss/cadmin/components/_side-navigation.scss +3 -0
  15. package/src/scss/cadmin/components/_sidebar.scss +10 -10
  16. package/src/scss/cadmin/components/_type.scss +5 -4
  17. package/src/scss/cadmin/variables/_forms.scss +31 -19
  18. package/src/scss/cadmin/variables/_globals.scss +10 -30
  19. package/src/scss/cadmin/variables/_loaders.scss +1 -0
  20. package/src/scss/cadmin/variables/_sidebar.scss +140 -54
  21. package/src/scss/cadmin/variables/_type.scss +14 -0
  22. package/src/scss/components/_forms.scss +10 -0
  23. package/src/scss/components/_input-groups.scss +9 -0
  24. package/src/scss/components/_side-navigation.scss +2 -0
  25. package/src/scss/components/_sidebar.scss +10 -10
  26. package/src/scss/components/_type.scss +5 -4
  27. package/src/scss/functions/_global-functions.scss +137 -41
  28. package/src/scss/mixins/_alerts.scss +26 -0
  29. package/src/scss/mixins/_badges.scss +9 -7
  30. package/src/scss/mixins/_border-radius.scss +78 -57
  31. package/src/scss/mixins/_box-shadow.scss +9 -7
  32. package/src/scss/mixins/_breakpoints.scss +44 -4
  33. package/src/scss/mixins/_buttons.scss +21 -22
  34. package/src/scss/mixins/_cards.scss +12 -2
  35. package/src/scss/mixins/_close.scss +9 -7
  36. package/src/scss/mixins/_dropdown-menu.scss +9 -7
  37. package/src/scss/mixins/_forms.scss +29 -1
  38. package/src/scss/mixins/_gradients.scss +18 -10
  39. package/src/scss/mixins/_grid.scss +9 -7
  40. package/src/scss/mixins/_input-groups.scss +0 -6
  41. package/src/scss/mixins/_labels.scss +15 -8
  42. package/src/scss/mixins/_links.scss +9 -7
  43. package/src/scss/mixins/_list-group.scss +117 -21
  44. package/src/scss/mixins/_menubar.scss +117 -22
  45. package/src/scss/mixins/_navbar.scss +95 -132
  46. package/src/scss/mixins/_panels.scss +280 -269
  47. package/src/scss/mixins/_scale-component.scss +10 -2
  48. package/src/scss/mixins/_sidebar.scss +311 -185
  49. package/src/scss/mixins/_stickers.scss +143 -134
  50. package/src/scss/mixins/_tbar.scss +15 -36
  51. package/src/scss/mixins/_timelines.scss +20 -4
  52. package/src/scss/variables/_forms.scss +31 -19
  53. package/src/scss/variables/_globals.scss +7 -21
  54. package/src/scss/variables/_loaders.scss +1 -0
  55. package/src/scss/variables/_sidebar.scss +123 -44
  56. package/src/scss/variables/_type.scss +14 -0
package/src/scss/mixins/_list-group.scss CHANGED
@@ -68,7 +68,12 @@
68
68
  if(
69
69
  variable-exists(list-group-bg),
70
70
  $list-group-bg,
71
- $cadmin-list-group-bg
71
+ if
72
+ (
73
+ variable-exists(cadmin-list-group-bg),
74
+ $cadmin-list-group-bg,
75
+ null
76
+ )
72
77
  )
73
78
  );
74
79
  $border-bottom-color: setter(
@@ -76,7 +81,14 @@
76
81
  if(
77
82
  variable-exists(list-group-notification-item-border-bottom-color),
78
83
  $list-group-notification-item-border-bottom-color,
79
- $cadmin-list-group-notification-item-border-bottom-color
84
+ if
85
+ (
86
+ variable-exists(
87
+ cadmin-list-group-notification-item-border-bottom-color
88
+ ),
89
+ $cadmin-list-group-notification-item-border-bottom-color,
90
+ null
91
+ )
80
92
  )
81
93
  );
82
94
  $border-left-color: setter(
@@ -84,7 +96,14 @@
84
96
  if(
85
97
  variable-exists(list-group-notification-item-border-left-color),
86
98
  $list-group-notification-item-border-left-color,
87
- $cadmin-list-group-notification-item-border-left-color
99
+ if
100
+ (
101
+ variable-exists(
102
+ cadmin-list-group-notification-item-border-left-color
103
+ ),
104
+ $cadmin-list-group-notification-item-border-left-color,
105
+ null
106
+ )
88
107
  )
89
108
  );
90
109
  $border-right-color: setter(
@@ -92,7 +111,14 @@
92
111
  if(
93
112
  variable-exists(list-group-notification-item-border-right-color),
94
113
  $list-group-notification-item-border-right-color,
95
- $cadmin-list-group-notification-item-border-right-color
114
+ if
115
+ (
116
+ variable-exists(
117
+ cadmin-list-group-notification-item-border-right-color
118
+ ),
119
+ $cadmin-list-group-notification-item-border-right-color,
120
+ null
121
+ )
96
122
  )
97
123
  );
98
124
  $border-top-color: setter(
@@ -100,7 +126,14 @@
100
126
  if(
101
127
  variable-exists(list-group-notification-item-border-top-color),
102
128
  $list-group-notification-item-border-top-color,
103
- $cadmin-list-group-notification-item-border-top-color
129
+ if
130
+ (
131
+ variable-exists(
132
+ cadmin-list-group-notification-item-border-top-color
133
+ ),
134
+ $cadmin-list-group-notification-item-border-top-color,
135
+ null
136
+ )
104
137
  )
105
138
  );
106
139
 
@@ -109,7 +142,14 @@
109
142
  if(
110
143
  variable-exists(list-group-notification-item-border-bottom-width),
111
144
  $list-group-notification-item-border-bottom-width,
112
- $cadmin-list-group-notification-item-border-bottom-width
145
+ if
146
+ (
147
+ variable-exists(
148
+ cadmin-list-group-notification-item-border-bottom-width
149
+ ),
150
+ $cadmin-list-group-notification-item-border-bottom-width,
151
+ null
152
+ )
113
153
  )
114
154
  );
115
155
  $border-left-width: setter(
@@ -117,7 +157,14 @@
117
157
  if(
118
158
  variable-exists(list-group-notification-item-border-left-width),
119
159
  $list-group-notification-item-border-left-width,
120
- $cadmin-list-group-notification-item-border-left-width
160
+ if
161
+ (
162
+ variable-exists(
163
+ cadmin-list-group-notification-item-border-left-width
164
+ ),
165
+ $cadmin-list-group-notification-item-border-left-width,
166
+ null
167
+ )
121
168
  )
122
169
  );
123
170
  $border-right-width: setter(
@@ -125,7 +172,14 @@
125
172
  if(
126
173
  variable-exists(list-group-notification-item-border-right-width),
127
174
  $list-group-notification-item-border-right-width,
128
- $cadmin-list-group-notification-item-border-right-width
175
+ if
176
+ (
177
+ variable-exists(
178
+ cadmin-list-group-notification-item-border-right-width
179
+ ),
180
+ $cadmin-list-group-notification-item-border-right-width,
181
+ null
182
+ )
129
183
  )
130
184
  );
131
185
  $border-top-width: setter(
@@ -133,7 +187,14 @@
133
187
  if(
134
188
  variable-exists(list-group-notification-item-border-top-width),
135
189
  $list-group-notification-item-border-top-width,
136
- $cadmin-list-group-notification-item-border-top-width
190
+ if
191
+ (
192
+ variable-exists(
193
+ cadmin-list-group-notification-item-border-top-width
194
+ ),
195
+ $cadmin-list-group-notification-item-border-top-width,
196
+ null
197
+ )
137
198
  )
138
199
  );
139
200
 
@@ -149,7 +210,12 @@
149
210
  if(
150
211
  variable-exists(list-group-active-bg),
151
212
  $list-group-active-bg,
152
- $cadmin-list-group-active-bg
213
+ if
214
+ (
215
+ variable-exists(cadmin-list-group-active-bg),
216
+ $cadmin-list-group-active-bg,
217
+ null
218
+ )
153
219
  )
154
220
  );
155
221
  $active-border-bottom-color: setter(
@@ -159,7 +225,14 @@
159
225
  list-group-notification-item-active-border-bottom-color
160
226
  ),
161
227
  $list-group-notification-item-active-border-bottom-color,
162
- $cadmin-list-group-notification-item-active-border-bottom-color
228
+ if
229
+ (
230
+ variable-exists(
231
+ cadmin-list-group-notification-item-active-border-bottom-color
232
+ ),
233
+ $cadmin-list-group-notification-item-active-border-bottom-color,
234
+ null
235
+ )
163
236
  )
164
237
  );
165
238
  $active-border-left-color: setter(
@@ -169,7 +242,14 @@
169
242
  list-group-notification-item-active-border-left-color
170
243
  ),
171
244
  $list-group-notification-item-active-border-left-color,
172
- $cadmin-list-group-notification-item-active-border-left-color
245
+ if
246
+ (
247
+ variable-exists(
248
+ cadmin-list-group-notification-item-active-border-left-color
249
+ ),
250
+ $cadmin-list-group-notification-item-active-border-left-color,
251
+ null
252
+ )
173
253
  )
174
254
  );
175
255
  $active-border-right-color: setter(
@@ -179,7 +259,14 @@
179
259
  list-group-notification-item-active-border-right-color
180
260
  ),
181
261
  $list-group-notification-item-active-border-right-color,
182
- $cadmin-list-group-notification-item-active-border-right-color
262
+ if
263
+ (
264
+ variable-exists(
265
+ cadmin-list-group-notification-item-active-border-right-color
266
+ ),
267
+ $cadmin-list-group-notification-item-active-border-right-color,
268
+ null
269
+ )
183
270
  )
184
271
  );
185
272
  $active-border-top-color: setter(
@@ -189,7 +276,14 @@
189
276
  list-group-notification-item-active-border-top-color
190
277
  ),
191
278
  $list-group-notification-item-active-border-top-color,
192
- $cadmin-list-group-notification-item-active-border-top-color
279
+ if
280
+ (
281
+ variable-exists(
282
+ cadmin-list-group-notification-item-active-border-top-color
283
+ ),
284
+ $cadmin-list-group-notification-item-active-border-top-color,
285
+ null
286
+ )
193
287
  )
194
288
  );
195
289
 
@@ -208,13 +302,15 @@
208
302
  background-color: $bg;
209
303
 
210
304
  @if (
211
- setter(
212
- if(
213
- variable-exists(enable-rounded),
214
- $enable-rounded,
215
- $cadmin-enable-rounded
216
- ),
217
- true
305
+ if(
306
+ variable-exists(enable-rounded),
307
+ $enable-rounded,
308
+ if
309
+ (
310
+ variable-exists(cadmin-enable-rounded),
311
+ $cadmin-enable-rounded,
312
+ true
313
+ )
218
314
  )
219
315
  ) {
220
316
  border-bottom-left-radius: $border-bottom-left-radius;
package/src/scss/mixins/_menubar.scss CHANGED
@@ -288,13 +288,15 @@
288
288
  $_toggler-mobile-c-inner,
289
289
  (
290
290
  enabled:
291
- setter(
292
- if(
293
- variable-exists(enable-c-inner),
294
- $enable-c-inner,
295
- $cadmin-enable-c-inner
296
- ),
297
- true
291
+ if(
292
+ variable-exists(enable-c-inner),
293
+ $enable-c-inner,
294
+ if
295
+ (
296
+ variable-exists(cadmin-enable-c-inner),
297
+ $cadmin-enable-c-inner,
298
+ true
299
+ )
298
300
  ),
299
301
  margin-bottom:
300
302
  setter(
@@ -537,7 +539,12 @@
537
539
  if(
538
540
  variable-exists(navbar-light-color),
539
541
  $navbar-light-color,
540
- $cadmin-navbar-light-color
542
+ if
543
+ (
544
+ variable-exists(cadmin-navbar-light-color),
545
+ $cadmin-navbar-light-color,
546
+ null
547
+ )
541
548
  )
542
549
  ),
543
550
  hover: (
@@ -553,7 +560,14 @@
553
560
  if(
554
561
  variable-exists(navbar-light-hover-color),
555
562
  $navbar-light-hover-color,
556
- $cadmin-navbar-light-hover-color
563
+ if
564
+ (
565
+ variable-exists(
566
+ cadmin-navbar-light-hover-color
567
+ ),
568
+ $cadmin-navbar-light-hover-color,
569
+ null
570
+ )
557
571
  )
558
572
  ),
559
573
  ),
@@ -570,7 +584,14 @@
570
584
  if(
571
585
  variable-exists(navbar-light-active-color),
572
586
  $navbar-light-active-color,
573
- $cadmin-navbar-light-active-color
587
+ if
588
+ (
589
+ variable-exists(
590
+ cadmin-navbar-light-active-color
591
+ ),
592
+ $cadmin-navbar-light-active-color,
593
+ null
594
+ )
574
595
  )
575
596
  ),
576
597
  ),
@@ -594,7 +615,14 @@
594
615
  if(
595
616
  variable-exists(navbar-light-disabled-color),
596
617
  $navbar-light-disabled-color,
597
- $cadmin-navbar-light-disabled-color
618
+ if
619
+ (
620
+ variable-exists(
621
+ cadmin-navbar-light-disabled-color
622
+ ),
623
+ $cadmin-navbar-light-disabled-color,
624
+ null
625
+ )
598
626
  )
599
627
  ),
600
628
  ),
@@ -621,7 +649,12 @@
621
649
  if(
622
650
  variable-exists(dropdown-link-color),
623
651
  $dropdown-link-color,
624
- $cadmin-dropdown-link-color
652
+ if
653
+ (
654
+ variable-exists(cadmin-dropdown-link-color),
655
+ $cadmin-dropdown-link-color,
656
+ null
657
+ )
625
658
  )
626
659
  ),
627
660
  hover: (
@@ -632,7 +665,14 @@
632
665
  if(
633
666
  variable-exists(dropdown-link-hover-bg),
634
667
  $dropdown-link-hover-bg,
635
- $cadmin-dropdown-link-hover-bg
668
+ if
669
+ (
670
+ variable-exists(
671
+ cadmin-dropdown-link-hover-bg
672
+ ),
673
+ $cadmin-dropdown-link-hover-bg,
674
+ null
675
+ )
636
676
  )
637
677
  ),
638
678
  color:
@@ -642,7 +682,14 @@
642
682
  if(
643
683
  variable-exists(dropdown-link-hover-color),
644
684
  $dropdown-link-hover-color,
645
- $cadmin-dropdown-link-hover-color
685
+ if
686
+ (
687
+ variable-exists(
688
+ cadmin-dropdown-link-hover-color
689
+ ),
690
+ $cadmin-dropdown-link-hover-color,
691
+ null
692
+ )
646
693
  )
647
694
  ),
648
695
  ),
@@ -654,7 +701,14 @@
654
701
  if(
655
702
  variable-exists(dropdown-link-active-bg),
656
703
  $dropdown-link-active-bg,
657
- $cadmin-dropdown-link-active-bg
704
+ if
705
+ (
706
+ variable-exists(
707
+ cadmin-dropdown-link-active-bg
708
+ ),
709
+ $cadmin-dropdown-link-active-bg,
710
+ null
711
+ )
658
712
  )
659
713
  ),
660
714
  color:
@@ -664,7 +718,14 @@
664
718
  if(
665
719
  variable-exists(dropdown-link-active-color),
666
720
  $dropdown-link-active-color,
667
- $cadmin-dropdown-link-active-color
721
+ if
722
+ (
723
+ variable-exists(
724
+ cadmin-dropdown-link-active-color
725
+ ),
726
+ $cadmin-dropdown-link-active-color,
727
+ null
728
+ )
668
729
  )
669
730
  ),
670
731
  ),
@@ -676,7 +737,14 @@
676
737
  if(
677
738
  variable-exists(dropdown-link-active-font-weight),
678
739
  $dropdown-link-active-font-weight,
679
- $cadmin-dropdown-link-active-font-weight
740
+ if
741
+ (
742
+ variable-exists(
743
+ cadmin-dropdown-link-active-font-weight
744
+ ),
745
+ $cadmin-dropdown-link-active-font-weight,
746
+ null
747
+ )
680
748
  )
681
749
  ),
682
750
  ),
@@ -694,7 +762,14 @@
694
762
  if(
695
763
  variable-exists(dropdown-link-disabled-color),
696
764
  $dropdown-link-disabled-color,
697
- $cadmin-dropdown-link-disabled-color
765
+ if
766
+ (
767
+ variable-exists(
768
+ cadmin-dropdown-link-disabled-color
769
+ ),
770
+ $cadmin-dropdown-link-disabled-color,
771
+ null
772
+ )
698
773
  )
699
774
  ),
700
775
  ),
@@ -716,7 +791,12 @@
716
791
  if(
717
792
  variable-exists(dropdown-bg),
718
793
  $dropdown-bg,
719
- $cadmin-dropdown-bg
794
+ if
795
+ (
796
+ variable-exists(cadmin-dropdown-bg),
797
+ $cadmin-dropdown-bg,
798
+ null
799
+ )
720
800
  )
721
801
  ),
722
802
  border-color:
@@ -726,7 +806,12 @@
726
806
  if(
727
807
  variable-exists(dropdown-border-color),
728
808
  $dropdown-border-color,
729
- $cadmin-dropdown-border-color
809
+ if
810
+ (
811
+ variable-exists(cadmin-dropdown-border-color),
812
+ $cadmin-dropdown-border-color,
813
+ null
814
+ )
730
815
  )
731
816
  ),
732
817
  border-radius:
@@ -736,7 +821,12 @@
736
821
  if(
737
822
  variable-exists(border-radius),
738
823
  $border-radius,
739
- $cadmin-border-radius
824
+ if
825
+ (
826
+ variable-exists(cadmin-border-radius),
827
+ $cadmin-border-radius,
828
+ null
829
+ )
740
830
  )
741
831
  ),
742
832
  border-style:
@@ -751,7 +841,12 @@
751
841
  if(
752
842
  variable-exists(dropdown-box-shadow),
753
843
  $dropdown-box-shadow,
754
- $cadmin-dropdown-box-shadow
844
+ if
845
+ (
846
+ variable-exists(cadmin-dropdown-box-shadow),
847
+ $cadmin-dropdown-box-shadow,
848
+ null
849
+ )
755
850
  )
756
851
  ),
757
852
  )