@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/variables/_popovers.scss CHANGED
@@ -19,8 +19,8 @@ $cadmin-popover-header-color: $cadmin-gray-900 !default;
19
19
  $cadmin-popover-header-font-size: 14px !default; // 14px
20
20
  $cadmin-popover-header-font-weight: $cadmin-font-weight-semi-bold !default;
21
21
  $cadmin-popover-header-margin-x: 16px !default; // 16px
22
- $cadmin-popover-header-margin-y: 0 !default;
23
- $cadmin-popover-header-padding-x: 0 !default;
22
+ $cadmin-popover-header-margin-y: 0px !default;
23
+ $cadmin-popover-header-padding-x: 0px !default;
24
24
  $cadmin-popover-header-padding-y: 12px !default; // 12px
25
25
 
26
26
  $cadmin-popover-body-color: $cadmin-gray-600 !default;
@@ -32,7 +32,7 @@ $cadmin-popover-offset-border-width: $cadmin-popover-inner-border-radius !defaul
32
32
  $cadmin-popover-arrow-color: $cadmin-popover-bg !default;
33
33
  $cadmin-popover-arrow-height: 4.8px !default;
34
34
  $cadmin-popover-arrow-offset: 10px !default; // 10px
35
- $cadmin-popover-arrow-width: $cadmin-popover-arrow-height * 2 !default;
35
+ $cadmin-popover-arrow-width: calc(#{$cadmin-popover-arrow-height} * 2) !default;
36
36
 
37
37
  $cadmin-popover-arrow-outer-color: transparent !default;
38
38
 
@@ -64,7 +64,7 @@ $cadmin-popover: map-deep-merge(
64
64
  font-size: $cadmin-popover-font-size,
65
65
  font-style: normal,
66
66
  font-weight: $cadmin-font-weight-normal,
67
- left: 0,
67
+ left: 0px,
68
68
  letter-spacing: normal,
69
69
  line-break: auto,
70
70
  line-height: $cadmin-line-height-base,
@@ -74,22 +74,25 @@ $cadmin-popover: map-deep-merge(
74
74
  text-decoration: none,
75
75
  text-shadow: none,
76
76
  text-transform: none,
77
- top: 0,
77
+ top: 0px,
78
78
  white-space: normal,
79
79
  word-break: normal,
80
80
  word-spacing: normal,
81
81
  word-wrap: break-word,
82
82
  z-index: $cadmin-zindex-popover,
83
+
83
84
  focus: (
84
85
  box-shadow: $cadmin-component-focus-box-shadow,
85
86
  outline: 0,
86
87
  ),
88
+
87
89
  arrow: (
88
90
  display: block,
89
91
  height: $cadmin-popover-arrow-height,
90
- margin: 0 $cadmin-popover-border-radius,
92
+ margin: 0px $cadmin-popover-border-radius,
91
93
  position: absolute,
92
94
  width: $cadmin-popover-arrow-width,
95
+
93
96
  before: (
94
97
  border-color: transparent,
95
98
  border-style: solid,
@@ -97,6 +100,7 @@ $cadmin-popover: map-deep-merge(
97
100
  display: block,
98
101
  position: absolute,
99
102
  ),
103
+
100
104
  after: (
101
105
  border-color: transparent,
102
106
  border-style: solid,
@@ -105,6 +109,7 @@ $cadmin-popover: map-deep-merge(
105
109
  position: absolute,
106
110
  ),
107
111
  ),
112
+
108
113
  inline-scroller: (
109
114
  max-height: $cadmin-popover-inline-scroller-max-height,
110
115
  ),
@@ -144,6 +149,7 @@ $cadmin-popover-header: map-deep-merge(
144
149
  margin-top: $cadmin-popover-header-margin-y,
145
150
  padding: $cadmin-popover-header-padding-y
146
151
  $cadmin-popover-header-padding-x,
152
+
147
153
  empty: (
148
154
  display: none,
149
155
  ),
@@ -204,32 +210,29 @@ $cadmin-clay-popover-top: () !default;
204
210
  $cadmin-clay-popover-top: map-deep-merge(
205
211
  (
206
212
  margin-bottom: $cadmin-popover-arrow-height,
213
+
207
214
  arrow: (
208
215
  left: 50%,
209
- margin-left: math-sign($cadmin-popover-arrow-width * 0.5),
216
+ margin-left: calc(#{$cadmin-popover-arrow-width} * -0.5),
210
217
  bottom:
211
218
  calc(
212
219
  (
213
220
  #{$cadmin-popover-arrow-height} + #{$cadmin-popover-border-width}
214
221
  ) * -1
215
222
  ),
216
- margin: 0,
223
+ margin: 0px,
224
+
217
225
  before: (
218
226
  border-top-color: $cadmin-popover-arrow-outer-color,
219
227
  border-width: $cadmin-popover-arrow-height
220
- (
221
- $cadmin-popover-arrow-width * 0.5,
222
- )
223
- 0,
224
- bottom: 0,
228
+ calc(#{$cadmin-popover-arrow-width} * 0.5) 0px,
229
+ bottom: 0px,
225
230
  ),
231
+
226
232
  after: (
227
233
  border-top-color: $cadmin-popover-top-arrow-color,
228
234
  border-width: $cadmin-popover-arrow-height
229
- (
230
- $cadmin-popover-arrow-width * 0.5,
231
- )
232
- 0,
235
+ calc(#{$cadmin-popover-arrow-width} * 0.5) 0px,
233
236
  bottom: $cadmin-popover-border-width,
234
237
  ),
235
238
  ),
@@ -244,7 +247,8 @@ $cadmin-clay-popover-top-left: map-deep-merge(
244
247
  (
245
248
  arrow: (
246
249
  left: $cadmin-popover-arrow-offset,
247
- margin: 0,
250
+ margin: 0px,
251
+
248
252
  after: (
249
253
  border-top-color: $cadmin-popover-top-left-arrow-color,
250
254
  ),
@@ -260,8 +264,9 @@ $cadmin-clay-popover-top-right: map-deep-merge(
260
264
  (
261
265
  arrow: (
262
266
  left: auto,
263
- margin: 0,
267
+ margin: 0px,
264
268
  right: $cadmin-popover-arrow-offset,
269
+
265
270
  after: (
266
271
  border-top-color: $cadmin-popover-top-right-arrow-color,
267
272
  ),
@@ -276,6 +281,7 @@ $cadmin-clay-popover-right: () !default;
276
281
  $cadmin-clay-popover-right: map-deep-merge(
277
282
  (
278
283
  margin-left: $cadmin-popover-arrow-height,
284
+
279
285
  arrow: (
280
286
  height: $cadmin-popover-arrow-width,
281
287
  left:
@@ -284,31 +290,23 @@ $cadmin-clay-popover-right: map-deep-merge(
284
290
  #{$cadmin-popover-arrow-height} + #{$cadmin-popover-border-width}
285
291
  ) * -1
286
292
  ),
287
- margin: math-sign($cadmin-popover-arrow-height * 0.5) 0 0,
293
+ margin: calc(#{$cadmin-popover-arrow-height} * -0.5) 0px 0px,
288
294
  top: 50%,
289
295
  width: $cadmin-popover-arrow-height,
296
+
290
297
  before: (
291
298
  border-right-color: $cadmin-popover-arrow-outer-color,
292
- border-width: (
293
- $cadmin-popover-arrow-width * 0.5,
294
- )
295
- $cadmin-popover-arrow-height
296
- (
297
- $cadmin-popover-arrow-width * 0.5,
298
- )
299
- 0,
300
- left: 0,
299
+ border-width: calc(#{$cadmin-popover-arrow-width} * 0.5)
300
+ $cadmin-popover-arrow-height
301
+ calc(#{$cadmin-popover-arrow-width} * 0.5) 0px,
302
+ left: 0px,
301
303
  ),
304
+
302
305
  after: (
303
306
  border-right-color: $cadmin-popover-right-arrow-color,
304
- border-width: (
305
- $cadmin-popover-arrow-width * 0.5,
306
- )
307
- $cadmin-popover-arrow-height
308
- (
309
- $cadmin-popover-arrow-width * 0.5,
310
- )
311
- 0,
307
+ border-width: calc(#{$cadmin-popover-arrow-width} * 0.5)
308
+ $cadmin-popover-arrow-height
309
+ calc(#{$cadmin-popover-arrow-width} * 0.5) 0px,
312
310
  left: $cadmin-popover-border-width,
313
311
  ),
314
312
  ),
@@ -323,8 +321,9 @@ $cadmin-clay-popover-right-bottom: map-deep-merge(
323
321
  (
324
322
  arrow: (
325
323
  bottom: $cadmin-popover-arrow-offset,
326
- margin: 0,
324
+ margin: 0px,
327
325
  top: auto,
326
+
328
327
  after: (
329
328
  border-right-color: $cadmin-popover-right-bottom-arrow-color,
330
329
  ),
@@ -339,8 +338,9 @@ $cadmin-clay-popover-right-top: () !default;
339
338
  $cadmin-clay-popover-right-top: map-deep-merge(
340
339
  (
341
340
  arrow: (
342
- margin: 0,
341
+ margin: 0px,
343
342
  top: $cadmin-popover-arrow-offset,
343
+
344
344
  after: (
345
345
  border-right-color: $cadmin-popover-right-top-arrow-color,
346
346
  ),
@@ -355,9 +355,10 @@ $cadmin-clay-popover-bottom: () !default;
355
355
  $cadmin-clay-popover-bottom: map-deep-merge(
356
356
  (
357
357
  margin-top: $cadmin-popover-arrow-height,
358
+
358
359
  arrow: (
359
360
  left: 50%,
360
- margin: 0 0 0 math-sign($cadmin-popover-arrow-width * 0.5),
361
+ margin: 0px 0px 0px calc(#{$cadmin-popover-arrow-width} * -0.5),
361
362
  top:
362
363
  calc(
363
364
  (
@@ -366,26 +367,17 @@ $cadmin-clay-popover-bottom: map-deep-merge(
366
367
  ),
367
368
  before: (
368
369
  border-bottom-color: $cadmin-popover-arrow-outer-color,
369
- border-width: 0
370
- (
371
- $cadmin-popover-arrow-width * 0.5,
372
- )
370
+ border-width: 0px calc(#{$cadmin-popover-arrow-width} * 0.5)
373
371
  $cadmin-popover-arrow-height
374
- (
375
- $cadmin-popover-arrow-width * 0.5,
376
- ),
377
- top: 0,
372
+ calc(#{$cadmin-popover-arrow-width} * 0.5),
373
+ top: 0px,
378
374
  ),
375
+
379
376
  after: (
380
377
  border-bottom-color: $cadmin-popover-bottom-arrow-color,
381
- border-width: 0
382
- (
383
- $cadmin-popover-arrow-width * 0.5,
384
- )
378
+ border-width: 0px calc(#{$cadmin-popover-arrow-width} * 0.5)
385
379
  $cadmin-popover-arrow-height
386
- (
387
- $cadmin-popover-arrow-width * 0.5,
388
- ),
380
+ calc(#{$cadmin-popover-arrow-width} * 0.5),
389
381
  top: $cadmin-popover-border-width,
390
382
  ),
391
383
  ),
@@ -400,7 +392,8 @@ $cadmin-clay-popover-bottom-left: map-deep-merge(
400
392
  (
401
393
  arrow: (
402
394
  left: $cadmin-popover-arrow-offset,
403
- margin: 0,
395
+ margin: 0px,
396
+
404
397
  after: (
405
398
  border-bottom-color: $cadmin-popover-bottom-left-arrow-color,
406
399
  ),
@@ -416,8 +409,9 @@ $cadmin-clay-popover-bottom-right: map-deep-merge(
416
409
  (
417
410
  arrow: (
418
411
  left: auto,
419
- margin: 0,
412
+ margin: 0px,
420
413
  right: $cadmin-popover-arrow-offset,
414
+
421
415
  after: (
422
416
  border-bottom-color: $cadmin-popover-bottom-right-arrow-color,
423
417
  ),
@@ -432,9 +426,10 @@ $cadmin-clay-popover-left: () !default;
432
426
  $cadmin-clay-popover-left: map-deep-merge(
433
427
  (
434
428
  margin-right: $cadmin-popover-arrow-height,
429
+
435
430
  arrow: (
436
431
  height: $cadmin-popover-arrow-width,
437
- margin: math-sign($cadmin-popover-arrow-height * 0.5) 0 0,
432
+ margin: calc(#{$cadmin-popover-arrow-height} * -0.5) 0px 0px,
438
433
  right:
439
434
  calc(
440
435
  (
@@ -443,28 +438,20 @@ $cadmin-clay-popover-left: map-deep-merge(
443
438
  ),
444
439
  top: 50%,
445
440
  width: $cadmin-popover-arrow-height,
441
+
446
442
  before: (
447
443
  border-left-color: $cadmin-popover-arrow-outer-color,
448
- border-width: (
449
- $cadmin-popover-arrow-width * 0.5,
450
- )
451
- 0
452
- (
453
- $cadmin-popover-arrow-width * 0.5,
454
- )
455
- $cadmin-popover-arrow-height,
456
- right: 0,
444
+ border-width: calc(#{$cadmin-popover-arrow-width} * 0.5) 0px
445
+ calc(#{$cadmin-popover-arrow-width} * 0.5)
446
+ $cadmin-popover-arrow-height,
447
+ right: 0px,
457
448
  ),
449
+
458
450
  after: (
459
451
  border-left-color: $cadmin-popover-left-arrow-color,
460
- border-width: (
461
- $cadmin-popover-arrow-width * 0.5,
462
- )
463
- 0
464
- (
465
- $cadmin-popover-arrow-width * 0.5,
466
- )
467
- $cadmin-popover-arrow-height,
452
+ border-width: calc(#{$cadmin-popover-arrow-width} * 0.5) 0
453
+ calc(#{$cadmin-popover-arrow-width} * 0.5)
454
+ $cadmin-popover-arrow-height,
468
455
  right: $cadmin-popover-border-width,
469
456
  ),
470
457
  ),
@@ -479,8 +466,9 @@ $cadmin-clay-popover-left-bottom: map-deep-merge(
479
466
  (
480
467
  arrow: (
481
468
  bottom: $cadmin-popover-arrow-offset,
482
- margin: 0,
469
+ margin: 0px,
483
470
  top: auto,
471
+
484
472
  after: (
485
473
  border-left-color: $cadmin-popover-left-bottom-arrow-color,
486
474
  ),
@@ -495,8 +483,9 @@ $cadmin-clay-popover-left-top: () !default;
495
483
  $cadmin-clay-popover-left-top: map-deep-merge(
496
484
  (
497
485
  arrow: (
498
- margin: 0,
486
+ margin: 0px,
499
487
  top: $cadmin-popover-arrow-offset,
488
+
500
489
  after: (
501
490
  border-left-color: $cadmin-popover-left-top-arrow-color,
502
491
  ),
package/src/scss/cadmin/variables/_progress-bars.scss CHANGED
@@ -15,7 +15,7 @@ $cadmin-progress-bar-transition: width 0.6s ease !default;
15
15
 
16
16
  $cadmin-progress-border-radius-lg: 100px !default;
17
17
  $cadmin-progress-font-size-lg: $cadmin-font-size-lg !default;
18
- $cadmin-progress-height-lg: $cadmin-progress-height * 2 !default;
18
+ $cadmin-progress-height-lg: calc(#{$cadmin-progress-height} * 2) !default;
19
19
 
20
20
  // Progress Group
21
21
 
@@ -40,11 +40,13 @@ $cadmin-progress-group-addon: map-deep-merge(
40
40
  margin-right: $cadmin-progress-group-addon-spacer-x,
41
41
  min-width: 32px,
42
42
  text-align: center,
43
+
43
44
  first-child: (
44
- padding-left: 0,
45
+ padding-left: 0px,
45
46
  ),
47
+
46
48
  last-child: (
47
- padding-right: 0,
49
+ padding-right: 0px,
48
50
  ),
49
51
  ),
50
52
  $cadmin-progress-group-addon
@@ -76,14 +78,17 @@ $cadmin-progress-palette: map-deep-merge(
76
78
  bar-bg: $cadmin-progress-bar-success-bg,
77
79
  group-feedback-color: $cadmin-progress-group-feedback-success-color,
78
80
  ),
81
+
79
82
  info: (
80
83
  bar-bg: $cadmin-progress-bar-info-bg,
81
84
  group-feedback-color: $cadmin-progress-group-feedback-info-color,
82
85
  ),
86
+
83
87
  warning: (
84
88
  bar-bg: $cadmin-progress-bar-warning-bg,
85
89
  group-feedback-color: $cadmin-progress-group-feedback-warning-color,
86
90
  ),
91
+
87
92
  danger: (
88
93
  bar-bg: $cadmin-progress-bar-danger-bg,
89
94
  group-feedback-color: $cadmin-progress-group-feedback-danger-color,
package/src/scss/cadmin/variables/_range.scss CHANGED
@@ -24,15 +24,15 @@ $cadmin-clay-range-input-group-text: map-merge(
24
24
  map-get($cadmin-clay-range-input-group-text, bg),
25
25
  transparent
26
26
  ),
27
- border-width: 0,
27
+ border-width: 0px,
28
28
  color: $cadmin-gray-500,
29
29
  font-size: 14px,
30
30
  font-weight: $cadmin-font-weight-semi-bold,
31
31
  min-width: 24px,
32
- padding-bottom: 0,
33
- padding-left: 0,
34
- padding-right: 0,
35
- padding-top: 0,
32
+ padding-bottom: 0px,
33
+ padding-left: 0px,
34
+ padding-right: 0px,
35
+ padding-top: 0px,
36
36
  ),
37
37
  $cadmin-clay-range-input-group-text
38
38
  );
@@ -58,14 +58,16 @@ $cadmin-clay-range-input: map-deep-merge(
58
58
  position: relative,
59
59
  vertical-align: middle,
60
60
  width: 100%,
61
+
61
62
  clay-range-thumb: (
62
63
  background-color: $cadmin-white,
63
64
  border-radius: 100px,
64
- border-width: 0,
65
+ border-width: 0px,
65
66
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3),
66
67
  height: 24px,
67
68
  width: 24px,
68
69
  ),
70
+
69
71
  clay-range-track: (
70
72
  background-color: $cadmin-gray-200,
71
73
  border-radius: 100px,
@@ -74,26 +76,31 @@ $cadmin-clay-range-input: map-deep-merge(
74
76
  top: 50%,
75
77
  width: 100%,
76
78
  ),
79
+
77
80
  clay-range-progress: (
78
81
  background-color: $cadmin-primary,
79
- border-radius: 100px 0 0 100px,
82
+ border-radius: 100px 0px 0px 100px,
80
83
  position: absolute,
81
84
  top: 50%,
82
85
  width: 50%,
83
86
  ),
87
+
84
88
  tooltip: (
85
89
  margin-left: 13px,
86
90
  transition: opacity 0.15s linear,
87
91
  visibility: hidden,
88
92
  white-space: nowrap,
89
93
  ),
94
+
90
95
  tooltip-inner: (
91
96
  padding: 8px 12px,
92
97
  ),
98
+
93
99
  tooltip-arrow: (
94
100
  height: 6px,
95
101
  width: 6px,
96
102
  ),
103
+
97
104
  clay-tooltip-bottom: (
98
105
  margin-top: 4px,
99
106
  padding-top: 3px,
@@ -103,6 +110,7 @@ $cadmin-clay-range-input: map-deep-merge(
103
110
  margin-left: -4px,
104
111
  ),
105
112
  ),
113
+
106
114
  clay-tooltip-top: (
107
115
  bottom: 100%,
108
116
  margin-bottom: 4px,
@@ -118,35 +126,45 @@ $cadmin-clay-range-input: map-deep-merge(
118
126
  height: $cadmin-input-height,
119
127
  position: relative,
120
128
  z-index: $cadmin-zindex-clay-range-input-form-control,
129
+
121
130
  hover: (
122
131
  cursor: $cadmin-link-cursor,
132
+
123
133
  clay-range-thumb: (
124
134
  background-color: $cadmin-primary-l3,
125
135
  ),
126
136
  ),
137
+
127
138
  focus: (
128
139
  outline: 0,
140
+
129
141
  clay-range-thumb: (
130
142
  box-shadow: $cadmin-component-focus-inset-box-shadow,
131
143
  ),
132
144
  ),
145
+
133
146
  disabled: (
134
147
  color: $cadmin-clay-range-disabled-color,
135
148
  cursor: $cadmin-disabled-cursor,
149
+
136
150
  clay-range-thumb: (
137
151
  background-color: $cadmin-gray-100,
138
152
  ),
153
+
139
154
  clay-range-progress: (
140
155
  background-color: $cadmin-primary-l2,
141
156
  ),
157
+
142
158
  clay-range-track: (
143
159
  background-color: $cadmin-gray-200,
144
160
  ),
145
161
  ),
146
162
  ),
163
+
147
164
  data-label-min-max: (
148
165
  margin-bottom: 16px,
149
166
  ),
167
+
150
168
  before-after: (
151
169
  font-size: 14px,
152
170
  font-weight: $cadmin-font-weight-semi-bold,
@@ -154,18 +172,20 @@ $cadmin-clay-range-input: map-deep-merge(
154
172
  margin-top: 40px,
155
173
  position: absolute,
156
174
  text-align: center,
157
- top: 0,
175
+ top: 0px,
158
176
  width: 24px,
159
177
  ),
178
+
160
179
  data-label-min: (
161
180
  before: (
162
181
  content: unquote("'\\FEFF' attr(data-label-min)"),
163
182
  ),
164
183
  ),
184
+
165
185
  data-label-max: (
166
186
  after: (
167
187
  content: unquote("'\\FEFF' attr(data-label-max)"),
168
- right: 0,
188
+ right: 0px,
169
189
  ),
170
190
  ),
171
191
  ),
package/src/scss/cadmin/variables/_reorder.scss CHANGED
@@ -11,12 +11,13 @@ $cadmin-clay-reorder: map-deep-merge(
11
11
  $cadmin-clay-reorder-input-inset: () !default;
12
12
  $cadmin-clay-reorder-input-inset: map-deep-merge(
13
13
  (
14
- margin-bottom: 0,
15
- margin-top: 0,
14
+ margin-bottom: 0px,
15
+ margin-top: 0px,
16
16
  overflow: auto,
17
17
  padding-bottom: $cadmin-input-padding-y,
18
18
  padding-top: $cadmin-input-padding-y,
19
19
  width: 100%,
20
+
20
21
  focus: (
21
22
  background-color: transparent,
22
23
  box-shadow: none,
@@ -28,11 +29,11 @@ $cadmin-clay-reorder-input-inset: map-deep-merge(
28
29
  $cadmin-clay-reorder-underlay: () !default;
29
30
  $cadmin-clay-reorder-underlay: map-deep-merge(
30
31
  (
31
- bottom: 0,
32
- left: 0,
32
+ bottom: 0px,
33
+ left: 0px,
33
34
  position: absolute,
34
- right: 0,
35
- top: 0,
35
+ right: 0px,
36
+ top: 0px,
36
37
  z-index: -1,
37
38
  ),
38
39
  $cadmin-clay-reorder-underlay
package/src/scss/cadmin/variables/_resizer.scss CHANGED
@@ -2,17 +2,19 @@ $cadmin-c-horizontal-resizer: () !default;
2
2
  $cadmin-c-horizontal-resizer: map-merge(
3
3
  (
4
4
  background-color: transparent,
5
- bottom: 0,
5
+ bottom: 0px,
6
6
  cursor: ew-resize,
7
7
  margin-right: -0.25rem,
8
8
  position: absolute,
9
- right: 0,
10
- top: 0,
9
+ right: 0px,
10
+ top: 0px,
11
11
  width: 0.5rem,
12
12
  z-index: 10,
13
+
13
14
  hover: (
14
15
  background-color: $cadmin-primary-l0,
15
16
  ),
17
+
16
18
  focus: (
17
19
  background-color: $cadmin-primary-l0,
18
20
  ),