@clayui/css 3.158.0 → 3.160.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 (243) hide show
  1. package/lib/css/atlas.css +2097 -1938
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +2077 -1906
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +1754 -1628
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/blue-print.svg +9 -0
  8. package/lib/images/icons/calculator.svg +10 -0
  9. package/lib/images/icons/icons.svg +1 -1
  10. package/lib/images/icons/layout-new-window.svg +10 -0
  11. package/lib/images/icons/medal.svg +10 -0
  12. package/lib/images/icons/megaphone.svg +9 -0
  13. package/lib/images/icons/price-list.svg +11 -0
  14. package/lib/images/icons/process-builder.svg +9 -0
  15. package/lib/images/icons/product-configuration.svg +10 -0
  16. package/lib/images/icons/product-menu-open.svg +2 -2
  17. package/lib/images/icons/products.svg +9 -0
  18. package/lib/images/icons/publications.svg +10 -0
  19. package/lib/images/icons/puzzle.svg +9 -0
  20. package/lib/images/icons/rocket.svg +11 -0
  21. package/lib/images/icons/submission.svg +10 -0
  22. package/lib/images/icons/synonyms.svg +9 -0
  23. package/package.json +2 -1
  24. package/src/images/icons/blue-print.svg +9 -0
  25. package/src/images/icons/calculator.svg +10 -0
  26. package/src/images/icons/icons.svg +1 -1
  27. package/src/images/icons/layout-new-window.svg +10 -0
  28. package/src/images/icons/medal.svg +10 -0
  29. package/src/images/icons/megaphone.svg +9 -0
  30. package/src/images/icons/price-list.svg +11 -0
  31. package/src/images/icons/process-builder.svg +9 -0
  32. package/src/images/icons/product-configuration.svg +10 -0
  33. package/src/images/icons/product-menu-open.svg +2 -2
  34. package/src/images/icons/products.svg +9 -0
  35. package/src/images/icons/publications.svg +10 -0
  36. package/src/images/icons/puzzle.svg +9 -0
  37. package/src/images/icons/rocket.svg +11 -0
  38. package/src/images/icons/submission.svg +10 -0
  39. package/src/images/icons/synonyms.svg +9 -0
  40. package/src/scss/_license-text.scss +1 -1
  41. package/src/scss/atlas/variables/_alerts.scss +102 -11
  42. package/src/scss/atlas/variables/_application-bar.scss +7 -0
  43. package/src/scss/atlas/variables/_badges.scss +36 -8
  44. package/src/scss/atlas/variables/_breadcrumbs.scss +2 -1
  45. package/src/scss/atlas/variables/_cards.scss +5 -0
  46. package/src/scss/atlas/variables/_clay-color.scss +5 -0
  47. package/src/scss/atlas/variables/_custom-forms.scss +36 -5
  48. package/src/scss/atlas/variables/_date-picker.scss +14 -2
  49. package/src/scss/atlas/variables/_dropdowns.scss +9 -2
  50. package/src/scss/atlas/variables/_forms.scss +35 -5
  51. package/src/scss/atlas/variables/_globals.scss +110 -63
  52. package/src/scss/atlas/variables/_labels.scss +55 -0
  53. package/src/scss/atlas/variables/_links.scss +18 -0
  54. package/src/scss/atlas/variables/_list-group.scss +15 -4
  55. package/src/scss/atlas/variables/_management-bar.scss +11 -0
  56. package/src/scss/atlas/variables/_menubar.scss +70 -22
  57. package/src/scss/atlas/variables/_modals.scss +16 -0
  58. package/src/scss/atlas/variables/_navbar.scss +7 -0
  59. package/src/scss/atlas/variables/_navigation-bar.scss +25 -1
  60. package/src/scss/atlas/variables/_navs.scss +5 -2
  61. package/src/scss/atlas/variables/_pagination.scss +42 -22
  62. package/src/scss/atlas/variables/_panels.scss +7 -0
  63. package/src/scss/atlas/variables/_popovers.scss +6 -4
  64. package/src/scss/atlas/variables/_range.scss +6 -0
  65. package/src/scss/atlas/variables/_sheets.scss +1 -0
  66. package/src/scss/atlas/variables/_sidebar.scss +10 -0
  67. package/src/scss/atlas/variables/_tables.scss +27 -3
  68. package/src/scss/atlas/variables/_time.scss +1 -0
  69. package/src/scss/atlas/variables/_toggle-switch.scss +19 -7
  70. package/src/scss/atlas/variables/_utilities.scss +3 -0
  71. package/src/scss/cadmin/components/_alerts.scss +3 -1
  72. package/src/scss/cadmin/components/_button-groups.scss +2 -2
  73. package/src/scss/cadmin/components/_cards.scss +2 -2
  74. package/src/scss/cadmin/components/_drilldown.scss +10 -10
  75. package/src/scss/cadmin/components/_dropdowns.scss +2 -2
  76. package/src/scss/cadmin/components/_forms.scss +2 -2
  77. package/src/scss/cadmin/components/_grid.scss +6 -6
  78. package/src/scss/cadmin/components/_icons.scss +10 -2
  79. package/src/scss/cadmin/components/_images.scss +1 -1
  80. package/src/scss/cadmin/components/_input-groups.scss +4 -4
  81. package/src/scss/cadmin/components/_list-group.scss +11 -10
  82. package/src/scss/cadmin/components/_modals.scss +5 -5
  83. package/src/scss/cadmin/components/_multi-step-nav.scss +45 -20
  84. package/src/scss/cadmin/components/_navbar.scss +14 -8
  85. package/src/scss/cadmin/components/_navs.scss +1 -1
  86. package/src/scss/cadmin/components/_panels.scss +51 -25
  87. package/src/scss/cadmin/components/_popovers.scss +25 -21
  88. package/src/scss/cadmin/components/_sheets.scss +40 -14
  89. package/src/scss/cadmin/components/_time.scss +6 -2
  90. package/src/scss/cadmin/components/_timelines.scss +15 -8
  91. package/src/scss/cadmin/components/_tooltip.scss +8 -7
  92. package/src/scss/cadmin/components/_treeview.scss +8 -1
  93. package/src/scss/cadmin/components/_type.scss +4 -2
  94. package/src/scss/cadmin/components/_utilities-functional-important.scss +5 -5
  95. package/src/scss/cadmin/components/_utilities.scss +13 -13
  96. package/src/scss/cadmin/variables/_alerts.scss +184 -34
  97. package/src/scss/cadmin/variables/_badges.scss +121 -21
  98. package/src/scss/cadmin/variables/_breadcrumbs.scss +18 -11
  99. package/src/scss/cadmin/variables/_buttons.scss +15 -10
  100. package/src/scss/cadmin/variables/_cards.scss +89 -32
  101. package/src/scss/cadmin/variables/_clay-color.scss +40 -18
  102. package/src/scss/cadmin/variables/_custom-forms.scss +49 -10
  103. package/src/scss/cadmin/variables/_date-picker.scss +47 -19
  104. package/src/scss/cadmin/variables/_dropdowns.scss +105 -49
  105. package/src/scss/cadmin/variables/_dual-listbox.scss +1 -1
  106. package/src/scss/cadmin/variables/_empty-state.scss +5 -2
  107. package/src/scss/cadmin/variables/_forms.scss +218 -74
  108. package/src/scss/cadmin/variables/_globals-z-index.scss +28 -5
  109. package/src/scss/cadmin/variables/_globals.scss +141 -71
  110. package/src/scss/cadmin/variables/_images.scss +1 -2
  111. package/src/scss/cadmin/variables/_labels.scss +99 -6
  112. package/src/scss/cadmin/variables/_links.scss +47 -11
  113. package/src/scss/cadmin/variables/_list-group.scss +25 -9
  114. package/src/scss/cadmin/variables/_loaders.scss +18 -2
  115. package/src/scss/cadmin/variables/_management-bar.scss +66 -26
  116. package/src/scss/cadmin/variables/_menubar.scss +137 -43
  117. package/src/scss/cadmin/variables/_modals.scss +75 -26
  118. package/src/scss/cadmin/variables/_multi-step-nav.scss +34 -14
  119. package/src/scss/cadmin/variables/_navbar.scss +22 -15
  120. package/src/scss/cadmin/variables/_navigation-bar.scss +73 -37
  121. package/src/scss/cadmin/variables/_navs.scss +65 -33
  122. package/src/scss/cadmin/variables/_pagination.scss +60 -22
  123. package/src/scss/cadmin/variables/_panels.scss +34 -16
  124. package/src/scss/cadmin/variables/_popovers.scss +66 -77
  125. package/src/scss/cadmin/variables/_progress-bars.scss +8 -3
  126. package/src/scss/cadmin/variables/_range.scss +29 -9
  127. package/src/scss/cadmin/variables/_reorder.scss +7 -6
  128. package/src/scss/cadmin/variables/_resizer.scss +5 -3
  129. package/src/scss/cadmin/variables/_sheets.scss +21 -12
  130. package/src/scss/cadmin/variables/_sidebar.scss +76 -5
  131. package/src/scss/cadmin/variables/_slideout.scss +88 -31
  132. package/src/scss/cadmin/variables/_stickers.scss +47 -8
  133. package/src/scss/cadmin/variables/_tables.scss +142 -51
  134. package/src/scss/cadmin/variables/_tbar.scss +79 -31
  135. package/src/scss/cadmin/variables/_time.scss +14 -12
  136. package/src/scss/cadmin/variables/_timelines.scss +4 -2
  137. package/src/scss/cadmin/variables/_toggle-switch.scss +117 -37
  138. package/src/scss/cadmin/variables/_tooltip.scss +47 -49
  139. package/src/scss/cadmin/variables/_treeview.scss +62 -10
  140. package/src/scss/cadmin/variables/_type.scss +11 -9
  141. package/src/scss/cadmin/variables/_utilities.scss +123 -6
  142. package/src/scss/components/_alerts.scss +1 -1
  143. package/src/scss/components/_button-groups.scss +2 -2
  144. package/src/scss/components/_cards.scss +10 -10
  145. package/src/scss/components/_carousel.scss +2 -2
  146. package/src/scss/components/_custom-forms.scss +27 -15
  147. package/src/scss/components/_drilldown.scss +8 -4
  148. package/src/scss/components/_forms.scss +6 -6
  149. package/src/scss/components/_grid.scss +7 -7
  150. package/src/scss/components/_icons.scss +10 -2
  151. package/src/scss/components/_images.scss +1 -1
  152. package/src/scss/components/_input-groups.scss +7 -5
  153. package/src/scss/components/_jumbotron.scss +2 -2
  154. package/src/scss/components/_list-group.scss +29 -14
  155. package/src/scss/components/_modals.scss +5 -5
  156. package/src/scss/components/_multi-step-nav.scss +32 -12
  157. package/src/scss/components/_navbar.scss +10 -6
  158. package/src/scss/components/_panels.scss +82 -51
  159. package/src/scss/components/_popovers.scss +21 -25
  160. package/src/scss/components/_sheets.scss +38 -14
  161. package/src/scss/components/_side-navigation.scss +2 -2
  162. package/src/scss/components/_time.scss +2 -2
  163. package/src/scss/components/_timelines.scss +16 -12
  164. package/src/scss/components/_tooltip.scss +8 -6
  165. package/src/scss/components/_treeview.scss +8 -1
  166. package/src/scss/components/_type.scss +2 -2
  167. package/src/scss/components/_utilities-functional-important.scss +5 -5
  168. package/src/scss/components/_utilities.scss +13 -13
  169. package/src/scss/functions/_global-functions.scss +2 -2
  170. package/src/scss/functions/_lx-icons-generated.scss +29 -1
  171. package/src/scss/mixins/_alerts.scss +10 -0
  172. package/src/scss/mixins/_aspect-ratio.scss +11 -0
  173. package/src/scss/mixins/_badges.scss +14 -2
  174. package/src/scss/mixins/_buttons.scss +68 -8
  175. package/src/scss/mixins/_cards.scss +81 -0
  176. package/src/scss/mixins/_close.scss +54 -4
  177. package/src/scss/mixins/_dropdown-menu.scss +55 -6
  178. package/src/scss/mixins/_forms.scss +150 -0
  179. package/src/scss/mixins/_globals.scss +101 -358
  180. package/src/scss/mixins/_grid.scss +21 -8
  181. package/src/scss/mixins/_highlight.scss +14 -0
  182. package/src/scss/mixins/_input-groups.scss +15 -0
  183. package/src/scss/mixins/_labels.scss +64 -10
  184. package/src/scss/mixins/_links.scss +55 -4
  185. package/src/scss/mixins/_list-group.scss +8 -4
  186. package/src/scss/mixins/_menubar.scss +80 -4
  187. package/src/scss/mixins/_modals.scss +10 -18
  188. package/src/scss/mixins/_nav.scss +19 -0
  189. package/src/scss/mixins/_navbar.scss +237 -49
  190. package/src/scss/mixins/_panels.scss +48 -4
  191. package/src/scss/mixins/_stickers.scss +8 -0
  192. package/src/scss/mixins/_tbar.scss +65 -10
  193. package/src/scss/mixins/_timelines.scss +21 -11
  194. package/src/scss/mixins/_toggle-switch.scss +4 -0
  195. package/src/scss/mixins/_utilities.scss +9 -0
  196. package/src/scss/variables/_alerts.scss +184 -29
  197. package/src/scss/variables/_application-bar.scss +11 -4
  198. package/src/scss/variables/_badges.scss +133 -35
  199. package/src/scss/variables/_breadcrumbs.scss +13 -4
  200. package/src/scss/variables/_buttons.scss +11 -10
  201. package/src/scss/variables/_cards.scss +131 -53
  202. package/src/scss/variables/_clay-color.scss +36 -18
  203. package/src/scss/variables/_custom-forms.scss +51 -14
  204. package/src/scss/variables/_date-picker.scss +41 -16
  205. package/src/scss/variables/_drilldown.scss +3 -3
  206. package/src/scss/variables/_dropdowns.scss +108 -49
  207. package/src/scss/variables/_dual-listbox.scss +1 -1
  208. package/src/scss/variables/_empty-state.scss +5 -2
  209. package/src/scss/variables/_forms.scss +209 -71
  210. package/src/scss/variables/_globals-z-index.scss +26 -5
  211. package/src/scss/variables/_globals.scss +145 -68
  212. package/src/scss/variables/_images.scss +1 -2
  213. package/src/scss/variables/_labels.scss +103 -6
  214. package/src/scss/variables/_links.scss +39 -10
  215. package/src/scss/variables/_list-group.scss +39 -13
  216. package/src/scss/variables/_loaders.scss +18 -2
  217. package/src/scss/variables/_management-bar.scss +23 -6
  218. package/src/scss/variables/_menubar.scss +86 -19
  219. package/src/scss/variables/_modals.scss +66 -25
  220. package/src/scss/variables/_multi-step-nav.scss +29 -11
  221. package/src/scss/variables/_navbar.scss +14 -8
  222. package/src/scss/variables/_navigation-bar.scss +26 -4
  223. package/src/scss/variables/_navs.scss +76 -44
  224. package/src/scss/variables/_pagination.scss +30 -5
  225. package/src/scss/variables/_panels.scss +77 -24
  226. package/src/scss/variables/_popovers.scss +65 -78
  227. package/src/scss/variables/_progress-bars.scss +11 -2
  228. package/src/scss/variables/_range.scss +35 -9
  229. package/src/scss/variables/_reorder.scss +7 -6
  230. package/src/scss/variables/_resizer.scss +5 -3
  231. package/src/scss/variables/_sheets.scss +21 -13
  232. package/src/scss/variables/_sidebar.scss +72 -4
  233. package/src/scss/variables/_slideout.scss +87 -31
  234. package/src/scss/variables/_stickers.scss +61 -9
  235. package/src/scss/variables/_tables.scss +125 -33
  236. package/src/scss/variables/_tbar.scss +79 -30
  237. package/src/scss/variables/_time.scss +13 -11
  238. package/src/scss/variables/_timelines.scss +2 -1
  239. package/src/scss/variables/_toggle-switch.scss +114 -30
  240. package/src/scss/variables/_tooltip.scss +46 -49
  241. package/src/scss/variables/_treeview.scss +63 -10
  242. package/src/scss/variables/_type.scss +9 -7
  243. package/src/scss/variables/_utilities.scss +124 -6
