@clayui/css 3.134.0 → 3.135.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 (16) hide show
  1. package/lib/css/atlas.css +31 -26
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +31 -26
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +3 -26
  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/mixins/_navbar.scss +436 -270
  11. package/src/scss/mixins/_stickers.scss +86 -39
  12. package/src/scss/mixins/_tables.scss +527 -308
  13. package/src/scss/mixins/_tbar.scss +165 -87
  14. package/src/scss/mixins/_toggle-switch.scss +705 -380
  15. package/src/scss/mixins/_tooltip.scss +53 -21
  16. package/src/scss/variables/_modals.scss +1 -1
package/src/scss/mixins/_stickers.scss CHANGED
@@ -217,73 +217,120 @@
217
217
  }
218
218
 
219
219
  @if ($enabled) {
220
- @include clay-css($base);
220
+ @if (length($base) != 0) {
221
+ @include clay-css($base);
222
+ }
221
223
 
222
- > .inline-item {
223
- @include clay-css($inline-item);
224
+ @if (length($inline-item) != 0) {
225
+ > .inline-item {
226
+ @include clay-css($inline-item);
224
227
 
225
- .lexicon-icon {
226
- @include clay-css(
227
- map-deep-get($map, inline-item, lexicon-icon)
228
- );
228
+ $_lexicon-icon: map-get($inline-item, lexicon-icon);
229
+
230
+ @if ($_lexicon-icon) {
231
+ .lexicon-icon {
232
+ @include clay-css($_lexicon-icon);
233
+ }
234
+ }
229
235
  }
230
236
  }
231
237
 
232
- .lexicon-icon {
233
- @include clay-css(map-get($map, lexicon-icon));
234
- }
238
+ $_lexicon-icon: map-get($map, lexicon-icon);
235
239
 
236
- .sticker-img {
237
- @include clay-css(map-get($map, sticker-img));
240
+ @if ($_lexicon-icon) {
241
+ .lexicon-icon {
242
+ @include clay-css($_lexicon-icon);
243
+ }
238
244
  }
239
245
 
240
- .sticker-overlay {
241
- @include clay-css(map-get($map, sticker-overlay));
246
+ $_sticker-img: map-get($map, sticker-img);
247
+
248
+ @if ($_sticker-img) {
249
+ .sticker-img {
250
+ @include clay-css($_sticker-img);
251
+ }
242
252
  }
243
253
 
244
- &.rounded {
245
- @include clay-css(map-get($map, rounded));
254
+ $_sticker-overlay: map-get($map, sticker-overlay);
246
255
 
256
+ @if ($_sticker-overlay) {
247
257
  .sticker-overlay {
248
- @include clay-css(
249
- map-deep-get($map, rounded, sticker-overlay)
250
- );
258
+ @include clay-css($_sticker-overlay);
251
259
  }
252
260
  }
253
261
 
254
- &.rounded-circle {
255
- @include clay-css(map-get($map, rounded-circle));
262
+ $_rounded: map-get($map, rounded);
256
263
 
257
- .sticker-overlay {
258
- @include clay-css(
259
- map-deep-get($map, rounded-circle, sticker-overlay)
260
- );
264
+ @if ($_rounded) {
265
+ &.rounded {
266
+ @include clay-css($_rounded);
267
+
268
+ $_sticker-overlay: map-get($_rounded, sticker-overlay);
269
+
270
+ @if ($_sticker-overlay) {
271
+ .sticker-overlay {
272
+ @include clay-css($_sticker-overlay);
273
+ }
274
+ }
261
275
  }
262
276
  }
263
277
 
264
- &.rounded-0 {
265
- @include clay-css(map-get($map, rounded-0));
278
+ $_rounded-circle: map-get($map, rounded-circle);
266
279
 
267
- .sticker-overlay {
268
- @include clay-css(
269
- map-deep-get($map, rounded-0, sticker-overlay)
280
+ @if ($_rounded-circle) {
281
+ &.rounded-circle {
282
+ @include clay-css($_rounded-circle);
283
+
284
+ $_sticker-overlay: map-get(
285
+ $_rounded-circle,
286
+ sticker-overlay
270
287
  );
288
+
289
+ @if ($_sticker-overlay) {
290
+ .sticker-overlay {
291
+ @include clay-css($_sticker-overlay);
292
+ }
293
+ }
271
294
  }
272
295
  }
273
296
 
274
- &.sticker-outside {
275
- @include clay-css($sticker-outside);
297
+ $_rounded-0: map-get($map, rounded-0);
276
298
 
277
- &.sticker-bottom-left {
278
- @include clay-css($sticker-outside-bottom-left);
279
- }
299
+ @if ($_rounded-0) {
300
+ &.rounded-0 {
301
+ @include clay-css($_rounded-0);
280
302
 
281
- &.sticker-bottom-right {
282
- @include clay-css($sticker-outside-bottom-right);
303
+ $_sticker-overlay: map-get($_rounded-0, sticker-overlay);
304
+
305
+ @if ($_sticker-overlay) {
306
+ .sticker-overlay {
307
+ @include clay-css($_sticker-overlay);
308
+ }
309
+ }
283
310
  }
311
+ }
284
312
 
285
- &.sticker-top-right {
286
- @include clay-css($sticker-outside-top-right);
313
+ @if (length($sticker-outside) != 0) {
314
+ &.sticker-outside {
315
+ @include clay-css($sticker-outside);
316
+
317
+ @if (length($sticker-outside-bottom-left) != 0) {
318
+ &.sticker-bottom-left {
319
+ @include clay-css($sticker-outside-bottom-left);
320
+ }
321
+ }
322
+
323
+ @if (length($sticker-outside-bottom-right) != 0) {
324
+ &.sticker-bottom-right {
325
+ @include clay-css($sticker-outside-bottom-right);
326
+ }
327
+ }
328
+
329
+ @if (length($sticker-outside-top-right) != 0) {
330
+ &.sticker-top-right {
331
+ @include clay-css($sticker-outside-top-right);
332
+ }
333
+ }
287
334
  }
288
335
  }
289
336
  }