@clayui/css 3.158.0 → 3.160.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (243) hide show
  1. package/lib/css/atlas.css +2097 -1938
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +2077 -1906
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +1754 -1628
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/blue-print.svg +9 -0
  8. package/lib/images/icons/calculator.svg +10 -0
  9. package/lib/images/icons/icons.svg +1 -1
  10. package/lib/images/icons/layout-new-window.svg +10 -0
  11. package/lib/images/icons/medal.svg +10 -0
  12. package/lib/images/icons/megaphone.svg +9 -0
  13. package/lib/images/icons/price-list.svg +11 -0
  14. package/lib/images/icons/process-builder.svg +9 -0
  15. package/lib/images/icons/product-configuration.svg +10 -0
  16. package/lib/images/icons/product-menu-open.svg +2 -2
  17. package/lib/images/icons/products.svg +9 -0
  18. package/lib/images/icons/publications.svg +10 -0
  19. package/lib/images/icons/puzzle.svg +9 -0
  20. package/lib/images/icons/rocket.svg +11 -0
  21. package/lib/images/icons/submission.svg +10 -0
  22. package/lib/images/icons/synonyms.svg +9 -0
  23. package/package.json +2 -1
  24. package/src/images/icons/blue-print.svg +9 -0
  25. package/src/images/icons/calculator.svg +10 -0
  26. package/src/images/icons/icons.svg +1 -1
  27. package/src/images/icons/layout-new-window.svg +10 -0
  28. package/src/images/icons/medal.svg +10 -0
  29. package/src/images/icons/megaphone.svg +9 -0
  30. package/src/images/icons/price-list.svg +11 -0
  31. package/src/images/icons/process-builder.svg +9 -0
  32. package/src/images/icons/product-configuration.svg +10 -0
  33. package/src/images/icons/product-menu-open.svg +2 -2
  34. package/src/images/icons/products.svg +9 -0
  35. package/src/images/icons/publications.svg +10 -0
  36. package/src/images/icons/puzzle.svg +9 -0
  37. package/src/images/icons/rocket.svg +11 -0
  38. package/src/images/icons/submission.svg +10 -0
  39. package/src/images/icons/synonyms.svg +9 -0
  40. package/src/scss/_license-text.scss +1 -1
  41. package/src/scss/atlas/variables/_alerts.scss +102 -11
  42. package/src/scss/atlas/variables/_application-bar.scss +7 -0
  43. package/src/scss/atlas/variables/_badges.scss +36 -8
  44. package/src/scss/atlas/variables/_breadcrumbs.scss +2 -1
  45. package/src/scss/atlas/variables/_cards.scss +5 -0
  46. package/src/scss/atlas/variables/_clay-color.scss +5 -0
  47. package/src/scss/atlas/variables/_custom-forms.scss +36 -5
  48. package/src/scss/atlas/variables/_date-picker.scss +14 -2
  49. package/src/scss/atlas/variables/_dropdowns.scss +9 -2
  50. package/src/scss/atlas/variables/_forms.scss +35 -5
  51. package/src/scss/atlas/variables/_globals.scss +110 -63
  52. package/src/scss/atlas/variables/_labels.scss +55 -0
  53. package/src/scss/atlas/variables/_links.scss +18 -0
  54. package/src/scss/atlas/variables/_list-group.scss +15 -4
  55. package/src/scss/atlas/variables/_management-bar.scss +11 -0
  56. package/src/scss/atlas/variables/_menubar.scss +70 -22
  57. package/src/scss/atlas/variables/_modals.scss +16 -0
  58. package/src/scss/atlas/variables/_navbar.scss +7 -0
  59. package/src/scss/atlas/variables/_navigation-bar.scss +25 -1
  60. package/src/scss/atlas/variables/_navs.scss +5 -2
  61. package/src/scss/atlas/variables/_pagination.scss +42 -22
  62. package/src/scss/atlas/variables/_panels.scss +7 -0
  63. package/src/scss/atlas/variables/_popovers.scss +6 -4
  64. package/src/scss/atlas/variables/_range.scss +6 -0
  65. package/src/scss/atlas/variables/_sheets.scss +1 -0
  66. package/src/scss/atlas/variables/_sidebar.scss +10 -0
  67. package/src/scss/atlas/variables/_tables.scss +27 -3
  68. package/src/scss/atlas/variables/_time.scss +1 -0
  69. package/src/scss/atlas/variables/_toggle-switch.scss +19 -7
  70. package/src/scss/atlas/variables/_utilities.scss +3 -0
  71. package/src/scss/cadmin/components/_alerts.scss +3 -1
  72. package/src/scss/cadmin/components/_button-groups.scss +2 -2
  73. package/src/scss/cadmin/components/_cards.scss +2 -2
  74. package/src/scss/cadmin/components/_drilldown.scss +10 -10
  75. package/src/scss/cadmin/components/_dropdowns.scss +2 -2
  76. package/src/scss/cadmin/components/_forms.scss +2 -2
  77. package/src/scss/cadmin/components/_grid.scss +6 -6
  78. package/src/scss/cadmin/components/_icons.scss +10 -2
  79. package/src/scss/cadmin/components/_images.scss +1 -1
  80. package/src/scss/cadmin/components/_input-groups.scss +4 -4
  81. package/src/scss/cadmin/components/_list-group.scss +11 -10
  82. package/src/scss/cadmin/components/_modals.scss +5 -5
  83. package/src/scss/cadmin/components/_multi-step-nav.scss +45 -20
  84. package/src/scss/cadmin/components/_navbar.scss +14 -8
  85. package/src/scss/cadmin/components/_navs.scss +1 -1
  86. package/src/scss/cadmin/components/_panels.scss +51 -25
  87. package/src/scss/cadmin/components/_popovers.scss +25 -21
  88. package/src/scss/cadmin/components/_sheets.scss +40 -14
  89. package/src/scss/cadmin/components/_time.scss +6 -2
  90. package/src/scss/cadmin/components/_timelines.scss +15 -8
  91. package/src/scss/cadmin/components/_tooltip.scss +8 -7
  92. package/src/scss/cadmin/components/_treeview.scss +8 -1
  93. package/src/scss/cadmin/components/_type.scss +4 -2
  94. package/src/scss/cadmin/components/_utilities-functional-important.scss +5 -5
  95. package/src/scss/cadmin/components/_utilities.scss +13 -13
  96. package/src/scss/cadmin/variables/_alerts.scss +184 -34
  97. package/src/scss/cadmin/variables/_badges.scss +121 -21
  98. package/src/scss/cadmin/variables/_breadcrumbs.scss +18 -11
  99. package/src/scss/cadmin/variables/_buttons.scss +15 -10
  100. package/src/scss/cadmin/variables/_cards.scss +89 -32
  101. package/src/scss/cadmin/variables/_clay-color.scss +40 -18
  102. package/src/scss/cadmin/variables/_custom-forms.scss +49 -10
  103. package/src/scss/cadmin/variables/_date-picker.scss +47 -19
  104. package/src/scss/cadmin/variables/_dropdowns.scss +105 -49
  105. package/src/scss/cadmin/variables/_dual-listbox.scss +1 -1
  106. package/src/scss/cadmin/variables/_empty-state.scss +5 -2
  107. package/src/scss/cadmin/variables/_forms.scss +218 -74
  108. package/src/scss/cadmin/variables/_globals-z-index.scss +28 -5
  109. package/src/scss/cadmin/variables/_globals.scss +141 -71
  110. package/src/scss/cadmin/variables/_images.scss +1 -2
  111. package/src/scss/cadmin/variables/_labels.scss +99 -6
  112. package/src/scss/cadmin/variables/_links.scss +47 -11
  113. package/src/scss/cadmin/variables/_list-group.scss +25 -9
  114. package/src/scss/cadmin/variables/_loaders.scss +18 -2
  115. package/src/scss/cadmin/variables/_management-bar.scss +66 -26
  116. package/src/scss/cadmin/variables/_menubar.scss +137 -43
  117. package/src/scss/cadmin/variables/_modals.scss +75 -26
  118. package/src/scss/cadmin/variables/_multi-step-nav.scss +34 -14
  119. package/src/scss/cadmin/variables/_navbar.scss +22 -15
  120. package/src/scss/cadmin/variables/_navigation-bar.scss +73 -37
  121. package/src/scss/cadmin/variables/_navs.scss +65 -33
  122. package/src/scss/cadmin/variables/_pagination.scss +60 -22
  123. package/src/scss/cadmin/variables/_panels.scss +34 -16
  124. package/src/scss/cadmin/variables/_popovers.scss +66 -77
  125. package/src/scss/cadmin/variables/_progress-bars.scss +8 -3
  126. package/src/scss/cadmin/variables/_range.scss +29 -9
  127. package/src/scss/cadmin/variables/_reorder.scss +7 -6
  128. package/src/scss/cadmin/variables/_resizer.scss +5 -3
  129. package/src/scss/cadmin/variables/_sheets.scss +21 -12
  130. package/src/scss/cadmin/variables/_sidebar.scss +76 -5
  131. package/src/scss/cadmin/variables/_slideout.scss +88 -31
  132. package/src/scss/cadmin/variables/_stickers.scss +47 -8
  133. package/src/scss/cadmin/variables/_tables.scss +142 -51
  134. package/src/scss/cadmin/variables/_tbar.scss +79 -31
  135. package/src/scss/cadmin/variables/_time.scss +14 -12
  136. package/src/scss/cadmin/variables/_timelines.scss +4 -2
  137. package/src/scss/cadmin/variables/_toggle-switch.scss +117 -37
  138. package/src/scss/cadmin/variables/_tooltip.scss +47 -49
  139. package/src/scss/cadmin/variables/_treeview.scss +62 -10
  140. package/src/scss/cadmin/variables/_type.scss +11 -9
  141. package/src/scss/cadmin/variables/_utilities.scss +123 -6
  142. package/src/scss/components/_alerts.scss +1 -1
  143. package/src/scss/components/_button-groups.scss +2 -2
  144. package/src/scss/components/_cards.scss +10 -10
  145. package/src/scss/components/_carousel.scss +2 -2
  146. package/src/scss/components/_custom-forms.scss +27 -15
  147. package/src/scss/components/_drilldown.scss +8 -4
  148. package/src/scss/components/_forms.scss +6 -6
  149. package/src/scss/components/_grid.scss +7 -7
  150. package/src/scss/components/_icons.scss +10 -2
  151. package/src/scss/components/_images.scss +1 -1
  152. package/src/scss/components/_input-groups.scss +7 -5
  153. package/src/scss/components/_jumbotron.scss +2 -2
  154. package/src/scss/components/_list-group.scss +29 -14
  155. package/src/scss/components/_modals.scss +5 -5
  156. package/src/scss/components/_multi-step-nav.scss +32 -12
  157. package/src/scss/components/_navbar.scss +10 -6
  158. package/src/scss/components/_panels.scss +82 -51
  159. package/src/scss/components/_popovers.scss +21 -25
  160. package/src/scss/components/_sheets.scss +38 -14
  161. package/src/scss/components/_side-navigation.scss +2 -2
  162. package/src/scss/components/_time.scss +2 -2
  163. package/src/scss/components/_timelines.scss +16 -12
  164. package/src/scss/components/_tooltip.scss +8 -6
  165. package/src/scss/components/_treeview.scss +8 -1
  166. package/src/scss/components/_type.scss +2 -2
  167. package/src/scss/components/_utilities-functional-important.scss +5 -5
  168. package/src/scss/components/_utilities.scss +13 -13
  169. package/src/scss/functions/_global-functions.scss +2 -2
  170. package/src/scss/functions/_lx-icons-generated.scss +29 -1
  171. package/src/scss/mixins/_alerts.scss +10 -0
  172. package/src/scss/mixins/_aspect-ratio.scss +11 -0
  173. package/src/scss/mixins/_badges.scss +14 -2
  174. package/src/scss/mixins/_buttons.scss +68 -8
  175. package/src/scss/mixins/_cards.scss +81 -0
  176. package/src/scss/mixins/_close.scss +54 -4
  177. package/src/scss/mixins/_dropdown-menu.scss +55 -6
  178. package/src/scss/mixins/_forms.scss +150 -0
  179. package/src/scss/mixins/_globals.scss +101 -358
  180. package/src/scss/mixins/_grid.scss +21 -8
  181. package/src/scss/mixins/_highlight.scss +14 -0
  182. package/src/scss/mixins/_input-groups.scss +15 -0
  183. package/src/scss/mixins/_labels.scss +64 -10
  184. package/src/scss/mixins/_links.scss +55 -4
  185. package/src/scss/mixins/_list-group.scss +8 -4
  186. package/src/scss/mixins/_menubar.scss +80 -4
  187. package/src/scss/mixins/_modals.scss +10 -18
  188. package/src/scss/mixins/_nav.scss +19 -0
  189. package/src/scss/mixins/_navbar.scss +237 -49
  190. package/src/scss/mixins/_panels.scss +48 -4
  191. package/src/scss/mixins/_stickers.scss +8 -0
  192. package/src/scss/mixins/_tbar.scss +65 -10
  193. package/src/scss/mixins/_timelines.scss +21 -11
  194. package/src/scss/mixins/_toggle-switch.scss +4 -0
  195. package/src/scss/mixins/_utilities.scss +9 -0
  196. package/src/scss/variables/_alerts.scss +184 -29
  197. package/src/scss/variables/_application-bar.scss +11 -4
  198. package/src/scss/variables/_badges.scss +133 -35
  199. package/src/scss/variables/_breadcrumbs.scss +13 -4
  200. package/src/scss/variables/_buttons.scss +11 -10
  201. package/src/scss/variables/_cards.scss +131 -53
  202. package/src/scss/variables/_clay-color.scss +36 -18
  203. package/src/scss/variables/_custom-forms.scss +51 -14
  204. package/src/scss/variables/_date-picker.scss +41 -16
  205. package/src/scss/variables/_drilldown.scss +3 -3
  206. package/src/scss/variables/_dropdowns.scss +108 -49
  207. package/src/scss/variables/_dual-listbox.scss +1 -1
  208. package/src/scss/variables/_empty-state.scss +5 -2
  209. package/src/scss/variables/_forms.scss +209 -71
  210. package/src/scss/variables/_globals-z-index.scss +26 -5
  211. package/src/scss/variables/_globals.scss +145 -68
  212. package/src/scss/variables/_images.scss +1 -2
  213. package/src/scss/variables/_labels.scss +103 -6
  214. package/src/scss/variables/_links.scss +39 -10
  215. package/src/scss/variables/_list-group.scss +39 -13
  216. package/src/scss/variables/_loaders.scss +18 -2
  217. package/src/scss/variables/_management-bar.scss +23 -6
  218. package/src/scss/variables/_menubar.scss +86 -19
  219. package/src/scss/variables/_modals.scss +66 -25
  220. package/src/scss/variables/_multi-step-nav.scss +29 -11
  221. package/src/scss/variables/_navbar.scss +14 -8
  222. package/src/scss/variables/_navigation-bar.scss +26 -4
  223. package/src/scss/variables/_navs.scss +76 -44
  224. package/src/scss/variables/_pagination.scss +30 -5
  225. package/src/scss/variables/_panels.scss +77 -24
  226. package/src/scss/variables/_popovers.scss +65 -78
  227. package/src/scss/variables/_progress-bars.scss +11 -2
  228. package/src/scss/variables/_range.scss +35 -9
  229. package/src/scss/variables/_reorder.scss +7 -6
  230. package/src/scss/variables/_resizer.scss +5 -3
  231. package/src/scss/variables/_sheets.scss +21 -13
  232. package/src/scss/variables/_sidebar.scss +72 -4
  233. package/src/scss/variables/_slideout.scss +87 -31
  234. package/src/scss/variables/_stickers.scss +61 -9
  235. package/src/scss/variables/_tables.scss +125 -33
  236. package/src/scss/variables/_tbar.scss +79 -30
  237. package/src/scss/variables/_time.scss +13 -11
  238. package/src/scss/variables/_timelines.scss +2 -1
  239. package/src/scss/variables/_toggle-switch.scss +114 -30
  240. package/src/scss/variables/_tooltip.scss +46 -49
  241. package/src/scss/variables/_treeview.scss +63 -10
  242. package/src/scss/variables/_type.scss +9 -7
  243. package/src/scss/variables/_utilities.scss +124 -6
