@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/atlas/variables/_alerts.scss CHANGED
@@ -21,6 +21,7 @@ $alert-close: () !default;
21
21
  $alert-close: map-deep-merge(
22
22
  (
23
23
  opacity: $alert-close-opacity,
24
+
24
25
  disabled: (
25
26
  color: inherit,
26
27
  ),
@@ -36,7 +37,7 @@ $alert-title: map-deep-merge(
36
37
  (
37
38
  font-size: 0.875rem,
38
39
  margin-bottom: 0.25rem,
39
- margin-top: 0,
40
+ margin-top: 0rem,
40
41
  ),
41
42
  $alert-title
42
43
  );
@@ -56,12 +57,16 @@ $alert: map-deep-merge(
56
57
  border-width: $alert-border-width,
57
58
  font-size: $alert-font-size,
58
59
  padding: $alert-padding-y $alert-padding-x,
60
+
59
61
  close: $alert-close,
62
+
60
63
  lead: (
61
64
  font-size: $alert-lead-font-size,
62
65
  font-weight: $alert-lead-font-weight,
63
66
  ),
67
+
64
68
  component-title: $alert-title,
69
+
65
70
  component-subtitle: $alert-subtitle,
66
71
  ),
67
72
  $alert
@@ -70,17 +75,19 @@ $alert: map-deep-merge(
70
75
  // .alert-link
71
76
 
72
77
  $alert-link-decoration: underline !default;
73
- $alert-link-hover-decoration: none !default;
74
78
  $alert-link-font-weight: $font-weight-semi-bold !default;
79
+ $alert-link-hover-decoration: none !default;
75
80
 
76
81
  $alert-link: () !default;
77
82
  $alert-link: map-deep-merge(
78
83
  (
79
84
  font-weight: $alert-link-font-weight,
80
85
  text-decoration: $alert-link-decoration,
86
+
81
87
  hover: (
82
88
  text-decoration: $alert-link-hover-decoration,
83
89
  ),
90
+
84
91
  focus: (
85
92
  text-decoration: $alert-link-hover-decoration,
86
93
  ),
@@ -154,6 +161,7 @@ $alert-autofit-row: map-deep-merge(
154
161
  margin-left: -0.25rem,
155
162
  margin-right: -0.25rem,
156
163
  width: auto,
164
+
157
165
  autofit-col: (
158
166
  padding-left: 0.25rem,
159
167
  padding-right: 0.25rem,
@@ -183,7 +191,7 @@ $alert-autofit-stacked: map-deep-merge(
183
191
  (
184
192
  alert-autofit-row: (
185
193
  btn-group: (
186
- margin-left: 0,
194
+ margin-left: 0rem,
187
195
  ),
188
196
  ),
189
197
  ),
@@ -206,9 +214,11 @@ $alert-indicator-start: map-deep-merge(
206
214
  ),
207
215
  ),
208
216
  ),
217
+
209
218
  alert-feedback: (
210
219
  padding-left: calc(#{$alert-indicator-font-size} + 0.5rem),
211
220
  ),
221
+
212
222
  alert-indicator: (
213
223
  margin-left: calc(-1em - 0.5rem),
214
224
  margin-top: 2px,
@@ -219,17 +229,22 @@ $alert-indicator-start: map-deep-merge(
219
229
 
220
230
  // .alert-primary
221
231
 
222
- $alert-primary-color: $primary !default;
223
232
  $alert-primary-bg: $primary-l3 !default;
224
233
  $alert-primary-border-color: $primary-l1 !default;
234
+ $alert-primary-color: $primary !default;
235
+
225
236
  $alert-primary-close-color: $alert-primary-color !default;
226
237
  $alert-primary-close-hover-color: $alert-primary-color !default;
238
+
227
239
  $alert-primary-lead-color: $alert-primary-color !default;
240
+
228
241
  $alert-primary-link-color: $link-color !default;
242
+
229
243
  $alert-primary-btn: () !default;
230
244
  $alert-primary-btn: map-deep-merge(
231
245
  (
232
246
  border-color: $primary-l1,
247
+
233
248
  hover: (
234
249
  border-color: $primary,
235
250
  ),
@@ -243,18 +258,23 @@ $alert-primary: map-deep-merge(
243
258
  background-color: $alert-primary-bg,
244
259
  border-color: $alert-primary-border-color,
245
260
  color: $alert-primary-color,
261
+
246
262
  close: (
247
263
  color: $alert-primary-close-color,
264
+
248
265
  hover: (
249
266
  color: $alert-primary-close-hover-color,
250
267
  ),
251
268
  ),
269
+
252
270
  lead: (
253
271
  color: $alert-primary-lead-color,
254
272
  ),
273
+
255
274
  alert-link: (
256
275
  color: $alert-primary-link-color,
257
276
  ),
277
+
258
278
  alert-btn: $alert-primary-btn,
259
279
  ),
260
280
  $alert-primary
@@ -262,17 +282,22 @@ $alert-primary: map-deep-merge(
262
282
 
263
283
  // .alert-secondary
264
284
 
265
- $alert-secondary-color: $secondary !default;
266
285
  $alert-secondary-bg: $light-l1 !default;
267
286
  $alert-secondary-border-color: $light-d2 !default;
287
+ $alert-secondary-color: $secondary !default;
288
+
268
289
  $alert-secondary-close-color: $alert-secondary-color !default;
269
290
  $alert-secondary-close-hover-color: $alert-secondary-color !default;
291
+
270
292
  $alert-secondary-lead-color: $alert-secondary-color !default;
293
+
271
294
  $alert-secondary-link-color: $link-color !default;
295
+
272
296
  $alert-secondary-btn: () !default;
273
297
  $alert-secondary-btn: map-deep-merge(
274
298
  (
275
299
  border-color: $secondary-l1,
300
+
276
301
  hover: (
277
302
  border-color: $secondary,
278
303
  ),
@@ -286,18 +311,23 @@ $alert-secondary: map-deep-merge(
286
311
  background-color: $alert-secondary-bg,
287
312
  border-color: $alert-secondary-border-color,
288
313
  color: $alert-secondary-color,
314
+
289
315
  close: (
290
316
  color: $alert-secondary-close-color,
317
+
291
318
  hover: (
292
319
  color: $alert-secondary-close-hover-color,
293
320
  ),
294
321
  ),
322
+
295
323
  lead: (
296
324
  color: $alert-secondary-lead-color,
297
325
  ),
326
+
298
327
  alert-link: (
299
328
  color: $alert-secondary-link-color,
300
329
  ),
330
+
301
331
  alert-btn: $alert-secondary-btn,
302
332
  ),
303
333
  $alert-secondary
@@ -305,17 +335,22 @@ $alert-secondary: map-deep-merge(
305
335
 
306
336
  // .alert-success
307
337
 
308
- $alert-success-color: $success !default;
309
338
  $alert-success-bg: $success-l2 !default;
310
339
  $alert-success-border-color: $success-l1 !default;
340
+ $alert-success-color: $success !default;
341
+
311
342
  $alert-success-close-color: $alert-success-color !default;
312
343
  $alert-success-close-hover-color: $alert-success-color !default;
344
+
313
345
  $alert-success-lead-color: $alert-success-color !default;
346
+
314
347
  $alert-success-link-color: $link-color !default;
348
+
315
349
  $alert-success-btn: () !default;
316
350
  $alert-success-btn: map-deep-merge(
317
351
  (
318
352
  border-color: $success-l1,
353
+
319
354
  hover: (
320
355
  border-color: $success,
321
356
  ),
@@ -329,18 +364,23 @@ $alert-success: map-deep-merge(
329
364
  background-color: $alert-success-bg,
330
365
  border-color: $alert-success-border-color,
331
366
  color: $alert-success-color,
367
+
332
368
  close: (
333
369
  color: $alert-success-close-color,
370
+
334
371
  hover: (
335
372
  color: $alert-success-close-hover-color,
336
373
  ),
337
374
  ),
375
+
338
376
  lead: (
339
377
  color: $alert-success-lead-color,
340
378
  ),
379
+
341
380
  alert-link: (
342
381
  color: $alert-success-link-color,
343
382
  ),
383
+
344
384
  alert-btn: $alert-success-btn,
345
385
  ),
346
386
  $alert-success
@@ -348,17 +388,22 @@ $alert-success: map-deep-merge(
348
388
 
349
389
  // .alert-info
350
390
 
351
- $alert-info-color: $info !default;
352
391
  $alert-info-bg: $info-l2 !default;
353
392
  $alert-info-border-color: $info-l1 !default;
393
+ $alert-info-color: $info !default;
394
+
354
395
  $alert-info-close-color: $alert-info-color !default;
355
396
  $alert-info-close-hover-color: $alert-info-color !default;
397
+
356
398
  $alert-info-lead-color: $alert-info-color !default;
399
+
357
400
  $alert-info-link-color: $link-color !default;
401
+
358
402
  $alert-info-btn: () !default;
359
403
  $alert-info-btn: map-deep-merge(
360
404
  (
361
405
  border-color: $info-l1,
406
+
362
407
  hover: (
363
408
  border-color: $info,
364
409
  ),
@@ -372,18 +417,23 @@ $alert-info: map-deep-merge(
372
417
  background-color: $alert-info-bg,
373
418
  border-color: $alert-info-border-color,
374
419
  color: $alert-info-color,
420
+
375
421
  close: (
376
422
  color: $alert-info-close-color,
423
+
377
424
  hover: (
378
425
  color: $alert-info-close-hover-color,
379
426
  ),
380
427
  ),
428
+
381
429
  lead: (
382
430
  color: $alert-info-lead-color,
383
431
  ),
432
+
384
433
  alert-link: (
385
434
  color: $alert-info-link-color,
386
435
  ),
436
+
387
437
  alert-btn: $alert-info-btn,
388
438
  ),
389
439
  $alert-info
@@ -391,17 +441,22 @@ $alert-info: map-deep-merge(
391
441
 
392
442
  // .alert-warning
393
443
 
394
- $alert-warning-color: $warning !default;
395
444
  $alert-warning-bg: $warning-l2 !default;
396
445
  $alert-warning-border-color: $warning-l1 !default;
446
+ $alert-warning-color: $warning !default;
447
+
397
448
  $alert-warning-close-color: $alert-warning-color !default;
398
449
  $alert-warning-close-hover-color: $alert-warning-color !default;
450
+
399
451
  $alert-warning-lead-color: $alert-warning-color !default;
452
+
400
453
  $alert-warning-link-color: $link-color !default;
454
+
401
455
  $alert-warning-btn: () !default;
402
456
  $alert-warning-btn: map-deep-merge(
403
457
  (
404
458
  border-color: $warning-l1,
459
+
405
460
  hover: (
406
461
  border-color: $warning,
407
462
  ),
@@ -415,18 +470,23 @@ $alert-warning: map-deep-merge(
415
470
  background-color: $alert-warning-bg,
416
471
  border-color: $alert-warning-border-color,
417
472
  color: $alert-warning-color,
473
+
418
474
  close: (
419
475
  color: $alert-warning-close-color,
476
+
420
477
  hover: (
421
478
  color: $alert-warning-close-hover-color,
422
479
  ),
423
480
  ),
481
+
424
482
  lead: (
425
483
  color: $alert-warning-lead-color,
426
484
  ),
485
+
427
486
  alert-link: (
428
487
  color: $alert-warning-link-color,
429
488
  ),
489
+
430
490
  alert-btn: $alert-warning-btn,
431
491
  ),
432
492
  $alert-warning
@@ -434,17 +494,22 @@ $alert-warning: map-deep-merge(
434
494
 
435
495
  // .alert-danger
436
496
 
437
- $alert-danger-color: $danger !default;
438
497
  $alert-danger-bg: $danger-l2 !default;
439
498
  $alert-danger-border-color: $danger-l1 !default;
499
+ $alert-danger-color: $danger !default;
500
+
440
501
  $alert-danger-close-color: $alert-danger-color !default;
441
502
  $alert-danger-close-hover-color: $alert-danger-color !default;
503
+
442
504
  $alert-danger-lead-color: $alert-danger-color !default;
505
+
443
506
  $alert-danger-link-color: $link-color !default;
507
+
444
508
  $alert-danger-btn: () !default;
445
509
  $alert-danger-btn: map-deep-merge(
446
510
  (
447
511
  border-color: $danger-l1,
512
+
448
513
  hover: (
449
514
  border-color: $danger,
450
515
  ),
@@ -458,18 +523,23 @@ $alert-danger: map-deep-merge(
458
523
  background-color: $alert-danger-bg,
459
524
  border-color: $alert-danger-border-color,
460
525
  color: $alert-danger-color,
526
+
461
527
  close: (
462
528
  color: $alert-danger-close-color,
529
+
463
530
  hover: (
464
531
  color: $alert-danger-close-hover-color,
465
532
  ),
466
533
  ),
534
+
467
535
  lead: (
468
536
  color: $alert-danger-lead-color,
469
537
  ),
538
+
470
539
  alert-link: (
471
540
  color: $alert-danger-link-color,
472
541
  ),
542
+
473
543
  alert-btn: $alert-danger-btn,
474
544
  ),
475
545
  $alert-danger
@@ -477,23 +547,29 @@ $alert-danger: map-deep-merge(
477
547
 
478
548
  // .alert-light
479
549
 
480
- $alert-light-color: $dark !default;
481
550
  $alert-light-bg: $light-l2 !default;
482
551
  $alert-light-border-color: $light-l1 !default;
552
+ $alert-light-color: $dark !default;
553
+
483
554
  $alert-light-close-color: $alert-light-color !default;
484
555
  $alert-light-close-hover-color: $alert-light-color !default;
556
+
485
557
  $alert-light-lead-color: $alert-light-color !default;
558
+
486
559
  $alert-light-link-color: $link-color !default;
560
+
487
561
  $alert-light-btn: () !default;
488
562
  $alert-light-btn: map-deep-merge(
489
563
  (
490
564
  border-color: $dark-l1,
491
565
  color: $dark,
566
+
492
567
  hover: (
493
568
  background-color: $dark,
494
569
  border-color: $dark,
495
570
  color: $white,
496
571
  ),
572
+
497
573
  active: (
498
574
  background-color: clay-darken($dark, 5%),
499
575
  border-color: clay-darken($dark, 5%),
@@ -508,18 +584,23 @@ $alert-light: map-deep-merge(
508
584
  background-color: $alert-light-bg,
509
585
  border-color: $alert-light-border-color,
510
586
  color: $alert-light-color,
587
+
511
588
  close: (
512
589
  color: $alert-light-close-color,
590
+
513
591
  hover: (
514
592
  color: $alert-light-close-hover-color,
515
593
  ),
516
594
  ),
595
+
517
596
  lead: (
518
597
  color: $alert-light-lead-color,
519
598
  ),
599
+
520
600
  link: (
521
601
  color: $alert-light-link-color,
522
602
  ),
603
+
523
604
  alert-btn: $alert-light-btn,
524
605
  ),
525
606
  $alert-light
@@ -527,17 +608,22 @@ $alert-light: map-deep-merge(
527
608
 
528
609
  // .alert-dark
529
610
 
530
- $alert-dark-color: $light !default;
531
611
  $alert-dark-bg: $dark-l2 !default;
532
612
  $alert-dark-border-color: $dark-l1 !default;
613
+ $alert-dark-color: $light !default;
614
+
533
615
  $alert-dark-close-color: $alert-dark-color !default;
534
616
  $alert-dark-close-hover-color: $alert-dark-color !default;
617
+
535
618
  $alert-dark-lead-color: $alert-dark-color !default;
619
+
536
620
  $alert-dark-link-color: $alert-dark-color !default;
621
+
537
622
  $alert-dark-btn: () !default;
538
623
  $alert-dark-btn: map-deep-merge(
539
624
  (
540
625
  border-color: $dark-l1,
626
+
541
627
  hover: (
542
628
  border-color: $dark,
543
629
  ),
@@ -551,18 +637,23 @@ $alert-dark: map-deep-merge(
551
637
  background-color: $alert-dark-bg,
552
638
  border-color: $alert-dark-border-color,
553
639
  color: $alert-dark-color,
640
+
554
641
  close: (
555
642
  color: $alert-dark-close-color,
643
+
556
644
  hover: (
557
645
  color: $alert-dark-close-hover-color,
558
646
  ),
559
647
  ),
648
+
560
649
  lead: (
561
650
  color: $alert-dark-lead-color,
562
651
  ),
652
+
563
653
  link: (
564
654
  color: $alert-dark-link-color,
565
655
  ),
656
+
566
657
  alert-btn: $alert-dark-btn,
567
658
  ),
568
659
  $alert-dark
package/src/scss/atlas/variables/_application-bar.scss CHANGED
@@ -14,9 +14,11 @@ $application-bar-base: map-deep-merge(
14
14
  border-radius: $border-radius,
15
15
  outline: 0,
16
16
  transition: box-shadow 0.15s ease-in-out,
17
+
17
18
  focus: (
18
19
  box-shadow: $component-focus-box-shadow,
19
20
  ),
21
+
20
22
  disabled: (
21
23
  box-shadow: none,
22
24
  ),
@@ -30,18 +32,23 @@ $application-bar-dark: () !default;
30
32
  $application-bar-dark: map-deep-merge(
31
33
  (
32
34
  background-color: $dark-l1,
35
+
33
36
  navbar-nav: (
34
37
  nav-link: (
35
38
  font-weight: $font-weight-semi-bold,
39
+
36
40
  hover: (
37
41
  background-color: rgba(255, 255, 255, 0.03),
38
42
  ),
43
+
39
44
  focus: (
40
45
  background-color: rgba(255, 255, 255, 0.03),
41
46
  ),
47
+
42
48
  active: (
43
49
  background-color: rgba(255, 255, 255, 0.06),
44
50
  ),
51
+
45
52
  disabled: (
46
53
  background-color: transparent,
47
54
  opacity: 0.5,
package/src/scss/atlas/variables/_badges.scss CHANGED
@@ -33,8 +33,9 @@ $badge-pill-padding-x: 0.25rem !default; // 4px
33
33
 
34
34
  // .badge-primary
35
35
 
36
- $badge-primary-color: $white !default;
37
36
  $badge-primary-bg: $primary !default;
37
+ $badge-primary-color: $white !default;
38
+
38
39
  $badge-primary-hover-bg: $badge-primary-bg !default;
39
40
  $badge-primary-hover-color: $badge-primary-color !default;
40
41
 
@@ -43,11 +44,13 @@ $badge-primary: map-deep-merge(
43
44
  (
44
45
  background-color: $badge-primary-bg,
45
46
  color: $badge-primary-color,
47
+
46
48
  href: (
47
49
  hover: (
48
50
  background-color: $badge-primary-hover-bg,
49
51
  color: $badge-primary-hover-color,
50
52
  ),
53
+
51
54
  focus: (
52
55
  background-color: $badge-primary-hover-bg,
53
56
  color: $badge-primary-hover-color,
@@ -59,10 +62,12 @@ $badge-primary: map-deep-merge(
59
62
 
60
63
  // .badge-secondary
61
64
 
62
- $badge-secondary-color: $gray-900 !default;
63
65
  $badge-secondary-bg: $secondary-l3 !default;
66
+ $badge-secondary-color: $gray-900 !default;
67
+
64
68
  $badge-secondary-hover-bg: $badge-secondary-bg !default;
65
69
  $badge-secondary-hover-color: $badge-secondary-color !default;
70
+
66
71
  $badge-secondary-link-color: $badge-secondary-color !default;
67
72
 
68
73
  $badge-secondary: () !default;
@@ -70,16 +75,19 @@ $badge-secondary: map-deep-merge(
70
75
  (
71
76
  background-color: $badge-secondary-bg,
72
77
  color: $badge-secondary-color,
78
+
73
79
  href: (
74
80
  hover: (
75
81
  background-color: $badge-secondary-hover-bg,
76
82
  color: $badge-secondary-hover-color,
77
83
  ),
84
+
78
85
  focus: (
79
86
  background-color: $badge-secondary-hover-bg,
80
87
  color: $badge-secondary-hover-color,
81
88
  ),
82
89
  ),
90
+
83
91
  link: (
84
92
  color: $badge-secondary-link-color,
85
93
  ),
@@ -89,8 +97,9 @@ $badge-secondary: map-deep-merge(
89
97
 
90
98
  // .badge-success
91
99
 
92
- $badge-success-color: $white !default;
93
100
  $badge-success-bg: $success !default;
101
+ $badge-success-color: $white !default;
102
+
94
103
  $badge-success-hover-bg: $badge-success-bg !default;
95
104
  $badge-success-hover-color: $badge-success-color !default;
96
105
 
@@ -99,11 +108,13 @@ $badge-success: map-deep-merge(
99
108
  (
100
109
  background-color: $badge-success-bg,
101
110
  color: $badge-success-color,
111
+
102
112
  href: (
103
113
  hover: (
104
114
  background-color: $badge-success-hover-bg,
105
115
  color: $badge-success-hover-color,
106
116
  ),
117
+
107
118
  focus: (
108
119
  background-color: $badge-success-hover-bg,
109
120
  color: $badge-success-hover-color,
@@ -115,8 +126,9 @@ $badge-success: map-deep-merge(
115
126
 
116
127
  // .badge-info
117
128
 
118
- $badge-info-color: $white !default;
119
129
  $badge-info-bg: $info !default;
130
+ $badge-info-color: $white !default;
131
+
120
132
  $badge-info-hover-bg: $badge-info-bg !default;
121
133
  $badge-info-hover-color: $badge-info-color !default;
122
134
 
@@ -125,11 +137,13 @@ $badge-info: map-deep-merge(
125
137
  (
126
138
  background-color: $badge-info-bg,
127
139
  color: $badge-info-color,
140
+
128
141
  href: (
129
142
  hover: (
130
143
  background-color: $badge-info-hover-bg,
131
144
  color: $badge-info-hover-color,
132
145
  ),
146
+
133
147
  focus: (
134
148
  background-color: $badge-info-hover-bg,
135
149
  color: $badge-info-hover-color,
@@ -141,8 +155,9 @@ $badge-info: map-deep-merge(
141
155
 
142
156
  // .badge-warning
143
157
 
144
- $badge-warning-color: $white !default;
145
158
  $badge-warning-bg: $warning !default;
159
+ $badge-warning-color: $white !default;
160
+
146
161
  $badge-warning-hover-bg: $badge-warning-bg !default;
147
162
  $badge-warning-hover-color: $badge-warning-color !default;
148
163
 
@@ -151,11 +166,13 @@ $badge-warning: map-deep-merge(
151
166
  (
152
167
  background-color: $badge-warning-bg,
153
168
  color: $badge-warning-color,
169
+
154
170
  href: (
155
171
  hover: (
156
172
  background-color: $badge-warning-hover-bg,
157
173
  color: $badge-warning-hover-color,
158
174
  ),
175
+
159
176
  focus: (
160
177
  background-color: $badge-warning-hover-bg,
161
178
  color: $badge-warning-hover-color,
@@ -167,8 +184,9 @@ $badge-warning: map-deep-merge(
167
184
 
168
185
  // .badge-danger
169
186
 
170
- $badge-danger-color: $white !default;
171
187
  $badge-danger-bg: $danger !default;
188
+ $badge-danger-color: $white !default;
189
+
172
190
  $badge-danger-hover-bg: $badge-danger-bg !default;
173
191
  $badge-danger-hover-color: $badge-danger-color !default;
174
192
 
@@ -177,11 +195,13 @@ $badge-danger: map-deep-merge(
177
195
  (
178
196
  background-color: $badge-danger-bg,
179
197
  color: $badge-danger-color,
198
+
180
199
  href: (
181
200
  hover: (
182
201
  background-color: $badge-danger-hover-bg,
183
202
  color: $badge-danger-hover-color,
184
203
  ),
204
+
185
205
  focus: (
186
206
  background-color: $badge-danger-hover-bg,
187
207
  color: $badge-danger-hover-color,
@@ -193,10 +213,12 @@ $badge-danger: map-deep-merge(
193
213
 
194
214
  // .badge-light
195
215
 
196
- $badge-light-color: $gray-900 !default;
197
216
  $badge-light-bg: $light !default;
217
+ $badge-light-color: $gray-900 !default;
218
+
198
219
  $badge-light-hover-bg: $badge-light-bg !default;
199
220
  $badge-light-hover-color: $badge-light-color !default;
221
+
200
222
  $badge-light-link-color: $badge-light-color !default;
201
223
 
202
224
  $badge-light: () !default;
@@ -204,16 +226,19 @@ $badge-light: map-deep-merge(
204
226
  (
205
227
  background-color: $badge-light-bg,
206
228
  color: $badge-light-color,
229
+
207
230
  href: (
208
231
  hover: (
209
232
  background-color: $badge-light-hover-bg,
210
233
  color: $badge-light-hover-color,
211
234
  ),
235
+
212
236
  focus: (
213
237
  background-color: $badge-light-hover-bg,
214
238
  color: $badge-light-hover-color,
215
239
  ),
216
240
  ),
241
+
217
242
  link: (
218
243
  color: $badge-light-link-color,
219
244
  ),
@@ -223,8 +248,9 @@ $badge-light: map-deep-merge(
223
248
 
224
249
  // .badge-dark
225
250
 
226
- $badge-dark-color: $white !default;
227
251
  $badge-dark-bg: $dark !default;
252
+ $badge-dark-color: $white !default;
253
+
228
254
  $badge-dark-hover-bg: $badge-dark-bg !default;
229
255
  $badge-dark-hover-color: $badge-dark-color !default;
230
256
 
@@ -233,11 +259,13 @@ $badge-dark: map-deep-merge(
233
259
  (
234
260
  background-color: $badge-dark-bg,
235
261
  color: $badge-dark-color,
262
+
236
263
  href: (
237
264
  hover: (
238
265
  background-color: $badge-dark-hover-bg,
239
266
  color: $badge-dark-hover-color,
240
267
  ),
268
+
241
269
  focus: (
242
270
  background-color: $badge-dark-hover-bg,
243
271
  color: $badge-dark-hover-color,