package/src/scss/cadmin/components/_forms.scss CHANGED
@@ -402,7 +402,7 @@ textarea.form-control-plaintext,
402
402
  }
403
403
 
404
404
  .form-check-input {
405
- margin-left: math-sign($cadmin-form-check-input-gutter);
405
+ margin-left: calc(#{$cadmin-form-check-input-gutter} * -1);
406
406
  margin-top: $cadmin-form-check-input-margin-y;
407
407
  position: static;
408
408
 
@@ -643,7 +643,7 @@ textarea.form-control-sm,
643
643
  > .form-group-item:not(:last-child) {
644
644
  @include media-breakpoint-up(sm, $cadmin-grid-breakpoints) {
645
645
  margin-bottom: 0;
646
- margin-right: $cadmin-grid-gutter-width * 0.5;
646
+ margin-right: calc(#{$cadmin-grid-gutter-width} * 0.5);
647
647
  }
648
648
  }
649
649
 
package/src/scss/cadmin/components/_grid.scss CHANGED
@@ -74,8 +74,8 @@
74
74
  &.row {
75
75
  display: flex;
76
76
  flex-wrap: wrap;
77
- margin-left: math-sign($cadmin-grid-gutter-width * 0.5);
78
- margin-right: math-sign($cadmin-grid-gutter-width * 0.5);
77
+ margin-left: calc(#{$cadmin-grid-gutter-width} * -0.5);
78
+ margin-right: calc(#{$cadmin-grid-gutter-width} * -0.5);
79
79
  }
80
80
 
81
81
  // Remove the negative margin from default .row, then the horizontal padding
@@ -97,8 +97,8 @@
97
97
 
98
98
  @if $cadmin-enable-grid-classes {
99
99
  %grid-column {
100
- padding-left: $cadmin-grid-gutter-width * 0.5;
101
- padding-right: $cadmin-grid-gutter-width * 0.5;
100
+ padding-left: calc(#{$cadmin-grid-gutter-width} * 0.5);
101
+ padding-right: calc(#{$cadmin-grid-gutter-width} * 0.5);
102
102
  position: relative;
103
103
  width: 100%;
104
104
  }
@@ -243,8 +243,8 @@
243
243
 
244
244
  .container &,
245
245
  .container-fluid & {
246
- margin-left: math-sign($cadmin-grid-gutter-width * 0.5);
247
- margin-right: math-sign($cadmin-grid-gutter-width * 0.5);
246
+ margin-left: calc(#{$cadmin-grid-gutter-width} * -0.5);
247
+ margin-right: calc(#{$cadmin-grid-gutter-width} * -0.5);
248
248
  }
249
249
  }
250
250
 
package/src/scss/cadmin/components/_icons.scss CHANGED
@@ -23,8 +23,16 @@ button.collapse-icon {
23
23
 
24
24
  @if ($cadmin-enable-c-inner) {
25
25
  .c-inner {
26
- margin-left: math-sign($cadmin-collapse-icon-padding-left);
27
- margin-right: math-sign($cadmin-collapse-icon-padding-right);
26
+ margin-left: if(
27
+ $cadmin-collapse-icon-padding-left,
28
+ calc(#{$cadmin-collapse-icon-padding-left} * -1),
29
+ null
30
+ );
31
+ margin-right: if(
32
+ $cadmin-collapse-icon-padding-right,
33
+ calc(#{$cadmin-collapse-icon-padding-right} * -1),
34
+ null
35
+ );
28
36
  }
29
37
  }
30
38
  }
package/src/scss/cadmin/components/_images.scss CHANGED
@@ -34,7 +34,7 @@
34
34
 
35
35
  .figure-img {
36
36
  line-height: 1;
37
- margin-bottom: $cadmin-spacer * 0.5;
37
+ margin-bottom: calc(#{$cadmin-spacer} * 0.5);
38
38
  }
39
39
 
40
40
  .figure-caption {
package/src/scss/cadmin/components/_input-groups.scss CHANGED
@@ -18,7 +18,7 @@
18
18
  position: relative;
19
19
 
20
20
  + .form-control {
21
- margin-left: math-sign($cadmin-input-border-width);
21
+ margin-left: calc(#{$cadmin-input-border-width} * -1);
22
22
  }
23
23
  }
24
24
 
@@ -45,7 +45,7 @@
45
45
  > .btn + .input-group-text,
46
46
  > .input-group-text + .input-group-text,
47
47
  > .input-group-text + .btn {
48
- margin-left: math-sign($cadmin-input-border-width);
48
+ margin-left: calc(#{$cadmin-input-border-width} * -1);
49
49
  }
50
50
 
51
51
  .btn {
@@ -275,7 +275,7 @@
275
275
  &.input-group-prepend {
276
276
  align-items: stretch;
277
277
  display: flex;
278
- margin-right: math-sign($cadmin-input-border-left-width);
278
+ margin-right: calc(#{$cadmin-input-border-left-width} * -1);
279
279
  }
280
280
 
281
281
  &.input-group-prepend:not(:last-child) {
@@ -312,7 +312,7 @@
312
312
  &.input-group-append {
313
313
  align-items: stretch;
314
314
  display: flex;
315
- margin-right: math-sign($cadmin-input-border-left-width);
315
+ margin-right: calc(#{$cadmin-input-border-left-width} * -1);
316
316
  }
317
317
 
318
318
  &.input-group-append:first-child {
package/src/scss/cadmin/components/_list-group.scss CHANGED
@@ -34,7 +34,7 @@
34
34
  $cadmin-list-group-border-color;
35
35
  display: flex;
36
36
  justify-content: space-between;
37
- margin-bottom: math-sign($cadmin-list-group-border-width);
37
+ margin-bottom: calc(#{$cadmin-list-group-border-width} * -1);
38
38
  padding: $cadmin-list-group-header-padding-y
39
39
  $cadmin-list-group-header-padding-x;
40
40
 
@@ -166,7 +166,7 @@
166
166
 
167
167
  &.active {
168
168
  border-top-width: $cadmin-list-group-border-width;
169
- margin-top: math-sign($cadmin-list-group-border-width);
169
+ margin-top: calc(#{$cadmin-list-group-border-width} * -1);
170
170
  }
171
171
  }
172
172
  }
@@ -238,8 +238,8 @@
238
238
  .list-group-item-action {
239
239
  @if ($cadmin-enable-c-inner) {
240
240
  .c-inner {
241
- margin: #{math-sign($cadmin-list-group-item-padding-y)}
242
- #{math-sign($cadmin-list-group-item-padding-x)};
241
+ margin: calc(#{$cadmin-list-group-item-padding-y} * -1)
242
+ calc(#{$cadmin-list-group-item-padding-x} * -1);
243
243
  width: auto;
244
244
  }
245
245
  }
@@ -350,8 +350,8 @@
350
350
  .quick-action-menu {
351
351
  align-items: $cadmin-list-group-item-flex-align-items;
352
352
  background-color: $cadmin-list-group-bg;
353
- margin-bottom: math-sign($cadmin-list-group-item-padding-y);
354
- margin-top: math-sign($cadmin-list-group-item-padding-y);
353
+ margin-bottom: calc(#{$cadmin-list-group-item-padding-y} * -1);
354
+ margin-top: calc(#{$cadmin-list-group-item-padding-y} * -1);
355
355
  padding-bottom: $cadmin-list-group-item-padding-y;
356
356
  padding-top: $cadmin-list-group-item-padding-y;
357
357
  }
@@ -392,16 +392,17 @@
392
392
 
393
393
  .quick-action-menu {
394
394
  margin-bottom: calc(
395
- #{math-sign($cadmin-list-group-item-padding-y)} + #{$cadmin-list-group-notification-item-border-bottom-width}
395
+ #{$cadmin-list-group-item-padding-y} * -1 + #{$cadmin-list-group-notification-item-border-bottom-width}
396
396
  );
397
397
  margin-top: calc(
398
- #{math-sign($cadmin-list-group-item-padding-y)} + #{$cadmin-list-group-notification-item-border-top-width}
398
+ #{$cadmin-list-group-item-padding-y} * -1 + #{$cadmin-list-group-notification-item-border-top-width}
399
399
  );
400
400
  }
401
401
 
402
402
  .autofit-col .quick-action-item {
403
- margin-top: $cadmin-list-group-notification-item-border-top-width -
404
- $cadmin-list-group-item-flex-offset-top;
403
+ margin-top: calc(
404
+ #{$cadmin-list-group-notification-item-border-top-width} - #{$cadmin-list-group-item-flex-offset-top}
405
+ );
405
406
  }
406
407
  }
407
408
 
package/src/scss/cadmin/components/_modals.scss CHANGED
@@ -403,7 +403,7 @@
403
403
  height: 100%;
404
404
  left: 50%;
405
405
  margin-bottom: 0;
406
- margin-left: calc(#{math-sign($cadmin-modal-md)} / 2);
406
+ margin-left: calc(#{$cadmin-modal-md} / -2);
407
407
  margin-right: 0;
408
408
  margin-top: 0;
409
409
  top: 0;
@@ -411,23 +411,23 @@
411
411
 
412
412
  &.modal-sm {
413
413
  @include media-breakpoint-up(sm, $cadmin-grid-breakpoints) {
414
- margin-left: calc(#{math-sign($cadmin-modal-sm)} / 2);
414
+ margin-left: calc(#{$cadmin-modal-sm} / -2);
415
415
  }
416
416
  }
417
417
 
418
418
  &.modal-lg {
419
419
  @include media-breakpoint-up(lg, $cadmin-grid-breakpoints) {
420
- margin-left: calc(#{math-sign($cadmin-modal-lg)} / 2);
420
+ margin-left: calc(#{$cadmin-modal-lg} / -2);
421
421
  }
422
422
  }
423
423
 
424
424
  &.modal-xl {
425
425
  @include media-breakpoint-up(lg, $cadmin-grid-breakpoints) {
426
- margin-left: calc(#{math-sign($cadmin-modal-lg)} / 2);
426
+ margin-left: calc(#{$cadmin-modal-lg} / -2);
427
427
  }
428
428
 
429
429
  @include media-breakpoint-up(xl, $cadmin-grid-breakpoints) {
430
- margin-left: calc(#{math-sign($cadmin-modal-xl)} / 2);
430
+ margin-left: calc(#{$cadmin-modal-xl} / -2);
431
431
  }
432
432
  }
433
433
  }
package/src/scss/cadmin/components/_multi-step-nav.scss CHANGED
@@ -10,8 +10,9 @@
10
10
 
11
11
  .multi-step-indicator-label-bottom {
12
12
  .multi-step-item {
13
- padding-bottom: $cadmin-multi-step-indicator-label-font-size *
14
- $cadmin-line-height-base;
13
+ padding-bottom: calc(
14
+ #{$cadmin-multi-step-indicator-label-font-size} * #{$cadmin-line-height-base}
15
+ );
15
16
  }
16
17
 
17
18
  .multi-step-indicator-label {
@@ -21,12 +22,15 @@
21
22
 
22
23
  .multi-step-indicator-label-top {
23
24
  .multi-step-item {
24
- padding-top: $cadmin-multi-step-indicator-label-font-size *
25
- $cadmin-line-height-base;
25
+ padding-top: calc(
26
+ #{$cadmin-multi-step-indicator-label-font-size} * #{$cadmin-line-height-base}
27
+ );
26
28
  }
27
29
 
28
30
  .multi-step-indicator-label {
29
- bottom: $cadmin-multi-step-icon-size + $cadmin-multi-step-divider-height;
31
+ bottom: calc(
32
+ #{$cadmin-multi-step-icon-size} + #{$cadmin-multi-step-divider-height}
33
+ );
30
34
  }
31
35
  }
32
36
 
@@ -205,7 +209,7 @@
205
209
  background-color: $cadmin-multi-step-divider-bg;
206
210
  height: $cadmin-multi-step-divider-height;
207
211
  margin-left: $cadmin-multi-step-icon-size;
208
- margin-top: math-sign($cadmin-multi-step-divider-height);
212
+ margin-top: calc(#{$cadmin-multi-step-divider-height} * -1);
209
213
  position: relative;
210
214
  top: $cadmin-multi-step-divider-top;
211
215
  }
@@ -249,7 +253,6 @@
249
253
  border-style: $cadmin-multi-step-icon-border-style;
250
254
  border-width: $cadmin-multi-step-icon-border-width;
251
255
  color: $cadmin-multi-step-icon-color;
252
- cursor: $cadmin-multi-step-icon-cursor;
253
256
  display: flex;
254
257
  font-size: $cadmin-multi-step-icon-font-size;
255
258
  font-weight: $cadmin-multi-step-icon-font-weight;
@@ -265,12 +268,6 @@
265
268
 
266
269
  width: $cadmin-multi-step-icon-size;
267
270
 
268
- &:hover {
269
- background-color: $cadmin-multi-step-icon-hover-bg;
270
- color: $cadmin-multi-step-icon-hover-color;
271
- text-decoration: $cadmin-multi-step-icon-hover-text-decoration;
272
- }
273
-
274
271
  @at-root {
275
272
  &.focus,
276
273
  #{$focus-visible-selector},
@@ -281,6 +278,17 @@
281
278
  outline: $cadmin-multi-step-icon-focus-outline;
282
279
  text-decoration: $cadmin-multi-step-icon-focus-text-decoration;
283
280
  }
281
+
282
+ &[role='button'],
283
+ button#{&} {
284
+ cursor: $cadmin-multi-step-icon-cursor;
285
+
286
+ &:hover {
287
+ background-color: $cadmin-multi-step-icon-hover-bg;
288
+ color: $cadmin-multi-step-icon-hover-color;
289
+ text-decoration: $cadmin-multi-step-icon-hover-text-decoration;
290
+ }
291
+ }
284
292
  }
285
293
 
286
294
  &[data-multi-step-icon]:before {
@@ -293,10 +301,26 @@
293
301
 
294
302
  @if ($cadmin-enable-c-inner) {
295
303
  .c-inner {
296
- margin-bottom: #{math-sign($cadmin-multi-step-icon-padding-bottom)};
297
- margin-left: #{math-sign($cadmin-multi-step-icon-padding-left)};
298
- margin-right: #{math-sign($cadmin-multi-step-icon-padding-right)};
299
- margin-top: #{math-sign($cadmin-multi-step-icon-padding-top)};
304
+ margin-bottom: if(
305
+ $cadmin-multi-step-icon-padding-bottom,
306
+ calc(#{$cadmin-multi-step-icon-padding-bottom} * -1),
307
+ null
308
+ );
309
+ margin-left: if(
310
+ $cadmin-multi-step-icon-padding-left,
311
+ calc(#{$cadmin-multi-step-icon-padding-left} * -1),
312
+ null
313
+ );
314
+ margin-right: if(
315
+ $cadmin-multi-step-icon-padding-right,
316
+ calc(#{$cadmin-multi-step-icon-padding-right} * -1),
317
+ null
318
+ );
319
+ margin-top: if(
320
+ $cadmin-multi-step-icon-padding-top,
321
+ calc(#{$cadmin-multi-step-icon-padding-top} * -1),
322
+ null
323
+ );
300
324
  position: absolute;
301
325
  }
302
326
  }
@@ -433,9 +457,10 @@
433
457
  .multi-step-item {
434
458
  margin-bottom: 0;
435
459
  min-width: $cadmin-multi-step-icon-size;
436
- padding-top: $cadmin-multi-step-title-font-size +
437
- $cadmin-multi-step-title-margin-bottom +
438
- ($cadmin-multi-step-divider-height * 0.5);
460
+ padding-top: calc(
461
+ #{$cadmin-multi-step-title-font-size} + #{$cadmin-multi-step-title-margin-bottom} +
462
+ #{$cadmin-multi-step-divider-height} * 0.5
463
+ );
439
464
  }
440
465
 
441
466
  .multi-step-title {
package/src/scss/cadmin/components/_navbar.scss CHANGED
@@ -280,8 +280,12 @@
280
280
 
281
281
  .container,
282
282
  .container-fluid {
283
- padding-left: $cadmin-grid-gutter-width * 0.5;
284
- padding-right: $cadmin-grid-gutter-width * 0.5;
283
+ padding-left: calc(
284
+ #{$cadmin-grid-gutter-width} * 0.5
285
+ );
286
+ padding-right: calc(
287
+ #{$cadmin-grid-gutter-width} * 0.5
288
+ );
285
289
  }
286
290
 
287
291
  .navbar-nav,
@@ -313,11 +317,11 @@
313
317
  }
314
318
 
315
319
  .dropdown-divider {
316
- margin-left: math-sign(
317
- $cadmin-navbar-padding-x
320
+ margin-left: calc(
321
+ #{$cadmin-navbar-padding-x} * -1
318
322
  );
319
- margin-right: math-sign(
320
- $cadmin-navbar-padding-x
323
+ margin-right: calc(
324
+ #{$cadmin-navbar-padding-x} * -1
321
325
  );
322
326
  }
323
327
 
@@ -393,8 +397,10 @@
393
397
  width: auto;
394
398
 
395
399
  .dropdown-toggle .navbar-text-truncate {
396
- max-width: $cadmin-navbar-text-truncate-max-width -
397
- $cadmin-navbar-text-truncate-spacer-right;
400
+ max-width: calc(
401
+ #{$cadmin-navbar-text-truncate-max-width} -
402
+ #{$cadmin-navbar-text-truncate-spacer-right}
403
+ );
398
404
  }
399
405
  }
400
406
 
package/src/scss/cadmin/components/_navs.scss CHANGED
@@ -152,7 +152,7 @@
152
152
  .dropdown-menu {
153
153
  @include border-top-radius(0);
154
154
 
155
- margin-top: math-sign($cadmin-nav-tabs-border-width);
155
+ margin-top: calc(#{$cadmin-nav-tabs-border-width} * -1);
156
156
  }
157
157
 
158
158
  + .tab-content {
package/src/scss/cadmin/components/_panels.scss CHANGED
@@ -24,8 +24,16 @@
24
24
 
25
25
  @if ($cadmin-enable-c-inner) {
26
26
  .c-inner {
27
- margin: #{math-sign($cadmin-panel-header-padding-y)}
28
- #{math-sign($cadmin-panel-header-padding-x)};
27
+ @if ($cadmin-panel-header-padding-y) {
28
+ margin-bottom: calc(#{$cadmin-panel-header-padding-y} * -1);
29
+ margin-top: calc(#{$cadmin-panel-header-padding-y} * -1);
30
+ }
31
+
32
+ @if ($cadmin-panel-header-padding-x) {
33
+ margin-left: calc(#{$cadmin-panel-header-padding-x} * -1);
34
+ margin-right: calc(#{$cadmin-panel-header-padding-x} * -1);
35
+ }
36
+
29
37
  width: auto;
30
38
  }
31
39
  }
@@ -42,12 +50,20 @@
42
50
 
43
51
  @if ($cadmin-enable-c-inner) {
44
52
  .c-inner {
45
- margin-left: #{math-sign(
46
- $cadmin-panel-header-collapse-icon-padding-left
47
- )};
48
- margin-right: #{math-sign(
49
- $cadmin-panel-header-collapse-icon-padding-right
50
- )};
53
+ margin-left: if(
54
+ $cadmin-panel-header-collapse-icon-padding-left,
55
+ calc(
56
+ #{$cadmin-panel-header-collapse-icon-padding-left} * -1
57
+ ),
58
+ null
59
+ );
60
+ margin-right: if(
61
+ $cadmin-panel-header-collapse-icon-padding-right,
62
+ calc(
63
+ #{$cadmin-panel-header-collapse-icon-padding-right} * -1
64
+ ),
65
+ null
66
+ );
51
67
  }
52
68
  }
53
69
  }
@@ -114,7 +130,7 @@
114
130
  &:not(:first-child) {
115
131
  @include border-radius(0);
116
132
 
117
- margin-top: math-sign($cadmin-panel-border-bottom-width);
133
+ margin-top: calc(#{$cadmin-panel-border-bottom-width} * -1);
118
134
 
119
135
  .panel-header {
120
136
  @include border-radius(0);
@@ -208,27 +224,27 @@
208
224
  > .panel-group-fluid,
209
225
  > .panel-group-fluid-first,
210
226
  > .panel-group-fluid-last {
211
- margin-left: math-sign($cadmin-card-spacer-x);
212
- margin-right: math-sign($cadmin-card-spacer-x);
227
+ margin-left: calc(#{$cadmin-card-spacer-x} * -1);
228
+ margin-right: calc(#{$cadmin-card-spacer-x} * -1);
213
229
  }
214
230
  }
215
231
 
216
232
  .sheet {
217
233
  > .panel-group-fluid {
218
- margin-left: math-sign($cadmin-sheet-padding-left);
219
- margin-right: math-sign($cadmin-sheet-padding-right);
234
+ margin-left: calc(#{$cadmin-sheet-padding-left} * -1);
235
+ margin-right: calc(#{$cadmin-sheet-padding-right} * -1);
220
236
  }
221
237
 
222
238
  > .panel-group-fluid-first {
223
- margin-left: math-sign($cadmin-sheet-padding-left);
224
- margin-right: math-sign($cadmin-sheet-padding-right);
225
- margin-top: math-sign($cadmin-sheet-padding-top);
239
+ margin-left: calc(#{$cadmin-sheet-padding-left} * -1);
240
+ margin-right: calc(#{$cadmin-sheet-padding-right} * -1);
241
+ margin-top: calc(#{$cadmin-sheet-padding-top} * -1);
226
242
  }
227
243
 
228
244
  > .panel-group-fluid-last {
229
- margin-bottom: math-sign($cadmin-sheet-padding-bottom);
230
- margin-left: math-sign($cadmin-sheet-padding-left);
231
- margin-right: math-sign($cadmin-sheet-padding-right);
245
+ margin-bottom: calc(#{$cadmin-sheet-padding-bottom} * -1);
246
+ margin-left: calc(#{$cadmin-sheet-padding-left} * -1);
247
+ margin-right: calc(#{$cadmin-sheet-padding-right} * -1);
232
248
  }
233
249
  }
234
250
 
@@ -259,12 +275,22 @@
259
275
 
260
276
  @if ($cadmin-enable-c-inner) {
261
277
  .c-inner {
262
- margin-left: #{math-sign(
263
- $cadmin-panel-group-flush-collapse-icon-padding-left
264
- )};
265
- margin-right: #{math-sign(
266
- $cadmin-panel-group-flush-collapse-icon-padding-right
267
- )};
278
+ margin-left: if(
279
+ $cadmin-panel-group-flush-collapse-icon-padding-left,
280
+ calc(
281
+ #{$cadmin-panel-group-flush-collapse-icon-padding-left} *
282
+ -1
283
+ ),
284
+ null
285
+ );
286
+ margin-right: if(
287
+ $cadmin-panel-group-flush-collapse-icon-padding-right,
288
+ calc(
289
+ #{$cadmin-panel-group-flush-collapse-icon-padding-right} *
290
+ -1
291
+ ),
292
+ null
293
+ );
268
294
  }
269
295
  }
270
296
  }
package/src/scss/cadmin/components/_popovers.scss CHANGED
@@ -21,20 +21,22 @@
21
21
 
22
22
  > .arrow {
23
23
  top: calc(
24
- #{math-sign($cadmin-popover-arrow-height)} - #{$cadmin-popover-border-width}
24
+ #{$cadmin-popover-arrow-height} * -1 - #{$cadmin-popover-border-width}
25
25
  );
26
26
 
27
27
  &::before {
28
28
  border-bottom-color: $cadmin-popover-arrow-outer-color;
29
- border-width: 0 ($cadmin-popover-arrow-width * 0.5)
30
- $cadmin-popover-arrow-height ($cadmin-popover-arrow-width * 0.5);
29
+ border-width: 0 calc(#{$cadmin-popover-arrow-width} * 0.5)
30
+ $cadmin-popover-arrow-height
31
+ calc(#{$cadmin-popover-arrow-width} * 0.5);
31
32
  top: 0;
32
33
  }
33
34
 
34
35
  &::after {
35
36
  border-bottom-color: $cadmin-popover-bottom-arrow-color;
36
- border-width: 0 ($cadmin-popover-arrow-width * 0.5)
37
- $cadmin-popover-arrow-height ($cadmin-popover-arrow-width * 0.5);
37
+ border-width: 0 calc(#{$cadmin-popover-arrow-width} * 0.5)
38
+ $cadmin-popover-arrow-height
39
+ calc(#{$cadmin-popover-arrow-width} * 0.5);
38
40
  top: $cadmin-popover-border-width;
39
41
  }
40
42
  }
@@ -47,7 +49,7 @@
47
49
  content: '';
48
50
  display: block;
49
51
  left: 50%;
50
- margin-left: calc(#{math-sign($cadmin-popover-arrow-width)} / 2);
52
+ margin-left: calc(#{$cadmin-popover-arrow-width} / -2);
51
53
  position: absolute;
52
54
  top: 0;
53
55
  width: $cadmin-popover-arrow-width;
@@ -61,21 +63,23 @@
61
63
  height: $cadmin-popover-arrow-width;
62
64
  margin: $cadmin-popover-border-radius 0;
63
65
  right: calc(
64
- #{math-sign($cadmin-popover-arrow-height)} - #{$cadmin-popover-border-width}
66
+ #{$cadmin-popover-arrow-height} * -1 - #{$cadmin-popover-border-width}
65
67
  );
66
68
  width: $cadmin-popover-arrow-height;
67
69
 
68
70
  &::before {
69
71
  border-left-color: $cadmin-popover-arrow-outer-color;
70
- border-width: ($cadmin-popover-arrow-width * 0.5) 0
71
- ($cadmin-popover-arrow-width * 0.5) $cadmin-popover-arrow-height;
72
+ border-width: calc(#{$cadmin-popover-arrow-width} * 0.5) 0
73
+ calc(#{$cadmin-popover-arrow-width} * 0.5)
74
+ $cadmin-popover-arrow-height;
72
75
  right: 0;
73
76
  }
74
77
 
75
78
  &::after {
76
79
  border-left-color: $cadmin-popover-left-arrow-color;
77
- border-width: ($cadmin-popover-arrow-width * 0.5) 0
78
- ($cadmin-popover-arrow-width * 0.5) $cadmin-popover-arrow-height;
80
+ border-width: calc(#{$cadmin-popover-arrow-width} * 0.5) 0
81
+ calc(#{$cadmin-popover-arrow-width} * 0.5)
82
+ $cadmin-popover-arrow-height;
79
83
  right: $cadmin-popover-border-width;
80
84
  }
81
85
  }
@@ -87,24 +91,24 @@
87
91
  > .arrow {
88
92
  height: $cadmin-popover-arrow-width;
89
93
  left: calc(
90
- #{math-sign($cadmin-popover-arrow-height)} - #{$cadmin-popover-border-width}
94
+ #{$cadmin-popover-arrow-height} * -1 - #{$cadmin-popover-border-width}
91
95
  );
92
96
  margin: $cadmin-popover-border-radius 0;
93
97
  width: $cadmin-popover-arrow-height;
94
98
 
95
99
  &::before {
96
100
  border-right-color: $cadmin-popover-arrow-outer-color;
97
- border-width: ($cadmin-popover-arrow-width * 0.5)
98
- $cadmin-popover-arrow-height ($cadmin-popover-arrow-width * 0.5)
99
- 0;
101
+ border-width: calc(#{$cadmin-popover-arrow-width} * 0.5)
102
+ $cadmin-popover-arrow-height
103
+ calc(#{$cadmin-popover-arrow-width} * 0.5) 0;
100
104
  left: 0;
101
105
  }
102
106
 
103
107
  &::after {
104
108
  border-right-color: $cadmin-popover-right-arrow-color;
105
- border-width: ($cadmin-popover-arrow-width * 0.5)
106
- $cadmin-popover-arrow-height ($cadmin-popover-arrow-width * 0.5)
107
- 0;
109
+ border-width: calc(#{$cadmin-popover-arrow-width} * 0.5)
110
+ $cadmin-popover-arrow-height
111
+ calc(#{$cadmin-popover-arrow-width} * 0.5) 0;
108
112
  left: $cadmin-popover-border-width;
109
113
  }
110
114
  }
@@ -115,20 +119,20 @@
115
119
 
116
120
  > .arrow {
117
121
  bottom: calc(
118
- #{math-sign($cadmin-popover-arrow-height)} - #{$cadmin-popover-border-width}
122
+ #{$cadmin-popover-arrow-height} * -1 - #{$cadmin-popover-border-width}
119
123
  );
120
124
 
121
125
  &::before {
122
126
  border-top-color: $cadmin-popover-arrow-outer-color;
123
127
  border-width: $cadmin-popover-arrow-height
124
- ($cadmin-popover-arrow-width * 0.5) 0;
128
+ calc(#{$cadmin-popover-arrow-width} * 0.5) 0;
125
129
  bottom: 0;
126
130
  }
127
131
 
128
132
  &::after {
129
133
  border-top-color: $cadmin-popover-top-arrow-color;
130
134
  border-width: $cadmin-popover-arrow-height
131
- ($cadmin-popover-arrow-width * 0.5) 0;
135
+ calc(#{$cadmin-popover-arrow-width} * 0.5) 0;
132
136
  bottom: $cadmin-popover-border-width;
133
137
  }
134
138
  }