package/src/scss/cadmin/variables/_badges.scss CHANGED
@@ -21,8 +21,9 @@ $cadmin-badge-focus-width: $cadmin-input-btn-focus-width !default;
21
21
  // .badge a
22
22
 
23
23
  $cadmin-badge-link-color: $cadmin-white !default;
24
- $cadmin-badge-link-hover-color: null !default;
25
24
  $cadmin-badge-link-text-decoration: underline !default;
25
+
26
+ $cadmin-badge-link-hover-color: null !default;
26
27
  $cadmin-badge-link-hover-text-decoration: none !default;
27
28
 
28
29
  $cadmin-badge: () !default;
@@ -48,34 +49,40 @@ $cadmin-badge: map-deep-merge(
48
49
  transition: clay-enable-transitions($cadmin-badge-transition),
49
50
  white-space: inherit,
50
51
  word-wrap: break-word,
52
+
51
53
  empty: (
52
54
  display: none,
53
55
  ),
56
+
54
57
  href: (
55
58
  hover: (
56
59
  text-decoration: none,
57
60
  ),
61
+
58
62
  focus: (
59
63
  box-shadow: $cadmin-component-focus-box-shadow,
60
64
  outline: 0,
61
65
  ),
62
66
  ),
67
+
63
68
  link: (
64
69
  color: $cadmin-badge-link-color,
65
70
  text-decoration: $cadmin-badge-link-text-decoration,
71
+
66
72
  hover: (
67
73
  color: $cadmin-badge-link-hover-color,
68
74
  text-decoration: $cadmin-badge-link-hover-text-decoration,
69
75
  ),
76
+
70
77
  focus: (
71
78
  color: $cadmin-badge-link-hover-color,
72
79
  text-decoration: $cadmin-badge-link-hover-text-decoration,
73
80
  ),
74
81
  ),
82
+
75
83
  c-inner: (
76
- margin: #{math-sign($cadmin-badge-padding-y)} #{math-sign(
77
- $cadmin-badge-padding-x
78
- )},
84
+ margin: calc(#{$cadmin-badge-padding-y} * -1)
85
+ calc(#{$cadmin-badge-padding-x} * -1),
79
86
  max-width: none,
80
87
  ),
81
88
  ),
