@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/variables/_alerts.scss CHANGED
@@ -88,19 +88,19 @@ $alert-close-margin-left: null !default;
88
88
 
89
89
  /// @deprecated as of v2.12.0 use the Sass map `$alert-close` instead
90
90
 
91
- $alert-close-padding-bottom: 0 !default;
91
+ $alert-close-padding-bottom: 0rem !default;
92
92
 
93
93
  /// @deprecated as of v2.12.0 use the Sass map `$alert-close` instead
94
94
 
95
- $alert-close-padding-left: 0 !default;
95
+ $alert-close-padding-left: 0rem !default;
96
96
 
97
97
  /// @deprecated as of v2.12.0 use the Sass map `$alert-close` instead
98
98
 
99
- $alert-close-padding-right: 0 !default;
99
+ $alert-close-padding-right: 0rem !default;
100
100
 
101
101
  /// @deprecated as of v2.12.0 use the Sass map `$alert-close` instead
102
102
 
103
- $alert-close-padding-top: 0 !default;
103
+ $alert-close-padding-top: 0rem !default;
104
104
 
105
105
  /// @deprecated as of v2.12.0 use the Sass map `$alert-close` instead
106
106
 
@@ -131,6 +131,7 @@ $alert-close: map-deep-merge(
131
131
  right: $alert-close-position-right,
132
132
  top: $alert-close-position-top,
133
133
  width: $alert-close-width,
134
+
134
135
  hover: (
135
136
  color: inherit,
136
137
  ),
@@ -160,16 +161,23 @@ $alert: map-deep-merge(
160
161
  position: relative,
161
162
  white-space: normal,
162
163
  word-wrap: break-word,
164
+
163
165
  alert-btn: $alert-btn,
166
+
164
167
  btn-group: $alert-btn-group,
168
+
165
169
  btn-group-item: $alert-btn-group-item,
170
+
166
171
  close: $alert-close,
172
+
167
173
  lead: (
168
174
  font-size: $alert-lead-font-size,
169
175
  font-weight: $alert-lead-font-weight,
170
176
  margin-right: $alert-lead-spacer-x,
171
177
  ),
178
+
172
179
  component-title: $alert-title,
180
+
173
181
  component-subtitle: $alert-subtitle,
174
182
  ),
175
183
  $alert
@@ -187,9 +195,11 @@ $alert-link: map-deep-merge(
187
195
  (
188
196
  font-weight: $alert-link-font-weight,
189
197
  text-decoration: $alert-link-decoration,
198
+
190
199
  hover: (
191
200
  text-decoration: $alert-link-hover-decoration,
192
201
  ),
202
+
193
203
  focus: (
194
204
  text-decoration: $alert-link-hover-decoration,
195
205
  ),
@@ -207,6 +217,7 @@ $alert-indicator: map-deep-merge(
207
217
  font-size: $alert-indicator-font-size,
208
218
  line-height: 1,
209
219
  vertical-align: 8%,
220
+
210
221
  lead: (
211
222
  margin-left: $alert-lead-spacer-x,
212
223
  ),
@@ -250,22 +261,22 @@ $alert-fluid-border-bottom-width: 1px !default;
250
261
 
251
262
  /// @deprecated use the Sass map `$alert-fluid` instead
252
263
 
253
- $alert-fluid-border-left-width: 0 !default;
264
+ $alert-fluid-border-left-width: 0px !default;
254
265
 
255
266
  /// @deprecated use the Sass map `$alert-fluid` instead
256
267
 
257
- $alert-fluid-border-right-width: 0 !default;
268
+ $alert-fluid-border-right-width: 0px !default;
258
269
 
259
270
  /// @deprecated use the Sass map `$alert-fluid` instead
260
271
 
261
- $alert-fluid-border-top-width: 0 !default;
272
+ $alert-fluid-border-top-width: 0px !default;
262
273
 
263
274
  /// @deprecated use the Sass map `$alert-fluid` instead
264
275
 
265
276
  $alert-fluid-border-width: $alert-fluid-border-top-width
266
277
  $alert-fluid-border-right-width $alert-fluid-border-bottom-width
267
278
  $alert-fluid-border-left-width !default;
268
- $alert-fluid-margin-bottom: 0 !default;
279
+ $alert-fluid-margin-bottom: 0rem !default;
269
280
 
270
281
  /// @deprecated use the Sass map `$alert-fluid` instead
271
282
 
@@ -312,14 +323,17 @@ $alert-fluid-close: map-deep-merge(
312
323
  $alert-fluid: () !default;
313
324
  $alert-fluid: map-deep-merge(
314
325
  (
315
- border-radius: 0,
326
+ border-radius: 0px,
316
327
  border-width: $alert-fluid-border-width,
317
328
  margin-bottom: $alert-fluid-margin-bottom,
318
- padding: 0,
329
+ padding: 0rem,
330
+
319
331
  alert-dismissible: (
320
332
  container-fluid: $alert-fluid-dismissible-container,
321
333
  ),
334
+
322
335
  container-fluid: $alert-fluid-container,
336
+
323
337
  close: $alert-fluid-close,
324
338
  ),
325
339
  $alert-fluid
@@ -342,12 +356,13 @@ $alert-notifications-absolute: map-deep-merge(
342
356
  (
343
357
  breakpoint-down: sm,
344
358
  bottom: $alert-notifications-absolute-bottom,
345
- height: 0,
359
+ height: 0rem,
346
360
  left: $alert-notifications-absolute-left,
347
361
  position: absolute,
348
362
  right: $alert-notifications-absolute-right,
349
363
  top: $alert-notifications-absolute-top,
350
364
  z-index: $zindex-alert-notifications,
365
+
351
366
  mobile: (
352
367
  bottom: $alert-notifications-absolute-bottom-mobile,
353
368
  left: $alert-notifications-absolute-left-mobile,
@@ -366,8 +381,12 @@ $alert-notifications-fixed-right: null !default;
366
381
  $alert-notifications-fixed-top: null !default;
367
382
 
368
383
  $alert-notifications-fixed-bottom-mobile: 1rem !default;
369
- $alert-notifications-fixed-left-mobile: $grid-gutter-width * 0.5 !default;
370
- $alert-notifications-fixed-right-mobile: $grid-gutter-width * 0.5 !default;
384
+ $alert-notifications-fixed-left-mobile: calc(
385
+ #{$grid-gutter-width} * 0.5
386
+ ) !default;
387
+ $alert-notifications-fixed-right-mobile: calc(
388
+ #{$grid-gutter-width} * 0.5
389
+ ) !default;
371
390
  $alert-notifications-fixed-top-mobile: null !default;
372
391
 
373
392
  $alert-notifications-fixed: () !default;
@@ -380,6 +399,7 @@ $alert-notifications-fixed: map-deep-merge(
380
399
  right: $alert-notifications-fixed-right,
381
400
  top: $alert-notifications-fixed-top,
382
401
  z-index: $zindex-alert-notifications,
402
+
383
403
  mobile: (
384
404
  bottom: $alert-notifications-fixed-bottom-mobile,
385
405
  left: $alert-notifications-fixed-left-mobile,
@@ -426,6 +446,7 @@ $alert-autofit-row: map-deep-merge(
426
446
  margin-left: -0.5rem,
427
447
  margin-right: -0.5rem,
428
448
  width: auto,
449
+
429
450
  autofit-col: (
430
451
  padding-left: 0.5rem,
431
452
  padding-right: 0.5rem,
@@ -467,9 +488,10 @@ $alert-feedback: () !default;
467
488
  $alert-feedback: map-deep-merge(
468
489
  (
469
490
  background-color: transparent,
470
- border-width: 0,
491
+ border-width: 0rem,
471
492
  margin-bottom: 0.25rem,
472
- padding: 0,
493
+ padding: 0rem,
494
+
473
495
  close: (),
474
496
  ),
475
497
  $alert-feedback
@@ -483,28 +505,34 @@ $alert-inline: map-deep-merge(
483
505
  display: inline-block,
484
506
  max-width: 100%,
485
507
  width: auto,
508
+
486
509
  alert-dismissible: (
487
510
  padding-right: 3.5rem,
488
511
  ),
512
+
489
513
  alert-dismissible-alert-fluid: (
490
- padding-right: 0,
514
+ padding-right: 0rem,
515
+
491
516
  container-fluid: (
492
517
  padding-right: 3.5rem,
493
518
  ),
494
519
  ),
520
+
495
521
  alert-autofit-row: (
496
522
  align-items: center,
497
- margin-bottom: calc(#{math-sign($alert-padding-y)} - 1px),
498
- margin-top: calc(#{math-sign($alert-padding-y)} - 1px),
523
+ margin-bottom: calc(#{$alert-padding-y} * -1 - 1px),
524
+ margin-top: calc(#{$alert-padding-y} * -1 - 1px),
499
525
  padding-bottom: 0.5625rem,
500
526
  padding-top: 0.5625rem,
501
527
  min-height: 3.5rem,
528
+
502
529
  btn-group: (
503
530
  margin-right: 2rem,
504
531
  ),
505
532
  ),
533
+
506
534
  close: (
507
- margin-top: math-sign(1rem),
535
+ margin-top: -1rem,
508
536
  top: 50%,
509
537
  ),
510
538
  ),
@@ -519,21 +547,24 @@ $alert-autofit-stacked: map-deep-merge(
519
547
  alert-autofit-row: (
520
548
  align-items: flex-start,
521
549
  flex-direction: column,
522
- margin-bottom: 0,
523
- margin-top: 0,
524
- min-height: 0,
525
- padding-bottom: 0,
526
- padding-top: 0,
550
+ margin-bottom: 0rem,
551
+ margin-top: 0rem,
552
+ min-height: 0rem,
553
+ padding-bottom: 0rem,
554
+ padding-top: 0rem,
555
+
527
556
  autofit-col: (
528
557
  width: 100%,
529
558
  ),
559
+
530
560
  btn-group: (
531
- margin-right: 0,
561
+ margin-right: 0rem,
532
562
  margin-top: 0.875rem,
533
563
  ),
534
564
  ),
565
+
535
566
  close: (
536
- margin-top: 0,
567
+ margin-top: 0rem,
537
568
  top: map-get($alert-close, top),
538
569
  ),
539
570
  ),
@@ -570,7 +601,8 @@ $alert-indicator-start: map-deep-merge(
570
601
  )}
571
602
  ),
572
603
  alert-fluid: (
573
- padding-left: 0,
604
+ padding-left: 0rem,
605
+
574
606
  container-fluid: (
575
607
  padding-left:
576
608
  calc(
@@ -582,6 +614,7 @@ $alert-indicator-start: map-deep-merge(
582
614
  ),
583
615
  ),
584
616
  ),
617
+
585
618
  alert-feedback: (
586
619
  padding-left:
587
620
  calc(
@@ -592,6 +625,7 @@ $alert-indicator-start: map-deep-merge(
592
625
  )}
593
626
  ),
594
627
  ),
628
+
595
629
  alert-indicator: (
596
630
  line-height: 1,
597
631
  margin-left:
@@ -604,13 +638,15 @@ $alert-indicator-start: map-deep-merge(
604
638
  ),
605
639
  margin-top: 4px,
606
640
  position: absolute,
641
+
607
642
  lead: (
608
- margin-left: 0,
643
+ margin-left: 0rem,
609
644
  ),
610
645
  ),
646
+
611
647
  alert-autofit-row: (
612
648
  alert-indicator-only-child: (
613
- margin-right: 0,
649
+ margin-right: 0rem,
614
650
  ),
615
651
  ),
616
652
  ),
@@ -625,21 +661,28 @@ $alert-primary-border-color: theme-color-level(
625
661
  $alert-border-level
626
662
  ) !default;
627
663
  $alert-primary-color: theme-color-level(primary, $alert-color-level) !default;
664
+
628
665
  $alert-primary-close-color: null !default;
629
666
  $alert-primary-close-hover-color: null !default;
667
+
630
668
  $alert-primary-lead-color: null !default;
669
+
631
670
  $alert-primary-link-color: clay-darken($alert-primary-color, 10%) !default;
671
+
632
672
  $alert-primary-link-hover-color: null !default;
673
+
633
674
  $alert-primary-btn: () !default;
634
675
  $alert-primary-btn: map-deep-merge(
635
676
  (
636
677
  background-color: $white,
637
678
  border-color: $primary,
638
679
  color: $primary,
680
+
639
681
  hover: (
640
682
  background-color: $primary,
641
683
  color: color-yiq($primary),
642
684
  ),
685
+
643
686
  active: (
644
687
  background-color: clay-darken($primary, 5%),
645
688
  border-color: clay-darken($primary, 5%),
@@ -654,21 +697,28 @@ $alert-primary: map-deep-merge(
654
697
  background-color: $alert-primary-bg,
655
698
  border-color: $alert-primary-border-color,
656
699
  color: $alert-primary-color,
700
+
657
701
  hr: (
658
702
  border-top-color: clay-darken($alert-primary-border-color, 5%),
659
703
  ),
704
+
660
705
  alert-btn: $alert-primary-btn,
706
+
661
707
  close: (
662
708
  color: $alert-primary-close-color,
709
+
663
710
  hover: (
664
711
  color: $alert-primary-close-hover-color,
665
712
  ),
666
713
  ),
714
+
667
715
  lead: (
668
716
  color: $alert-primary-lead-color,
669
717
  ),
718
+
670
719
  alert-link: (
671
720
  color: $alert-primary-link-color,
721
+
672
722
  hover: (
673
723
  color: $alert-primary-link-hover-color,
674
724
  ),
@@ -688,21 +738,29 @@ $alert-secondary-color: theme-color-level(
688
738
  secondary,
689
739
  $alert-color-level
690
740
  ) !default;
741
+
691
742
  $alert-secondary-close-color: null !default;
743
+
692
744
  $alert-secondary-close-hover-color: null !default;
745
+
693
746
  $alert-secondary-lead-color: null !default;
747
+
694
748
  $alert-secondary-link-color: clay-darken($alert-secondary-color, 10%) !default;
749
+
695
750
  $alert-secondary-link-hover-color: null !default;
751
+
696
752
  $alert-secondary-btn: () !default;
697
753
  $alert-secondary-btn: map-deep-merge(
698
754
  (
699
755
  background-color: $white,
700
756
  border-color: $secondary,
701
757
  color: $secondary,
758
+
702
759
  hover: (
703
760
  background-color: $secondary,
704
761
  color: color-yiq($secondary),
705
762
  ),
763
+
706
764
  active: (
707
765
  background-color: clay-darken($secondary, 5%),
708
766
  border-color: clay-darken($secondary, 5%),
@@ -717,21 +775,27 @@ $alert-secondary: map-deep-merge(
717
775
  background-color: $alert-secondary-bg,
718
776
  border-color: $alert-secondary-border-color,
719
777
  color: $alert-secondary-color,
778
+
720
779
  close: (
721
780
  color: $alert-secondary-close-color,
781
+
722
782
  hover: (
723
783
  color: $alert-secondary-close-hover-color,
724
784
  ),
725
785
  ),
786
+
726
787
  lead: (
727
788
  color: $alert-secondary-lead-color,
728
789
  ),
790
+
729
791
  alert-link: (
730
792
  color: $alert-secondary-link-color,
793
+
731
794
  hover: (
732
795
  color: $alert-secondary-link-hover-color,
733
796
  ),
734
797
  ),
798
+
735
799
  alert-btn: $alert-secondary-btn,
736
800
  ),
737
801
  $alert-secondary
@@ -745,21 +809,29 @@ $alert-success-border-color: theme-color-level(
745
809
  $alert-border-level
746
810
  ) !default;
747
811
  $alert-success-color: theme-color-level(success, $alert-color-level) !default;
812
+
748
813
  $alert-success-close-color: null !default;
814
+
749
815
  $alert-success-close-hover-color: null !default;
816
+
750
817
  $alert-success-lead-color: null !default;
818
+
751
819
  $alert-success-link-color: clay-darken($alert-success-color, 10%) !default;
820
+
752
821
  $alert-success-link-hover-color: null !default;
822
+
753
823
  $alert-success-btn: () !default;
754
824
  $alert-success-btn: map-deep-merge(
755
825
  (
756
826
  background-color: $white,
757
827
  border-color: $success,
758
828
  color: $success,
829
+
759
830
  hover: (
760
831
  background-color: $success,
761
832
  color: color-yiq($success),
762
833
  ),
834
+
763
835
  active: (
764
836
  background-color: clay-darken($success, 5%),
765
837
  border-color: clay-darken($success, 5%),
@@ -774,21 +846,27 @@ $alert-success: map-deep-merge(
774
846
  background-color: $alert-success-bg,
775
847
  border-color: $alert-success-border-color,
776
848
  color: $alert-success-color,
849
+
777
850
  close: (
778
851
  color: $alert-success-close-color,
852
+
779
853
  hover: (
780
854
  color: $alert-success-close-hover-color,
781
855
  ),
782
856
  ),
857
+
783
858
  lead: (
784
859
  color: $alert-success-lead-color,
785
860
  ),
861
+
786
862
  alert-link: (
787
863
  color: $alert-success-link-color,
864
+
788
865
  hover: (
789
866
  color: $alert-success-link-hover-color,
790
867
  ),
791
868
  ),
869
+
792
870
  alert-btn: $alert-success-btn,
793
871
  ),
794
872
  $alert-success
@@ -799,21 +877,29 @@ $alert-success: map-deep-merge(
799
877
  $alert-info-bg: theme-color-level(info, $alert-bg-level) !default;
800
878
  $alert-info-border-color: theme-color-level(info, $alert-border-level) !default;
801
879
  $alert-info-color: theme-color-level(info, $alert-color-level) !default;
880
+
802
881
  $alert-info-close-color: null !default;
882
+
803
883
  $alert-info-close-hover-color: null !default;
884
+
804
885
  $alert-info-lead-color: null !default;
886
+
805
887
  $alert-info-link-color: clay-darken($alert-info-color, 10%) !default;
888
+
806
889
  $alert-info-link-hover-color: null !default;
890
+
807
891
  $alert-info-btn: () !default;
808
892
  $alert-info-btn: map-deep-merge(
809
893
  (
810
894
  background-color: $white,
811
895
  border-color: $info,
812
896
  color: $info,
897
+
813
898
  hover: (
814
899
  background-color: $info,
815
900
  color: color-yiq($info),
816
901
  ),
902
+
817
903
  active: (
818
904
  background-color: clay-darken($info, 5%),
819
905
  border-color: clay-darken($info, 5%),
@@ -828,21 +914,27 @@ $alert-info: map-deep-merge(
828
914
  background-color: $alert-info-bg,
829
915
  border-color: $alert-info-border-color,
830
916
  color: $alert-info-color,
917
+
831
918
  close: (
832
919
  color: $alert-info-close-color,
920
+
833
921
  hover: (
834
922
  color: $alert-info-close-hover-color,
835
923
  ),
836
924
  ),
925
+
837
926
  lead: (
838
927
  color: $alert-info-lead-color,
839
928
  ),
929
+
840
930
  link: (
841
931
  color: $alert-info-link-color,
932
+
842
933
  hover: (
843
934
  color: $alert-info-link-hover-color,
844
935
  ),
845
936
  ),
937
+
846
938
  alert-btn: $alert-info-btn,
847
939
  ),
848
940
  $alert-info
@@ -856,21 +948,29 @@ $alert-warning-border-color: theme-color-level(
856
948
  $alert-border-level
857
949
  ) !default;
858
950
  $alert-warning-color: theme-color-level(warning, $alert-color-level) !default;
951
+
859
952
  $alert-warning-close-color: null !default;
953
+
860
954
  $alert-warning-close-hover-color: null !default;
955
+
861
956
  $alert-warning-lead-color: null !default;
957
+
862
958
  $alert-warning-link-color: clay-darken($alert-warning-color, 10%) !default;
959
+
863
960
  $alert-warning-link-hover-color: null !default;
961
+
864
962
  $alert-warning-btn: () !default;
865
963
  $alert-warning-btn: map-deep-merge(
866
964
  (
867
965
  background-color: $white,
868
966
  border-color: $warning,
869
967
  color: $warning,
968
+
870
969
  hover: (
871
970
  background-color: $warning,
872
971
  color: color-yiq($warning),
873
972
  ),
973
+
874
974
  active: (
875
975
  background-color: clay-darken($warning, 5%),
876
976
  border-color: clay-darken($warning, 5%),
@@ -885,21 +985,27 @@ $alert-warning: map-deep-merge(
885
985
  background-color: $alert-warning-bg,
886
986
  border-color: $alert-warning-border-color,
887
987
  color: $alert-warning-color,
988
+
888
989
  close: (
889
990
  color: $alert-warning-close-color,
991
+
890
992
  hover: (
891
993
  color: $alert-warning-close-hover-color,
892
994
  ),
893
995
  ),
996
+
894
997
  lead: (
895
998
  color: $alert-warning-lead-color,
896
999
  ),
1000
+
897
1001
  link: (
898
1002
  color: $alert-warning-link-color,
1003
+
899
1004
  hover: (
900
1005
  color: $alert-warning-link-hover-color,
901
1006
  ),
902
1007
  ),
1008
+
903
1009
  alert-btn: $alert-warning-btn,
904
1010
  ),
905
1011
  $alert-warning
@@ -913,21 +1019,29 @@ $alert-danger-border-color: theme-color-level(
913
1019
  $alert-border-level
914
1020
  ) !default;
915
1021
  $alert-danger-color: theme-color-level(danger, $alert-color-level) !default;
1022
+
916
1023
  $alert-danger-close-color: null !default;
1024
+
917
1025
  $alert-danger-close-hover-color: null !default;
1026
+
918
1027
  $alert-danger-lead-color: null !default;
1028
+
919
1029
  $alert-danger-link-color: clay-darken($alert-danger-color, 10%) !default;
1030
+
920
1031
  $alert-danger-link-hover-color: null !default;
1032
+
921
1033
  $alert-danger-btn: () !default;
922
1034
  $alert-danger-btn: map-deep-merge(
923
1035
  (
924
1036
  background-color: $white,
925
1037
  border-color: $danger,
926
1038
  color: $danger,
1039
+
927
1040
  hover: (
928
1041
  background-color: $danger,
929
1042
  color: color-yiq($danger),
930
1043
  ),
1044
+
931
1045
  active: (
932
1046
  background-color: clay-darken($danger, 5%),
933
1047
  border-color: clay-darken($danger, 5%),
@@ -942,21 +1056,27 @@ $alert-danger: map-deep-merge(
942
1056
  background-color: $alert-danger-bg,
943
1057
  border-color: $alert-danger-border-color,
944
1058
  color: $alert-danger-color,
1059
+
945
1060
  close: (
946
1061
  color: $alert-danger-close-color,
1062
+
947
1063
  hover: (
948
1064
  color: $alert-danger-close-hover-color,
949
1065
  ),
950
1066
  ),
1067
+
951
1068
  lead: (
952
1069
  color: $alert-danger-lead-color,
953
1070
  ),
1071
+
954
1072
  link: (
955
1073
  color: $alert-danger-link-color,
1074
+
956
1075
  hover: (
957
1076
  color: $alert-danger-link-hover-color,
958
1077
  ),
959
1078
  ),
1079
+
960
1080
  alert-btn: $alert-danger-btn,
961
1081
  ),
962
1082
  $alert-danger
@@ -970,21 +1090,29 @@ $alert-light-border-color: theme-color-level(
970
1090
  $alert-border-level
971
1091
  ) !default;
972
1092
  $alert-light-color: theme-color-level(light, $alert-color-level) !default;
1093
+
973
1094
  $alert-light-close-color: null !default;
1095
+
974
1096
  $alert-light-close-hover-color: null !default;
1097
+
975
1098
  $alert-light-lead-color: null !default;
1099
+
976
1100
  $alert-light-link-color: clay-darken($alert-light-color, 10%) !default;
1101
+
977
1102
  $alert-light-link-hover-color: null !default;
1103
+
978
1104
  $alert-light-btn: () !default;
979
1105
  $alert-light-btn: map-deep-merge(
980
1106
  (
981
1107
  background-color: $white,
982
1108
  border-color: $secondary,
983
1109
  color: $secondary,
1110
+
984
1111
  hover: (
985
1112
  background-color: $secondary,
986
1113
  color: color-yiq($secondary),
987
1114
  ),
1115
+
988
1116
  active: (
989
1117
  background-color: clay-darken($secondary, 5%),
990
1118
  border-color: clay-darken($secondary, 5%),
@@ -999,21 +1127,27 @@ $alert-light: map-deep-merge(
999
1127
  background-color: $alert-light-bg,
1000
1128
  border-color: $alert-light-border-color,
1001
1129
  color: $alert-light-color,
1130
+
1002
1131
  close: (
1003
1132
  color: $alert-light-close-color,
1133
+
1004
1134
  hover: (
1005
1135
  color: $alert-light-close-hover-color,
1006
1136
  ),
1007
1137
  ),
1138
+
1008
1139
  lead: (
1009
1140
  color: $alert-light-lead-color,
1010
1141
  ),
1142
+
1011
1143
  link: (
1012
1144
  color: $alert-light-link-color,
1145
+
1013
1146
  hover: (
1014
1147
  color: $alert-light-link-hover-color,
1015
1148
  ),
1016
1149
  ),
1150
+
1017
1151
  alert-btn: $alert-light-btn,
1018
1152
  ),
1019
1153
  $alert-light
@@ -1024,21 +1158,29 @@ $alert-light: map-deep-merge(
1024
1158
  $alert-dark-bg: theme-color-level(dark, $alert-bg-level) !default;
1025
1159
  $alert-dark-border-color: theme-color-level(dark, $alert-border-level) !default;
1026
1160
  $alert-dark-color: theme-color-level(dark, $alert-color-level) !default;
1161
+
1027
1162
  $alert-dark-close-color: null !default;
1163
+
1028
1164
  $alert-dark-close-hover-color: null !default;
1165
+
1029
1166
  $alert-dark-lead-color: null !default;
1167
+
1030
1168
  $alert-dark-link-color: clay-darken($alert-dark-color, 10%) !default;
1169
+
1031
1170
  $alert-dark-link-hover-color: null !default;
1171
+
1032
1172
  $alert-dark-btn: () !default;
1033
1173
  $alert-dark-btn: map-deep-merge(
1034
1174
  (
1035
1175
  background-color: $white,
1036
1176
  border-color: $dark,
1037
1177
  color: $dark,
1178
+
1038
1179
  hover: (
1039
1180
  background-color: $dark,
1040
1181
  color: color-yiq($dark),
1041
1182
  ),
1183
+
1042
1184
  active: (
1043
1185
  background-color: clay-darken($dark, 5%),
1044
1186
  border-color: clay-darken($dark, 5%),
@@ -1053,21 +1195,27 @@ $alert-dark: map-deep-merge(
1053
1195
  background-color: $alert-dark-bg,
1054
1196
  border-color: $alert-dark-border-color,
1055
1197
  color: $alert-dark-color,
1198
+
1056
1199
  close: (
1057
1200
  color: $alert-dark-close-color,
1201
+
1058
1202
  hover: (
1059
1203
  color: $alert-dark-close-hover-color,
1060
1204
  ),
1061
1205
  ),
1206
+
1062
1207
  lead: (
1063
1208
  color: $alert-dark-lead-color,
1064
1209
  ),
1210
+
1065
1211
  link: (
1066
1212
  color: $alert-dark-link-color,
1213
+
1067
1214
  hover: (
1068
1215
  color: $alert-dark-link-hover-color,
1069
1216
  ),
1070
1217
  ),
1218
+
1071
1219
  alert-btn: $alert-dark-btn,
1072
1220
  ),
1073
1221
  $alert-dark
@@ -1077,12 +1225,19 @@ $alert-palette: () !default;
1077
1225
  $alert-palette: map-deep-merge(
1078
1226
  (
1079
1227
  primary: $alert-primary,
1228
+
1080
1229
  secondary: $alert-secondary,
1230
+
1081
1231
  success: $alert-success,
1232
+
1082
1233
  info: $alert-info,
1234
+
1083
1235
  warning: $alert-warning,
1236
+
1084
1237
  danger: $alert-danger,
1238
+
1085
1239
  light: $alert-light,
1240
+
1086
1241
  dark: $alert-dark,
1087
1242
  ),
1088
1243
  $alert-palette