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