@@ -85,7 +92,7 @@ $cadmin-badge: map-deep-merge(
85
92
  // .badge-item .lexicon-icon
86
93
 
87
94
  $cadmin-badge-lexicon-icon-height: 0.875em !default;
88
- $cadmin-badge-lexicon-icon-margin-top: 0 !default;
95
+ $cadmin-badge-lexicon-icon-margin-top: 0px !default;
89
96
  $cadmin-badge-lexicon-icon-width: 0.875em !default;
90
97
 
91
98
  // .badge-item-expand
@@ -108,10 +115,12 @@ $cadmin-badge-close: map-deep-merge(
108
115
  font-size: inherit,
109
116
  height: auto,
110
117
  width: auto,
118
+
111
119
  hover: (
112
120
  color: inherit,
113
121
  opacity: 1,
114
122
  ),
123
+
115
124
  focus: (
116
125
  opacity: 1,
117
126
  ),
@@ -122,12 +131,15 @@ $cadmin-badge-close: map-deep-merge(
122
131
  // .badge-primary
123
132
 
124
133
  $cadmin-badge-primary-bg: $cadmin-primary !default;
125
- $cadmin-badge-primary-hover-bg: $cadmin-badge-primary-bg !default;
126
134
  $cadmin-badge-primary-border-color: null !default;
127
- $cadmin-badge-primary-hover-border-color: null !default;
128
135
  $cadmin-badge-primary-color: $cadmin-white !default;
136
+
137
+ $cadmin-badge-primary-hover-bg: $cadmin-badge-primary-bg !default;
138
+ $cadmin-badge-primary-hover-border-color: null !default;
129
139
  $cadmin-badge-primary-hover-color: $cadmin-badge-primary-color !default;
140
+
130
141
  $cadmin-badge-primary-link-color: null !default;
142
+
131
143
  $cadmin-badge-primary-link-hover-color: null !default;
132
144
 
133
145
  $cadmin-badge-primary: () !default;
@@ -136,23 +148,28 @@ $cadmin-badge-primary: map-deep-merge(
136
148
  background-color: $cadmin-badge-primary-bg,
137
149
  border-color: $cadmin-badge-primary-border-color,
138
150
  color: $cadmin-badge-primary-color,
151
+
139
152
  href: (
140
153
  hover: (
141
154
  background-color: $cadmin-badge-primary-hover-bg,
142
155
  border-color: $cadmin-badge-primary-hover-border-color,
143
156
  color: $cadmin-badge-primary-hover-color,
144
157
  ),
158
+
145
159
  focus: (
146
160
  background-color: $cadmin-badge-primary-hover-bg,
147
161
  border-color: $cadmin-badge-primary-hover-border-color,
148
162
  color: $cadmin-badge-primary-hover-color,
149
163
  ),
150
164
  ),
165
+
151
166
  link: (
152
167
  color: $cadmin-badge-primary-link-color,
168
+
153
169
  hover: (
154
170
  color: $cadmin-badge-primary-link-hover-color,
155
171
  ),
172
+
156
173
  focus: (
157
174
  color: $cadmin-badge-primary-link-hover-color,
158
175
  ),
@@ -164,12 +181,15 @@ $cadmin-badge-primary: map-deep-merge(
164
181
  // .badge-secondary
165
182
 
166
183
  $cadmin-badge-secondary-bg: $cadmin-secondary-l3 !default;
167
- $cadmin-badge-secondary-hover-bg: $cadmin-badge-secondary-bg !default;
168
184
  $cadmin-badge-secondary-border-color: null !default;
169
- $cadmin-badge-secondary-hover-border-color: null !default;
170
185
  $cadmin-badge-secondary-color: $cadmin-gray-900 !default;
186
+
187
+ $cadmin-badge-secondary-hover-bg: $cadmin-badge-secondary-bg !default;
188
+ $cadmin-badge-secondary-hover-border-color: null !default;
171
189
  $cadmin-badge-secondary-hover-color: $cadmin-badge-secondary-color !default;
190
+
172
191
  $cadmin-badge-secondary-link-color: $cadmin-badge-secondary-color !default;
192
+
173
193
  $cadmin-badge-secondary-link-hover-color: null !default;
174
194
 
175
195
  $cadmin-badge-secondary: () !default;
@@ -178,23 +198,28 @@ $cadmin-badge-secondary: map-deep-merge(
178
198
  background-color: $cadmin-badge-secondary-bg,
179
199
  border-color: $cadmin-badge-secondary-border-color,
180
200
  color: $cadmin-badge-secondary-color,
201
+
181
202
  href: (
182
203
  hover: (
183
204
  background-color: $cadmin-badge-secondary-hover-bg,
184
205
  border-color: $cadmin-badge-secondary-hover-border-color,
185
206
  color: $cadmin-badge-secondary-hover-color,
186
207
  ),
208
+
187
209
  focus: (
188
210
  background-color: $cadmin-badge-secondary-hover-bg,
189
211
  border-color: $cadmin-badge-secondary-hover-border-color,
190
212
  color: $cadmin-badge-secondary-hover-color,
191
213
  ),
192
214
  ),
215
+
193
216
  link: (
194
217
  color: $cadmin-badge-secondary-link-color,
218
+
195
219
  hover: (
196
220
  color: $cadmin-badge-secondary-link-hover-color,
197
221
  ),
222
+
198
223
  focus: (
199
224
  color: $cadmin-badge-secondary-link-hover-color,
200
225
  ),
@@ -206,12 +231,15 @@ $cadmin-badge-secondary: map-deep-merge(
206
231
  // .badge-success
207
232
 
208
233
  $cadmin-badge-success-bg: $cadmin-success !default;
209
- $cadmin-badge-success-hover-bg: $cadmin-badge-success-bg !default;
210
234
  $cadmin-badge-success-border-color: null !default;
211
- $cadmin-badge-success-hover-border-color: null !default;
212
235
  $cadmin-badge-success-color: $cadmin-white !default;
236
+
237
+ $cadmin-badge-success-hover-bg: $cadmin-badge-success-bg !default;
238
+ $cadmin-badge-success-hover-border-color: null !default;
213
239
  $cadmin-badge-success-hover-color: $cadmin-badge-success-color !default;
240
+
214
241
  $cadmin-badge-success-link-color: null !default;
242
+
215
243
  $cadmin-badge-success-link-hover-color: null !default;
216
244
 
217
245
  $cadmin-badge-success: () !default;
@@ -220,23 +248,28 @@ $cadmin-badge-success: map-deep-merge(
220
248
  background-color: $cadmin-badge-success-bg,
221
249
  border-color: $cadmin-badge-success-border-color,
222
250
  color: $cadmin-badge-success-color,
251
+
223
252
  href: (
224
253
  hover: (
225
254
  background-color: $cadmin-badge-success-hover-bg,
226
255
  border-color: $cadmin-badge-success-hover-border-color,
227
256
  color: $cadmin-badge-success-hover-color,
228
257
  ),
258
+
229
259
  focus: (
230
260
  background-color: $cadmin-badge-success-hover-bg,
231
261
  border-color: $cadmin-badge-success-hover-border-color,
232
262
  color: $cadmin-badge-success-hover-color,
233
263
  ),
234
264
  ),
265
+
235
266
  link: (
236
267
  color: $cadmin-badge-success-link-color,
268
+
237
269
  hover: (
238
270
  color: $cadmin-badge-success-link-hover-color,
239
271
  ),
272
+
240
273
  focus: (
241
274
  color: $cadmin-badge-success-link-hover-color,
242
275
  ),
@@ -248,12 +281,15 @@ $cadmin-badge-success: map-deep-merge(
248
281
  // .badge-info
249
282
 
250
283
  $cadmin-badge-info-bg: $cadmin-info !default;
251
- $cadmin-badge-info-hover-bg: $cadmin-badge-info-bg !default;
252
284
  $cadmin-badge-info-border-color: null !default;
253
- $cadmin-badge-info-hover-border-color: null !default;
254
285
  $cadmin-badge-info-color: $cadmin-white !default;
286
+
287
+ $cadmin-badge-info-hover-bg: $cadmin-badge-info-bg !default;
288
+ $cadmin-badge-info-hover-border-color: null !default;
255
289
  $cadmin-badge-info-hover-color: $cadmin-badge-info-color !default;
290
+
256
291
  $cadmin-badge-info-link-color: null !default;
292
+
257
293
  $cadmin-badge-info-link-hover-color: null !default;
258
294
 
259
295
  $cadmin-badge-info: () !default;
@@ -262,23 +298,28 @@ $cadmin-badge-info: map-deep-merge(
262
298
  background-color: $cadmin-badge-info-bg,
263
299
  border-color: $cadmin-badge-info-border-color,
264
300
  color: $cadmin-badge-info-color,
301
+
265
302
  href: (
266
303
  hover: (
267
304
  background-color: $cadmin-badge-info-hover-bg,
268
305
  border-color: $cadmin-badge-info-hover-border-color,
269
306
  color: $cadmin-badge-info-hover-color,
270
307
  ),
308
+
271
309
  focus: (
272
310
  background-color: $cadmin-badge-info-hover-bg,
273
311
  border-color: $cadmin-badge-info-hover-border-color,
274
312
  color: $cadmin-badge-info-hover-color,
275
313
  ),
276
314
  ),
315
+
277
316
  link: (
278
317
  color: $cadmin-badge-info-link-color,
318
+
279
319
  hover: (
280
320
  color: $cadmin-badge-info-link-hover-color,
281
321
  ),
322
+
282
323
  focus: (
283
324
  color: $cadmin-badge-info-link-hover-color,
284
325
  ),
@@ -290,12 +331,15 @@ $cadmin-badge-info: map-deep-merge(
290
331
  // .badge-warning
291
332
 
292
333
  $cadmin-badge-warning-bg: $cadmin-warning !default;
293
- $cadmin-badge-warning-hover-bg: $cadmin-badge-warning-bg !default;
294
334
  $cadmin-badge-warning-border-color: null !default;
295
- $cadmin-badge-warning-hover-border-color: null !default;
296
335
  $cadmin-badge-warning-color: $cadmin-white !default;
336
+
337
+ $cadmin-badge-warning-hover-bg: $cadmin-badge-warning-bg !default;
338
+ $cadmin-badge-warning-hover-border-color: null !default;
297
339
  $cadmin-badge-warning-hover-color: $cadmin-badge-warning-color !default;
340
+
298
341
  $cadmin-badge-warning-link-color: null !default;
342
+
299
343
  $cadmin-badge-warning-link-hover-color: null !default;
300
344
 
301
345
  $cadmin-badge-warning: () !default;
@@ -304,23 +348,28 @@ $cadmin-badge-warning: map-deep-merge(
304
348
  background-color: $cadmin-badge-warning-bg,
305
349
  border-color: $cadmin-badge-warning-border-color,
306
350
  color: $cadmin-badge-warning-color,
351
+
307
352
  href: (
308
353
  hover: (
309
354
  background-color: $cadmin-badge-warning-hover-bg,
310
355
  border-color: $cadmin-badge-warning-hover-border-color,
311
356
  color: $cadmin-badge-warning-hover-color,
312
357
  ),
358
+
313
359
  focus: (
314
360
  background-color: $cadmin-badge-warning-hover-bg,
315
361
  border-color: $cadmin-badge-warning-hover-border-color,
316
362
  color: $cadmin-badge-warning-hover-color,
317
363
  ),
318
364
  ),
365
+
319
366
  link: (
320
367
  color: $cadmin-badge-warning-link-color,
368
+
321
369
  hover: (
322
370
  color: $cadmin-badge-warning-link-hover-color,
323
371
  ),
372
+
324
373
  focus: (
325
374
  color: $cadmin-badge-warning-link-hover-color,
326
375
  ),
@@ -332,12 +381,15 @@ $cadmin-badge-warning: map-deep-merge(
332
381
  // .badge-danger
333
382
 
334
383
  $cadmin-badge-danger-bg: $cadmin-danger !default;
335
- $cadmin-badge-danger-hover-bg: $cadmin-badge-danger-bg !default;
336
384
  $cadmin-badge-danger-border-color: null !default;
337
- $cadmin-badge-danger-hover-border-color: null !default;
338
385
  $cadmin-badge-danger-color: $cadmin-white !default;
386
+
387
+ $cadmin-badge-danger-hover-bg: $cadmin-badge-danger-bg !default;
388
+ $cadmin-badge-danger-hover-border-color: null !default;
339
389
  $cadmin-badge-danger-hover-color: $cadmin-badge-danger-color !default;
390
+
340
391
  $cadmin-badge-danger-link-color: null !default;
392
+
341
393
  $cadmin-badge-danger-link-hover-color: null !default;
342
394
 
343
395
  $cadmin-badge-danger: () !default;
@@ -346,23 +398,28 @@ $cadmin-badge-danger: map-deep-merge(
346
398
  background-color: $cadmin-badge-danger-bg,
347
399
  border-color: $cadmin-badge-danger-border-color,
348
400
  color: $cadmin-badge-danger-color,
401
+
349
402
  href: (
350
403
  hover: (
351
404
  background-color: $cadmin-badge-danger-hover-bg,
352
405
  border-color: $cadmin-badge-danger-hover-border-color,
353
406
  color: $cadmin-badge-danger-hover-color,
354
407
  ),
408
+
355
409
  focus: (
356
410
  background-color: $cadmin-badge-danger-hover-bg,
357
411
  border-color: $cadmin-badge-danger-hover-border-color,
358
412
  color: $cadmin-badge-danger-hover-color,
359
413
  ),
360
414
  ),
415
+
361
416
  link: (
362
417
  color: $cadmin-badge-danger-link-color,
418
+
363
419
  hover: (
364
420
  color: $cadmin-badge-danger-link-hover-color,
365
421
  ),
422
+
366
423
  focus: (
367
424
  color: $cadmin-badge-danger-link-hover-color,
368
425
  ),
@@ -374,12 +431,15 @@ $cadmin-badge-danger: map-deep-merge(
374
431
  // .badge-light
375
432
 
376
433
  $cadmin-badge-light-bg: $cadmin-light !default;
377
- $cadmin-badge-light-hover-bg: $cadmin-badge-light-bg !default;
378
434
  $cadmin-badge-light-border-color: null !default;
379
- $cadmin-badge-light-hover-border-color: null !default;
380
435
  $cadmin-badge-light-color: $cadmin-gray-900 !default;
436
+
437
+ $cadmin-badge-light-hover-bg: $cadmin-badge-light-bg !default;
438
+ $cadmin-badge-light-hover-border-color: null !default;
381
439
  $cadmin-badge-light-hover-color: $cadmin-badge-light-color !default;
440
+
382
441
  $cadmin-badge-light-link-color: $cadmin-badge-light-color !default;
442
+
383
443
  $cadmin-badge-light-link-hover-color: null !default;
384
444
 
385
445
  $cadmin-badge-light: () !default;
@@ -388,23 +448,28 @@ $cadmin-badge-light: map-deep-merge(
388
448
  background-color: $cadmin-badge-light-bg,
389
449
  border-color: $cadmin-badge-light-border-color,
390
450
  color: $cadmin-badge-light-color,
451
+
391
452
  href: (
392
453
  hover: (
393
454
  background-color: $cadmin-badge-light-hover-bg,
394
455
  border-color: $cadmin-badge-light-hover-border-color,
395
456
  color: $cadmin-badge-light-hover-color,
396
457
  ),
458
+
397
459
  focus: (
398
460
  background-color: $cadmin-badge-light-hover-bg,
399
461
  border-color: $cadmin-badge-light-hover-border-color,
400
462
  color: $cadmin-badge-light-hover-color,
401
463
  ),
402
464
  ),
465
+
403
466
  link: (
404
467
  color: $cadmin-badge-light-link-color,
468
+
405
469
  hover: (
406
470
  color: $cadmin-badge-light-link-hover-color,
407
471
  ),
472
+
408
473
  focus: (
409
474
  color: $cadmin-badge-light-link-hover-color,
410
475
  ),
@@ -416,12 +481,15 @@ $cadmin-badge-light: map-deep-merge(
416
481
  // .badge-dark
417
482
 
418
483
  $cadmin-badge-dark-bg: $cadmin-dark !default;
419
- $cadmin-badge-dark-hover-bg: $cadmin-badge-dark-bg !default;
420
484
  $cadmin-badge-dark-border-color: null !default;
421
- $cadmin-badge-dark-hover-border-color: null !default;
422
485
  $cadmin-badge-dark-color: $cadmin-white !default;
486
+
487
+ $cadmin-badge-dark-hover-bg: $cadmin-badge-dark-bg !default;
488
+ $cadmin-badge-dark-hover-border-color: null !default;
423
489
  $cadmin-badge-dark-hover-color: $cadmin-badge-dark-color !default;
490
+
424
491
  $cadmin-badge-dark-link-color: null !default;
492
+
425
493
  $cadmin-badge-dark-link-hover-color: null !default;
426
494
 
427
495
  $cadmin-badge-dark: () !default;
@@ -430,23 +498,28 @@ $cadmin-badge-dark: map-deep-merge(
430
498
  background-color: $cadmin-badge-dark-bg,
431
499
  border-color: $cadmin-badge-dark-border-color,
432
500
  color: $cadmin-badge-dark-color,
501
+
433
502
  href: (
434
503
  hover: (
435
504
  background-color: $cadmin-badge-dark-hover-bg,
436
505
  border-color: $cadmin-badge-dark-hover-border-color,
437
506
  color: $cadmin-badge-dark-hover-color,
438
507
  ),
508
+
439
509
  focus: (
440
510
  background-color: $cadmin-badge-dark-hover-bg,
441
511
  border-color: $cadmin-badge-dark-hover-border-color,
442
512
  color: $cadmin-badge-dark-hover-color,
443
513
  ),
444
514
  ),
515
+
445
516
  link: (
446
517
  color: $cadmin-badge-dark-link-color,
518
+
447
519
  hover: (
448
520
  color: $cadmin-badge-dark-link-hover-color,
449
521
  ),
522
+
450
523
  focus: (
451
524
  color: $cadmin-badge-dark-link-hover-color,
452
525
  ),
@@ -459,90 +532,117 @@ $cadmin-badge-palette: () !default;
459
532
  $cadmin-badge-palette: map-deep-merge(
460
533
  (
461
534
  primary: $cadmin-badge-primary,
535
+
462
536
  secondary: $cadmin-badge-secondary,
537
+
463
538
  success: $cadmin-badge-success,
539
+
464
540
  info: $cadmin-badge-info,
541
+
465
542
  warning: $cadmin-badge-warning,
543
+
466
544
  danger: $cadmin-badge-danger,
545
+
467
546
  light: $cadmin-badge-light,
547
+
468
548
  dark: $cadmin-badge-dark,
549
+
469
550
  '.badge-translucent.badge-primary': (
470
551
  background-color: rgba($cadmin-primary-d1, 0.04),
471
552
  border-color: transparent,
472
553
  color: $cadmin-primary-d1,
473
554
  ),
555
+
474
556
  '.badge-translucent.badge-info, .badge-beta': (
475
557
  background-color: rgba($cadmin-info-d1, 0.04),
476
558
  border-color: transparent,
477
559
  color: $cadmin-info-d1,
478
560
  ),
561
+
479
562
  '.badge-translucent.badge-success': (
480
563
  background-color: rgba($cadmin-success-d1, 0.04),
481
564
  border-color: transparent,
482
565
  color: $cadmin-success-d1,
483
566
  ),
567
+
484
568
  '.badge-translucent.badge-warning': (
485
569
  background-color: rgba($cadmin-warning-d1, 0.04),
486
570
  border-color: transparent,
487
571
  color: $cadmin-warning-d1,
488
572
  ),
573
+
489
574
  '.badge-translucent.badge-danger': (
490
575
  background-color: rgba($cadmin-danger-d1, 0.04),
491
576
  border-color: transparent,
492
577
  color: $cadmin-danger-d1,
493
578
  ),
579
+
494
580
  '%clay-dark-badge-translucent-primary': (
495
581
  background-color: rgba($cadmin-primary-l2, 0.04),
496
582
  border-color: transparent,
497
583
  color: $cadmin-primary-l1,
498
584
  ),
585
+
499
586
  '.clay-dark .badge-translucent.badge-primary': (
500
587
  extend: '%clay-dark-badge-translucent-primary',
501
588
  ),
589
+
502
590
  '.clay-dark.badge-translucent.badge-primary': (
503
591
  extend: '%clay-dark-badge-translucent-primary',
504
592
  ),
593
+
505
594
  '%clay-dark-badge-translucent-info': (
506
595
  background-color: rgba($cadmin-info-l2, 0.04),
507
596
  border-color: transparent,
508
597
  color: $cadmin-info-l1,
509
598
  ),
599
+
510
600
  '.clay-dark .badge-translucent.badge-info, .badge-beta-dark': (
511
601
  extend: '%clay-dark-badge-translucent-info',
512
602
  ),
603
+
513
604
  '.clay-dark.badge-translucent.badge-info': (
514
605
  extend: '%clay-dark-badge-translucent-info',
515
606
  ),
607
+
516
608
  '%clay-dark-badge-translucent-success': (
517
609
  background-color: rgba($cadmin-success-l2, 0.04),
518
610
  border-color: transparent,
519
611
  color: $cadmin-success-l1,
520
612
  ),
613
+
521
614
  '.clay-dark .badge-translucent.badge-success': (
522
615
  extend: '%clay-dark-badge-translucent-success',
523
616
  ),
617
+
524
618
  '.clay-dark.badge-translucent.badge-success': (
525
619
  extend: '%clay-dark-badge-translucent-success',
526
620
  ),
621
+
527
622
  '%clay-dark-badge-translucent-warning': (
528
623
  background-color: rgba($cadmin-warning-l2, 0.04),
529
624
  border-color: transparent,
530
625
  color: $cadmin-warning-l1,
531
626
  ),
627
+
532
628
  '.clay-dark .badge-translucent.badge-warning': (
533
629
  extend: '%clay-dark-badge-translucent-warning',
534
630
  ),
631
+
535
632
  '.clay-dark.badge-translucent.badge-warning': (
536
633
  extend: '%clay-dark-badge-translucent-warning',
537
634
  ),
635
+
538
636
  '%clay-dark-badge-translucent-danger': (
539
637
  background-color: rgba($cadmin-danger-l2, 0.04),
540
638
  border-color: transparent,
541
639
  color: $cadmin-danger-l1,
542
640
  ),
641
+
543
642
  '.clay-dark .badge-translucent.badge-danger': (
544
643
  extend: '%clay-dark-badge-translucent-danger',
545
644
  ),
645
+
546
646
  '.clay-dark.badge-translucent.badge-danger': (
547
647
  extend: '%clay-dark-badge-translucent-danger',
548
648
  ),
package/src/scss/cadmin/variables/_breadcrumbs.scss CHANGED
@@ -4,7 +4,7 @@ $cadmin-breadcrumb-bg: transparent !default;
4
4
  $cadmin-breadcrumb-border-radius: $cadmin-border-radius !default;
5
5
  $cadmin-breadcrumb-font-size: 14px !default;
6
6
  $cadmin-breadcrumb-font-weight: null !default;
7
- $cadmin-breadcrumb-margin-bottom: 0 !default;
7
+ $cadmin-breadcrumb-margin-bottom: 0px !default;
8
8
  $cadmin-breadcrumb-padding-x: 2px !default; // 2px
9
9
  $cadmin-breadcrumb-padding-y: 9.5px !default;
10
10
  $cadmin-breadcrumb-text-transform: null !default;
@@ -53,12 +53,15 @@ $cadmin-breadcrumb-item: map-deep-merge(
53
53
  font-weight: $cadmin-breadcrumb-font-weight,
54
54
  margin-right: 0.5em,
55
55
  position: relative,
56
+
56
57
  active: (
57
58
  color: $cadmin-breadcrumb-active-color,
58
59
  font-weight: $cadmin-breadcrumb-active-font-weight,
59
60
  ),
61
+
60
62
  breadcrumb-item: (
61
63
  padding-left: 1em,
64
+
62
65
  before: (
63
66
  color: $cadmin-breadcrumb-divider-color,
64
67
  display: block,
@@ -68,23 +71,23 @@ $cadmin-breadcrumb-item: map-deep-merge(
68
71
  background-size: 100%,
69
72
  content: '',
70
73
  height: $cadmin-breadcrumb-divider-svg-icon-height,
71
- left: 0,
74
+ left: 0px,
72
75
  margin-top:
73
- calc(
74
- #{math-sign($cadmin-breadcrumb-divider-svg-icon-height)} /
75
- 2
76
- ),
77
- padding: 0,
76
+ calc(#{$cadmin-breadcrumb-divider-svg-icon-height} / -2),
77
+ padding: 0px,
78
78
  position: absolute,
79
79
  top: 50%,
80
80
  width: $cadmin-breadcrumb-divider-svg-icon-width,
81
81
  ),
82
82
  ),
83
+
83
84
  dropdown-toggle: (
84
85
  text-decoration: none,
86
+
85
87
  hover: (
86
88
  text-decoration: none,
87
89
  ),
90
+
88
91
  focus: (
89
92
  text-decoration: none,
90
93
  ),
@@ -96,10 +99,12 @@ $cadmin-breadcrumb-item: map-deep-merge(
96
99
  // Breadcrumb Text Truncate
97
100
 
98
101
  $cadmin-breadcrumb-text-truncate-icon-spacer-x: 14px !default;
99
- $cadmin-breadcrumb-text-truncate-max-width: 300px -
100
- $cadmin-breadcrumb-text-truncate-icon-spacer-x !default;
101
- $cadmin-breadcrumb-text-truncate-max-width-mobile: 150px -
102
- $cadmin-breadcrumb-text-truncate-icon-spacer-x !default;
102
+ $cadmin-breadcrumb-text-truncate-max-width: calc(
103
+ 300px - #{$cadmin-breadcrumb-text-truncate-icon-spacer-x}
104
+ ) !default;
105
+ $cadmin-breadcrumb-text-truncate-max-width-mobile: calc(
106
+ 150px - #{$cadmin-breadcrumb-text-truncate-icon-spacer-x}
107
+ ) !default;
103
108
 
104
109
  $cadmin-breadcrumb-text-truncate: () !default;
105
110
  $cadmin-breadcrumb-text-truncate: map-merge(
@@ -132,10 +137,12 @@ $cadmin-breadcrumb-link: map-deep-merge(
132
137
  text-decoration: $cadmin-breadcrumb-link-text-decoration,
133
138
  text-transform: $cadmin-breadcrumb-text-transform,
134
139
  transition: box-shadow 0.15s ease-in-out,
140
+
135
141
  hover: (
136
142
  color: $cadmin-breadcrumb-link-hover-color,
137
143
  text-decoration: $cadmin-breadcrumb-link-hover-text-decoration,
138
144
  ),
145
+
139
146
  focus: (
140
147
  box-shadow: $cadmin-component-focus-box-shadow,
141
148
  color: $cadmin-breadcrumb-link-hover-color,