@clayui/css 3.159.0 → 3.161.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 (304) hide show
  1. package/lib/css/atlas.css +3170 -3016
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +2952 -2786
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +1754 -1633
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/blue-print.svg +9 -0
  8. package/lib/images/icons/books-brush.svg +9 -0
  9. package/lib/images/icons/calculator.svg +10 -0
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/lib/images/icons/layout-new-window.svg +10 -0
  12. package/lib/images/icons/medal.svg +10 -0
  13. package/lib/images/icons/megaphone.svg +9 -0
  14. package/lib/images/icons/price-list.svg +11 -0
  15. package/lib/images/icons/process-builder.svg +9 -0
  16. package/lib/images/icons/product-configuration.svg +10 -0
  17. package/lib/images/icons/product-menu-open.svg +2 -2
  18. package/lib/images/icons/products.svg +9 -0
  19. package/lib/images/icons/publications.svg +10 -0
  20. package/lib/images/icons/puzzle.svg +9 -0
  21. package/lib/images/icons/rocket.svg +11 -0
  22. package/lib/images/icons/submission.svg +10 -0
  23. package/lib/images/icons/synonyms.svg +9 -0
  24. package/package.json +1 -1
  25. package/src/images/icons/blue-print.svg +9 -0
  26. package/src/images/icons/books-brush.svg +9 -0
  27. package/src/images/icons/calculator.svg +10 -0
  28. package/src/images/icons/icons.svg +1 -1
  29. package/src/images/icons/layout-new-window.svg +10 -0
  30. package/src/images/icons/medal.svg +10 -0
  31. package/src/images/icons/megaphone.svg +9 -0
  32. package/src/images/icons/price-list.svg +11 -0
  33. package/src/images/icons/process-builder.svg +9 -0
  34. package/src/images/icons/product-configuration.svg +10 -0
  35. package/src/images/icons/product-menu-open.svg +2 -2
  36. package/src/images/icons/products.svg +9 -0
  37. package/src/images/icons/publications.svg +10 -0
  38. package/src/images/icons/puzzle.svg +9 -0
  39. package/src/images/icons/rocket.svg +11 -0
  40. package/src/images/icons/submission.svg +10 -0
  41. package/src/images/icons/synonyms.svg +9 -0
  42. package/src/scss/_license-text.scss +1 -1
  43. package/src/scss/atlas/_variables.scss +6 -4
  44. package/src/scss/atlas/variables/_alerts.scss +102 -11
  45. package/src/scss/atlas/variables/_application-bar.scss +7 -0
  46. package/src/scss/atlas/variables/_badges.scss +36 -8
  47. package/src/scss/atlas/variables/_breadcrumbs.scss +2 -1
  48. package/src/scss/atlas/variables/_cards.scss +5 -0
  49. package/src/scss/atlas/variables/_clay-color.scss +5 -0
  50. package/src/scss/atlas/variables/_custom-forms.scss +36 -5
  51. package/src/scss/atlas/variables/_date-picker.scss +14 -2
  52. package/src/scss/atlas/variables/_dropdowns.scss +9 -2
  53. package/src/scss/atlas/variables/_forms.scss +35 -5
  54. package/src/scss/atlas/variables/_globals.scss +120 -73
  55. package/src/scss/atlas/variables/_labels.scss +55 -0
  56. package/src/scss/atlas/variables/_links.scss +18 -0
  57. package/src/scss/atlas/variables/_list-group.scss +15 -4
  58. package/src/scss/atlas/variables/_management-bar.scss +11 -0
  59. package/src/scss/atlas/variables/_menubar.scss +70 -22
  60. package/src/scss/atlas/variables/_modals.scss +16 -0
  61. package/src/scss/atlas/variables/_navbar.scss +7 -0
  62. package/src/scss/atlas/variables/_navigation-bar.scss +25 -1
  63. package/src/scss/atlas/variables/_navs.scss +5 -2
  64. package/src/scss/atlas/variables/_pagination.scss +42 -22
  65. package/src/scss/atlas/variables/_panels.scss +7 -0
  66. package/src/scss/atlas/variables/_popovers.scss +6 -4
  67. package/src/scss/atlas/variables/_range.scss +6 -0
  68. package/src/scss/atlas/variables/_sheets.scss +1 -0
  69. package/src/scss/atlas/variables/_sidebar.scss +10 -0
  70. package/src/scss/atlas/variables/_tables.scss +27 -3
  71. package/src/scss/atlas/variables/_time.scss +1 -0
  72. package/src/scss/atlas/variables/_toggle-switch.scss +19 -7
  73. package/src/scss/atlas/variables/_utilities.scss +3 -0
  74. package/src/scss/atlas-custom-properties/_variables.scss +68 -0
  75. package/src/scss/atlas-custom-properties/variables/_alerts.scss +1212 -0
  76. package/src/scss/atlas-custom-properties/variables/_application-bar.scss +62 -0
  77. package/src/scss/atlas-custom-properties/variables/_aspect-ratio.scss +28 -0
  78. package/src/scss/atlas-custom-properties/variables/_badges.scss +352 -0
  79. package/src/scss/atlas-custom-properties/variables/_breadcrumbs.scss +205 -0
  80. package/src/scss/atlas-custom-properties/variables/_buttons.scss +1498 -0
  81. package/src/scss/atlas-custom-properties/variables/_c-root.scss +353 -0
  82. package/src/scss/atlas-custom-properties/variables/_cards.scss +1217 -0
  83. package/src/scss/atlas-custom-properties/variables/_clay-color.scss +647 -0
  84. package/src/scss/atlas-custom-properties/variables/_custom-forms.scss +1127 -0
  85. package/src/scss/atlas-custom-properties/variables/_date-picker.scss +701 -0
  86. package/src/scss/atlas-custom-properties/variables/_drilldown.scss +252 -0
  87. package/src/scss/atlas-custom-properties/variables/_dropdowns.scss +1250 -0
  88. package/src/scss/atlas-custom-properties/variables/_dual-listbox.scss +75 -0
  89. package/src/scss/atlas-custom-properties/variables/_empty-state.scss +104 -0
  90. package/src/scss/atlas-custom-properties/variables/_forms.scss +2342 -0
  91. package/src/scss/atlas-custom-properties/variables/_globals-z-index.scss +50 -0
  92. package/src/scss/atlas-custom-properties/variables/_globals.scss +846 -0
  93. package/src/scss/atlas-custom-properties/variables/_icons.scss +73 -0
  94. package/src/scss/atlas-custom-properties/variables/_images.scss +14 -0
  95. package/src/scss/atlas-custom-properties/variables/_labels.scss +1485 -0
  96. package/src/scss/atlas-custom-properties/variables/_links.scss +482 -0
  97. package/src/scss/atlas-custom-properties/variables/_list-group.scss +493 -0
  98. package/src/scss/atlas-custom-properties/variables/_loaders.scss +243 -0
  99. package/src/scss/atlas-custom-properties/variables/_management-bar.scss +153 -0
  100. package/src/scss/atlas-custom-properties/variables/_menubar.scss +836 -0
  101. package/src/scss/atlas-custom-properties/variables/_modals.scss +650 -0
  102. package/src/scss/atlas-custom-properties/variables/_multi-step-nav.scss +324 -0
  103. package/src/scss/atlas-custom-properties/variables/_navbar.scss +200 -0
  104. package/src/scss/atlas-custom-properties/variables/_navigation-bar.scss +473 -0
  105. package/src/scss/atlas-custom-properties/variables/_navs.scss +547 -0
  106. package/src/scss/atlas-custom-properties/variables/_pagination.scss +1101 -0
  107. package/src/scss/atlas-custom-properties/variables/_panels.scss +567 -0
  108. package/src/scss/atlas-custom-properties/variables/_popovers.scss +565 -0
  109. package/src/scss/atlas-custom-properties/variables/_progress-bars.scss +142 -0
  110. package/src/scss/atlas-custom-properties/variables/_quick-action.scss +27 -0
  111. package/src/scss/atlas-custom-properties/variables/_range.scss +267 -0
  112. package/src/scss/atlas-custom-properties/variables/_reorder.scss +91 -0
  113. package/src/scss/atlas-custom-properties/variables/_resizer.scss +26 -0
  114. package/src/scss/atlas-custom-properties/variables/_sheets.scss +301 -0
  115. package/src/scss/atlas-custom-properties/variables/_side-navigation.scss +4 -0
  116. package/src/scss/atlas-custom-properties/variables/_sidebar.scss +579 -0
  117. package/src/scss/atlas-custom-properties/variables/_slideout.scss +379 -0
  118. package/src/scss/atlas-custom-properties/variables/_stickers.scss +578 -0
  119. package/src/scss/atlas-custom-properties/variables/_tables.scss +1277 -0
  120. package/src/scss/atlas-custom-properties/variables/_tbar.scss +636 -0
  121. package/src/scss/atlas-custom-properties/variables/_time.scss +142 -0
  122. package/src/scss/atlas-custom-properties/variables/_timelines.scss +43 -0
  123. package/src/scss/atlas-custom-properties/variables/_toggle-switch.scss +706 -0
  124. package/src/scss/atlas-custom-properties/variables/_tooltip.scss +332 -0
  125. package/src/scss/atlas-custom-properties/variables/_treeview.scss +369 -0
  126. package/src/scss/atlas-custom-properties/variables/_type.scss +194 -0
  127. package/src/scss/atlas-custom-properties/variables/_utilities.scss +1016 -0
  128. package/src/scss/atlas-variables.scss +2 -0
  129. package/src/scss/atlas.scss +2 -0
  130. package/src/scss/base-variables.scss +2 -0
  131. package/src/scss/base.scss +2 -0
  132. package/src/scss/cadmin/components/_alerts.scss +3 -1
  133. package/src/scss/cadmin/components/_button-groups.scss +2 -2
  134. package/src/scss/cadmin/components/_cards.scss +2 -2
  135. package/src/scss/cadmin/components/_drilldown.scss +10 -10
  136. package/src/scss/cadmin/components/_dropdowns.scss +2 -2
  137. package/src/scss/cadmin/components/_forms.scss +2 -2
  138. package/src/scss/cadmin/components/_grid.scss +6 -6
  139. package/src/scss/cadmin/components/_icons.scss +10 -2
  140. package/src/scss/cadmin/components/_images.scss +1 -1
  141. package/src/scss/cadmin/components/_input-groups.scss +4 -4
  142. package/src/scss/cadmin/components/_list-group.scss +11 -10
  143. package/src/scss/cadmin/components/_modals.scss +5 -5
  144. package/src/scss/cadmin/components/_multi-step-nav.scss +45 -20
  145. package/src/scss/cadmin/components/_navbar.scss +14 -8
  146. package/src/scss/cadmin/components/_navs.scss +1 -1
  147. package/src/scss/cadmin/components/_panels.scss +51 -25
  148. package/src/scss/cadmin/components/_popovers.scss +25 -21
  149. package/src/scss/cadmin/components/_sheets.scss +40 -14
  150. package/src/scss/cadmin/components/_time.scss +6 -2
  151. package/src/scss/cadmin/components/_timelines.scss +15 -8
  152. package/src/scss/cadmin/components/_tooltip.scss +8 -7
  153. package/src/scss/cadmin/components/_treeview.scss +8 -1
  154. package/src/scss/cadmin/components/_type.scss +4 -2
  155. package/src/scss/cadmin/components/_utilities-functional-important.scss +5 -5
  156. package/src/scss/cadmin/components/_utilities.scss +13 -13
  157. package/src/scss/cadmin/variables/_alerts.scss +184 -34
  158. package/src/scss/cadmin/variables/_badges.scss +121 -21
  159. package/src/scss/cadmin/variables/_breadcrumbs.scss +18 -11
  160. package/src/scss/cadmin/variables/_buttons.scss +15 -10
  161. package/src/scss/cadmin/variables/_cards.scss +89 -32
  162. package/src/scss/cadmin/variables/_clay-color.scss +40 -18
  163. package/src/scss/cadmin/variables/_custom-forms.scss +49 -10
  164. package/src/scss/cadmin/variables/_date-picker.scss +47 -19
  165. package/src/scss/cadmin/variables/_dropdowns.scss +105 -49
  166. package/src/scss/cadmin/variables/_dual-listbox.scss +1 -1
  167. package/src/scss/cadmin/variables/_empty-state.scss +5 -2
  168. package/src/scss/cadmin/variables/_forms.scss +218 -74
  169. package/src/scss/cadmin/variables/_globals-z-index.scss +28 -5
  170. package/src/scss/cadmin/variables/_globals.scss +141 -71
  171. package/src/scss/cadmin/variables/_images.scss +1 -2
  172. package/src/scss/cadmin/variables/_labels.scss +99 -6
  173. package/src/scss/cadmin/variables/_links.scss +47 -11
  174. package/src/scss/cadmin/variables/_list-group.scss +25 -9
  175. package/src/scss/cadmin/variables/_loaders.scss +18 -2
  176. package/src/scss/cadmin/variables/_management-bar.scss +66 -26
  177. package/src/scss/cadmin/variables/_menubar.scss +137 -43
  178. package/src/scss/cadmin/variables/_modals.scss +75 -26
  179. package/src/scss/cadmin/variables/_multi-step-nav.scss +34 -14
  180. package/src/scss/cadmin/variables/_navbar.scss +22 -15
  181. package/src/scss/cadmin/variables/_navigation-bar.scss +73 -37
  182. package/src/scss/cadmin/variables/_navs.scss +65 -33
  183. package/src/scss/cadmin/variables/_pagination.scss +60 -22
  184. package/src/scss/cadmin/variables/_panels.scss +34 -16
  185. package/src/scss/cadmin/variables/_popovers.scss +66 -77
  186. package/src/scss/cadmin/variables/_progress-bars.scss +8 -3
  187. package/src/scss/cadmin/variables/_range.scss +29 -9
  188. package/src/scss/cadmin/variables/_reorder.scss +7 -6
  189. package/src/scss/cadmin/variables/_resizer.scss +5 -3
  190. package/src/scss/cadmin/variables/_sheets.scss +21 -12
  191. package/src/scss/cadmin/variables/_sidebar.scss +76 -5
  192. package/src/scss/cadmin/variables/_slideout.scss +88 -31
  193. package/src/scss/cadmin/variables/_stickers.scss +36 -8
  194. package/src/scss/cadmin/variables/_tables.scss +142 -51
  195. package/src/scss/cadmin/variables/_tbar.scss +79 -31
  196. package/src/scss/cadmin/variables/_time.scss +14 -12
  197. package/src/scss/cadmin/variables/_timelines.scss +4 -2
  198. package/src/scss/cadmin/variables/_toggle-switch.scss +117 -37
  199. package/src/scss/cadmin/variables/_tooltip.scss +47 -49
  200. package/src/scss/cadmin/variables/_treeview.scss +62 -10
  201. package/src/scss/cadmin/variables/_type.scss +11 -9
  202. package/src/scss/cadmin/variables/_utilities.scss +123 -6
  203. package/src/scss/components/_alerts.scss +1 -1
  204. package/src/scss/components/_button-groups.scss +2 -2
  205. package/src/scss/components/_cards.scss +10 -10
  206. package/src/scss/components/_carousel.scss +2 -2
  207. package/src/scss/components/_custom-forms.scss +23 -12
  208. package/src/scss/components/_drilldown.scss +8 -4
  209. package/src/scss/components/_forms.scss +6 -6
  210. package/src/scss/components/_grid.scss +7 -7
  211. package/src/scss/components/_icons.scss +10 -2
  212. package/src/scss/components/_images.scss +1 -1
  213. package/src/scss/components/_input-groups.scss +7 -5
  214. package/src/scss/components/_jumbotron.scss +2 -2
  215. package/src/scss/components/_list-group.scss +29 -14
  216. package/src/scss/components/_modals.scss +5 -5
  217. package/src/scss/components/_multi-step-nav.scss +32 -12
  218. package/src/scss/components/_navbar.scss +10 -6
  219. package/src/scss/components/_panels.scss +82 -51
  220. package/src/scss/components/_popovers.scss +21 -25
  221. package/src/scss/components/_sheets.scss +38 -14
  222. package/src/scss/components/_side-navigation.scss +2 -2
  223. package/src/scss/components/_time.scss +2 -2
  224. package/src/scss/components/_timelines.scss +16 -12
  225. package/src/scss/components/_tooltip.scss +8 -6
  226. package/src/scss/components/_treeview.scss +8 -1
  227. package/src/scss/components/_type.scss +2 -2
  228. package/src/scss/components/_utilities-functional-important.scss +5 -5
  229. package/src/scss/components/_utilities.scss +13 -13
  230. package/src/scss/functions/_global-functions.scss +8 -6
  231. package/src/scss/functions/_lx-icons-generated.scss +31 -1
  232. package/src/scss/mixins/_alerts.scss +10 -0
  233. package/src/scss/mixins/_aspect-ratio.scss +11 -0
  234. package/src/scss/mixins/_badges.scss +14 -2
  235. package/src/scss/mixins/_buttons.scss +68 -8
  236. package/src/scss/mixins/_cards.scss +81 -0
  237. package/src/scss/mixins/_close.scss +54 -4
  238. package/src/scss/mixins/_dropdown-menu.scss +55 -6
  239. package/src/scss/mixins/_forms.scss +150 -0
  240. package/src/scss/mixins/_globals.scss +101 -358
  241. package/src/scss/mixins/_grid.scss +21 -8
  242. package/src/scss/mixins/_highlight.scss +14 -0
  243. package/src/scss/mixins/_input-groups.scss +15 -0
  244. package/src/scss/mixins/_labels.scss +64 -10
  245. package/src/scss/mixins/_links.scss +55 -4
  246. package/src/scss/mixins/_list-group.scss +8 -4
  247. package/src/scss/mixins/_menubar.scss +80 -4
  248. package/src/scss/mixins/_modals.scss +10 -18
  249. package/src/scss/mixins/_nav.scss +19 -0
  250. package/src/scss/mixins/_navbar.scss +237 -49
  251. package/src/scss/mixins/_panels.scss +48 -4
  252. package/src/scss/mixins/_stickers.scss +8 -0
  253. package/src/scss/mixins/_tbar.scss +65 -10
  254. package/src/scss/mixins/_timelines.scss +21 -11
  255. package/src/scss/mixins/_toggle-switch.scss +4 -0
  256. package/src/scss/mixins/_utilities.scss +9 -0
  257. package/src/scss/variables/_alerts.scss +184 -29
  258. package/src/scss/variables/_application-bar.scss +11 -4
  259. package/src/scss/variables/_badges.scss +133 -35
  260. package/src/scss/variables/_breadcrumbs.scss +13 -4
  261. package/src/scss/variables/_buttons.scss +11 -10
  262. package/src/scss/variables/_cards.scss +131 -53
  263. package/src/scss/variables/_clay-color.scss +36 -18
  264. package/src/scss/variables/_custom-forms.scss +47 -12
  265. package/src/scss/variables/_date-picker.scss +41 -16
  266. package/src/scss/variables/_drilldown.scss +3 -3
  267. package/src/scss/variables/_dropdowns.scss +108 -49
  268. package/src/scss/variables/_dual-listbox.scss +1 -1
  269. package/src/scss/variables/_empty-state.scss +5 -2
  270. package/src/scss/variables/_forms.scss +200 -64
  271. package/src/scss/variables/_globals-z-index.scss +26 -5
  272. package/src/scss/variables/_globals.scss +153 -76
  273. package/src/scss/variables/_images.scss +1 -2
  274. package/src/scss/variables/_labels.scss +103 -6
  275. package/src/scss/variables/_links.scss +39 -10
  276. package/src/scss/variables/_list-group.scss +39 -13
  277. package/src/scss/variables/_loaders.scss +18 -2
  278. package/src/scss/variables/_management-bar.scss +23 -6
  279. package/src/scss/variables/_menubar.scss +86 -19
  280. package/src/scss/variables/_modals.scss +66 -25
  281. package/src/scss/variables/_multi-step-nav.scss +29 -11
  282. package/src/scss/variables/_navbar.scss +14 -8
  283. package/src/scss/variables/_navigation-bar.scss +26 -4
  284. package/src/scss/variables/_navs.scss +76 -44
  285. package/src/scss/variables/_pagination.scss +30 -5
  286. package/src/scss/variables/_panels.scss +77 -24
  287. package/src/scss/variables/_popovers.scss +65 -78
  288. package/src/scss/variables/_progress-bars.scss +11 -2
  289. package/src/scss/variables/_range.scss +35 -9
  290. package/src/scss/variables/_reorder.scss +7 -6
  291. package/src/scss/variables/_resizer.scss +5 -3
  292. package/src/scss/variables/_sheets.scss +21 -13
  293. package/src/scss/variables/_sidebar.scss +72 -4
  294. package/src/scss/variables/_slideout.scss +87 -31
  295. package/src/scss/variables/_stickers.scss +50 -9
  296. package/src/scss/variables/_tables.scss +125 -33
  297. package/src/scss/variables/_tbar.scss +79 -30
  298. package/src/scss/variables/_time.scss +13 -11
  299. package/src/scss/variables/_timelines.scss +2 -1
  300. package/src/scss/variables/_toggle-switch.scss +114 -30
  301. package/src/scss/variables/_tooltip.scss +46 -49
  302. package/src/scss/variables/_treeview.scss +63 -10
  303. package/src/scss/variables/_type.scss +9 -7
  304. 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
  ),