@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/variables/_sidebar.scss CHANGED
@@ -79,29 +79,6 @@ $sidebar-list-group-sticker-size: map-deep-merge(
79
79
 
80
80
  // Sidebar Light
81
81
 
82
- $sidebar-light: () !default;
83
- $sidebar-light: map-deep-merge(
84
- (
85
- bg: $light,
86
- border-color: $gray-300,
87
- border-left-width: 1px,
88
- color: $gray-900,
89
- dd: (
90
- clay-link: (
91
- color: $gray-900,
92
- ),
93
- ),
94
- panel-bg: $gray-200,
95
- sidebar-list-group-title: (
96
- font-size: 1rem,
97
- clay-link: (
98
- color: $gray-900,
99
- ),
100
- ),
101
- ),
102
- $sidebar-light
103
- );
104
-
105
82
  $sidebar-light-navigation-bar: () !default;
106
83
  $sidebar-light-navigation-bar: map-deep-merge(
107
84
  (
@@ -127,42 +104,144 @@ $sidebar-light-navigation-bar: map-deep-merge(
127
104
  $sidebar-light-navigation-bar
128
105
  );
129
106
 
107
+ $sidebar-light: () !default;
108
+ $sidebar-light: map-deep-merge(
109
+ (
110
+ background-color: $light,
111
+ border-color: $gray-300,
112
+ border-left-width: 1px,
113
+ color: $gray-900,
114
+ sidebar-dd: (
115
+ href: (
116
+ color: $gray-900,
117
+ ),
118
+ ),
119
+ sidebar-panel: (
120
+ background-color: $gray-200,
121
+ ),
122
+ sidebar-list-group: (
123
+ list-group-title: (
124
+ font-size: 1rem,
125
+ href: (
126
+ color: $gray-900,
127
+ ),
128
+ ),
129
+ ),
130
+ component-navigation-bar: $sidebar-light-navigation-bar,
131
+ ),
132
+ $sidebar-light
133
+ );
134
+
130
135
  // Sidebar Dark
131
136
 
132
137
  $sidebar-dark: () !default;
133
138
  $sidebar-dark: map-deep-merge(
134
139
  (
135
- bg: $dark,
140
+ background-color: $dark,
136
141
  color: $white,
137
- component-header-title: (
138
- color: inherit,
139
- clay-link: (
142
+ sidebar-header: (
143
+ component-title: (
140
144
  color: inherit,
145
+ href: (
146
+ color: inherit,
147
+ ),
141
148
  ),
142
- ),
143
- component-header-subtitle: (
144
- color: inherit,
145
- clay-link: (
149
+ component-subtitle: (
146
150
  color: inherit,
151
+ href: (
152
+ color: inherit,
153
+ ),
147
154
  ),
148
155
  ),
149
156
  close: (
150
157
  color: $secondary-l1,
151
- hover-color: $white,
158
+ hover: (
159
+ color: $white,
160
+ ),
152
161
  ),
153
- nav-nested-link: (
154
- border-radius: $border-radius,
155
- color: $secondary-l1,
156
- transition: box-shadow 0.15s ease-in-out,
157
- hover-color: $white,
158
- focus-box-shadow: $component-focus-box-shadow,
159
- focus-outline: 0,
160
- active-color: $white,
161
- disabled-box-shadow: none,
162
- disabled-color: $secondary-l1,
163
- disabled-opacity: 0.65,
164
- disabled-active-pointer-events: none,
162
+ nav-nested: (
163
+ nav-link: (
164
+ border-radius: $border-radius,
165
+ color: $secondary-l1,
166
+ transition: box-shadow 0.15s ease-in-out,
167
+ hover: (
168
+ color: $white,
169
+ ),
170
+ focus: (
171
+ box-shadow: $component-focus-box-shadow,
172
+ outline: 0,
173
+ ),
174
+ active: (
175
+ color: $white,
176
+ ),
177
+ disabled: (
178
+ box-shadow: none,
179
+ color: $secondary-l1,
180
+ opacity: 0.65,
181
+ active: (
182
+ pointer-events: none,
183
+ ),
184
+ ),
185
+ ),
165
186
  ),
166
187
  ),
167
188
  $sidebar-dark
168
189
  );
190
+
191
+ $sidebar-palette: () !default;
192
+ $sidebar-palette: map-deep-merge(
193
+ (
194
+ sidebar-light: $sidebar-light,
195
+ sidebar-dark: $sidebar-dark,
196
+ sidebar-dark-l2: (
197
+ background-color: $dark-l2,
198
+ color: $white,
199
+ sidebar-header: (
200
+ component-title: (
201
+ color: inherit,
202
+ href: (
203
+ color: inherit,
204
+ ),
205
+ ),
206
+ component-subtitle: (
207
+ color: inherit,
208
+ href: (
209
+ color: inherit,
210
+ ),
211
+ ),
212
+ ),
213
+ close: (
214
+ color: $secondary-l1,
215
+ hover: (
216
+ color: $white,
217
+ ),
218
+ ),
219
+ nav-nested: (
220
+ nav-link: (
221
+ border-radius: $border-radius,
222
+ color: $secondary-l1,
223
+ transition: box-shadow 0.15s ease-in-out,
224
+ hover: (
225
+ color: $white,
226
+ ),
227
+ focus: (
228
+ box-shadow: $component-focus-box-shadow,
229
+ outline: 0,
230
+ ),
231
+ active: (
232
+ color: $white,
233
+ ),
234
+ disabled: (
235
+ box-shadow: none,
236
+ color: $secondary-l1,
237
+ opacity: 0.65,
238
+ active: (
239
+ pointer-events: none,
240
+ ),
241
+ ),
242
+ ),
243
+ ),
244
+ ),
245
+ ),
246
+ $sidebar-palette
247
+ );
package/src/scss/variables/_type.scss CHANGED
@@ -5,6 +5,20 @@ $strong-font-weight: null !default;
5
5
  $reference-mark-font-size: 0.75rem !default;
6
6
  $reference-mark-vertical-align: super !default;
7
7
 
8
+ $reference-mark: () !default;
9
+ $reference-mark: map-deep-merge(
10
+ (
11
+ display: inline-block,
12
+ font-size: $reference-mark-font-size,
13
+ position: relative,
14
+ vertical-align: $reference-mark-vertical-align,
15
+ lexicon-icon: (
16
+ vertical-align: $reference-mark-vertical-align,
17
+ ),
18
+ ),
19
+ $reference-mark
20
+ );
21
+
8
22
  $mark-color: null !default;
9
23
 
10
24
  // C Kbd