@clayui/css 3.159.0 → 3.161.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (304) hide show
  1. package/lib/css/atlas.css +3170 -3016
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +2952 -2786
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +1754 -1633
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/blue-print.svg +9 -0
  8. package/lib/images/icons/books-brush.svg +9 -0
  9. package/lib/images/icons/calculator.svg +10 -0
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/lib/images/icons/layout-new-window.svg +10 -0
  12. package/lib/images/icons/medal.svg +10 -0
  13. package/lib/images/icons/megaphone.svg +9 -0
  14. package/lib/images/icons/price-list.svg +11 -0
  15. package/lib/images/icons/process-builder.svg +9 -0
  16. package/lib/images/icons/product-configuration.svg +10 -0
  17. package/lib/images/icons/product-menu-open.svg +2 -2
  18. package/lib/images/icons/products.svg +9 -0
  19. package/lib/images/icons/publications.svg +10 -0
  20. package/lib/images/icons/puzzle.svg +9 -0
  21. package/lib/images/icons/rocket.svg +11 -0
  22. package/lib/images/icons/submission.svg +10 -0
  23. package/lib/images/icons/synonyms.svg +9 -0
  24. package/package.json +1 -1
  25. package/src/images/icons/blue-print.svg +9 -0
  26. package/src/images/icons/books-brush.svg +9 -0
  27. package/src/images/icons/calculator.svg +10 -0
  28. package/src/images/icons/icons.svg +1 -1
  29. package/src/images/icons/layout-new-window.svg +10 -0
  30. package/src/images/icons/medal.svg +10 -0
  31. package/src/images/icons/megaphone.svg +9 -0
  32. package/src/images/icons/price-list.svg +11 -0
  33. package/src/images/icons/process-builder.svg +9 -0
  34. package/src/images/icons/product-configuration.svg +10 -0
  35. package/src/images/icons/product-menu-open.svg +2 -2
  36. package/src/images/icons/products.svg +9 -0
  37. package/src/images/icons/publications.svg +10 -0
  38. package/src/images/icons/puzzle.svg +9 -0
  39. package/src/images/icons/rocket.svg +11 -0
  40. package/src/images/icons/submission.svg +10 -0
  41. package/src/images/icons/synonyms.svg +9 -0
  42. package/src/scss/_license-text.scss +1 -1
  43. package/src/scss/atlas/_variables.scss +6 -4
  44. package/src/scss/atlas/variables/_alerts.scss +102 -11
  45. package/src/scss/atlas/variables/_application-bar.scss +7 -0
  46. package/src/scss/atlas/variables/_badges.scss +36 -8
  47. package/src/scss/atlas/variables/_breadcrumbs.scss +2 -1
  48. package/src/scss/atlas/variables/_cards.scss +5 -0
  49. package/src/scss/atlas/variables/_clay-color.scss +5 -0
  50. package/src/scss/atlas/variables/_custom-forms.scss +36 -5
  51. package/src/scss/atlas/variables/_date-picker.scss +14 -2
  52. package/src/scss/atlas/variables/_dropdowns.scss +9 -2
  53. package/src/scss/atlas/variables/_forms.scss +35 -5
  54. package/src/scss/atlas/variables/_globals.scss +120 -73
  55. package/src/scss/atlas/variables/_labels.scss +55 -0
  56. package/src/scss/atlas/variables/_links.scss +18 -0
  57. package/src/scss/atlas/variables/_list-group.scss +15 -4
  58. package/src/scss/atlas/variables/_management-bar.scss +11 -0
  59. package/src/scss/atlas/variables/_menubar.scss +70 -22
  60. package/src/scss/atlas/variables/_modals.scss +16 -0
  61. package/src/scss/atlas/variables/_navbar.scss +7 -0
  62. package/src/scss/atlas/variables/_navigation-bar.scss +25 -1
  63. package/src/scss/atlas/variables/_navs.scss +5 -2
  64. package/src/scss/atlas/variables/_pagination.scss +42 -22
  65. package/src/scss/atlas/variables/_panels.scss +7 -0
  66. package/src/scss/atlas/variables/_popovers.scss +6 -4
  67. package/src/scss/atlas/variables/_range.scss +6 -0
  68. package/src/scss/atlas/variables/_sheets.scss +1 -0
  69. package/src/scss/atlas/variables/_sidebar.scss +10 -0
  70. package/src/scss/atlas/variables/_tables.scss +27 -3
  71. package/src/scss/atlas/variables/_time.scss +1 -0
  72. package/src/scss/atlas/variables/_toggle-switch.scss +19 -7
  73. package/src/scss/atlas/variables/_utilities.scss +3 -0
  74. package/src/scss/atlas-custom-properties/_variables.scss +68 -0
  75. package/src/scss/atlas-custom-properties/variables/_alerts.scss +1212 -0
  76. package/src/scss/atlas-custom-properties/variables/_application-bar.scss +62 -0
  77. package/src/scss/atlas-custom-properties/variables/_aspect-ratio.scss +28 -0
  78. package/src/scss/atlas-custom-properties/variables/_badges.scss +352 -0
  79. package/src/scss/atlas-custom-properties/variables/_breadcrumbs.scss +205 -0
  80. package/src/scss/atlas-custom-properties/variables/_buttons.scss +1498 -0
  81. package/src/scss/atlas-custom-properties/variables/_c-root.scss +353 -0
  82. package/src/scss/atlas-custom-properties/variables/_cards.scss +1217 -0
  83. package/src/scss/atlas-custom-properties/variables/_clay-color.scss +647 -0
  84. package/src/scss/atlas-custom-properties/variables/_custom-forms.scss +1127 -0
  85. package/src/scss/atlas-custom-properties/variables/_date-picker.scss +701 -0
  86. package/src/scss/atlas-custom-properties/variables/_drilldown.scss +252 -0
  87. package/src/scss/atlas-custom-properties/variables/_dropdowns.scss +1250 -0
  88. package/src/scss/atlas-custom-properties/variables/_dual-listbox.scss +75 -0
  89. package/src/scss/atlas-custom-properties/variables/_empty-state.scss +104 -0
  90. package/src/scss/atlas-custom-properties/variables/_forms.scss +2342 -0
  91. package/src/scss/atlas-custom-properties/variables/_globals-z-index.scss +50 -0
  92. package/src/scss/atlas-custom-properties/variables/_globals.scss +846 -0
  93. package/src/scss/atlas-custom-properties/variables/_icons.scss +73 -0
  94. package/src/scss/atlas-custom-properties/variables/_images.scss +14 -0
  95. package/src/scss/atlas-custom-properties/variables/_labels.scss +1485 -0
  96. package/src/scss/atlas-custom-properties/variables/_links.scss +482 -0
  97. package/src/scss/atlas-custom-properties/variables/_list-group.scss +493 -0
  98. package/src/scss/atlas-custom-properties/variables/_loaders.scss +243 -0
  99. package/src/scss/atlas-custom-properties/variables/_management-bar.scss +153 -0
  100. package/src/scss/atlas-custom-properties/variables/_menubar.scss +836 -0
  101. package/src/scss/atlas-custom-properties/variables/_modals.scss +650 -0
  102. package/src/scss/atlas-custom-properties/variables/_multi-step-nav.scss +324 -0
  103. package/src/scss/atlas-custom-properties/variables/_navbar.scss +200 -0
  104. package/src/scss/atlas-custom-properties/variables/_navigation-bar.scss +473 -0
  105. package/src/scss/atlas-custom-properties/variables/_navs.scss +547 -0
  106. package/src/scss/atlas-custom-properties/variables/_pagination.scss +1101 -0
  107. package/src/scss/atlas-custom-properties/variables/_panels.scss +567 -0
  108. package/src/scss/atlas-custom-properties/variables/_popovers.scss +565 -0
  109. package/src/scss/atlas-custom-properties/variables/_progress-bars.scss +142 -0
  110. package/src/scss/atlas-custom-properties/variables/_quick-action.scss +27 -0
  111. package/src/scss/atlas-custom-properties/variables/_range.scss +267 -0
  112. package/src/scss/atlas-custom-properties/variables/_reorder.scss +91 -0
  113. package/src/scss/atlas-custom-properties/variables/_resizer.scss +26 -0
  114. package/src/scss/atlas-custom-properties/variables/_sheets.scss +301 -0
  115. package/src/scss/atlas-custom-properties/variables/_side-navigation.scss +4 -0
  116. package/src/scss/atlas-custom-properties/variables/_sidebar.scss +579 -0
  117. package/src/scss/atlas-custom-properties/variables/_slideout.scss +379 -0
  118. package/src/scss/atlas-custom-properties/variables/_stickers.scss +578 -0
  119. package/src/scss/atlas-custom-properties/variables/_tables.scss +1277 -0
  120. package/src/scss/atlas-custom-properties/variables/_tbar.scss +636 -0
  121. package/src/scss/atlas-custom-properties/variables/_time.scss +142 -0
  122. package/src/scss/atlas-custom-properties/variables/_timelines.scss +43 -0
  123. package/src/scss/atlas-custom-properties/variables/_toggle-switch.scss +706 -0
  124. package/src/scss/atlas-custom-properties/variables/_tooltip.scss +332 -0
  125. package/src/scss/atlas-custom-properties/variables/_treeview.scss +369 -0
  126. package/src/scss/atlas-custom-properties/variables/_type.scss +194 -0
  127. package/src/scss/atlas-custom-properties/variables/_utilities.scss +1016 -0
  128. package/src/scss/atlas-variables.scss +2 -0
  129. package/src/scss/atlas.scss +2 -0
  130. package/src/scss/base-variables.scss +2 -0
  131. package/src/scss/base.scss +2 -0
  132. package/src/scss/cadmin/components/_alerts.scss +3 -1
  133. package/src/scss/cadmin/components/_button-groups.scss +2 -2
  134. package/src/scss/cadmin/components/_cards.scss +2 -2
  135. package/src/scss/cadmin/components/_drilldown.scss +10 -10
  136. package/src/scss/cadmin/components/_dropdowns.scss +2 -2
  137. package/src/scss/cadmin/components/_forms.scss +2 -2
  138. package/src/scss/cadmin/components/_grid.scss +6 -6
  139. package/src/scss/cadmin/components/_icons.scss +10 -2
  140. package/src/scss/cadmin/components/_images.scss +1 -1
  141. package/src/scss/cadmin/components/_input-groups.scss +4 -4
  142. package/src/scss/cadmin/components/_list-group.scss +11 -10
  143. package/src/scss/cadmin/components/_modals.scss +5 -5
  144. package/src/scss/cadmin/components/_multi-step-nav.scss +45 -20
  145. package/src/scss/cadmin/components/_navbar.scss +14 -8
  146. package/src/scss/cadmin/components/_navs.scss +1 -1
  147. package/src/scss/cadmin/components/_panels.scss +51 -25
  148. package/src/scss/cadmin/components/_popovers.scss +25 -21
  149. package/src/scss/cadmin/components/_sheets.scss +40 -14
  150. package/src/scss/cadmin/components/_time.scss +6 -2
  151. package/src/scss/cadmin/components/_timelines.scss +15 -8
  152. package/src/scss/cadmin/components/_tooltip.scss +8 -7
  153. package/src/scss/cadmin/components/_treeview.scss +8 -1
  154. package/src/scss/cadmin/components/_type.scss +4 -2
  155. package/src/scss/cadmin/components/_utilities-functional-important.scss +5 -5
  156. package/src/scss/cadmin/components/_utilities.scss +13 -13
  157. package/src/scss/cadmin/variables/_alerts.scss +184 -34
  158. package/src/scss/cadmin/variables/_badges.scss +121 -21
  159. package/src/scss/cadmin/variables/_breadcrumbs.scss +18 -11
  160. package/src/scss/cadmin/variables/_buttons.scss +15 -10
  161. package/src/scss/cadmin/variables/_cards.scss +89 -32
  162. package/src/scss/cadmin/variables/_clay-color.scss +40 -18
  163. package/src/scss/cadmin/variables/_custom-forms.scss +49 -10
  164. package/src/scss/cadmin/variables/_date-picker.scss +47 -19
  165. package/src/scss/cadmin/variables/_dropdowns.scss +105 -49
  166. package/src/scss/cadmin/variables/_dual-listbox.scss +1 -1
  167. package/src/scss/cadmin/variables/_empty-state.scss +5 -2
  168. package/src/scss/cadmin/variables/_forms.scss +218 -74
  169. package/src/scss/cadmin/variables/_globals-z-index.scss +28 -5
  170. package/src/scss/cadmin/variables/_globals.scss +141 -71
  171. package/src/scss/cadmin/variables/_images.scss +1 -2
  172. package/src/scss/cadmin/variables/_labels.scss +99 -6
  173. package/src/scss/cadmin/variables/_links.scss +47 -11
  174. package/src/scss/cadmin/variables/_list-group.scss +25 -9
  175. package/src/scss/cadmin/variables/_loaders.scss +18 -2
  176. package/src/scss/cadmin/variables/_management-bar.scss +66 -26
  177. package/src/scss/cadmin/variables/_menubar.scss +137 -43
  178. package/src/scss/cadmin/variables/_modals.scss +75 -26
  179. package/src/scss/cadmin/variables/_multi-step-nav.scss +34 -14
  180. package/src/scss/cadmin/variables/_navbar.scss +22 -15
  181. package/src/scss/cadmin/variables/_navigation-bar.scss +73 -37
  182. package/src/scss/cadmin/variables/_navs.scss +65 -33
  183. package/src/scss/cadmin/variables/_pagination.scss +60 -22
  184. package/src/scss/cadmin/variables/_panels.scss +34 -16
  185. package/src/scss/cadmin/variables/_popovers.scss +66 -77
  186. package/src/scss/cadmin/variables/_progress-bars.scss +8 -3
  187. package/src/scss/cadmin/variables/_range.scss +29 -9
  188. package/src/scss/cadmin/variables/_reorder.scss +7 -6
  189. package/src/scss/cadmin/variables/_resizer.scss +5 -3
  190. package/src/scss/cadmin/variables/_sheets.scss +21 -12
  191. package/src/scss/cadmin/variables/_sidebar.scss +76 -5
  192. package/src/scss/cadmin/variables/_slideout.scss +88 -31
  193. package/src/scss/cadmin/variables/_stickers.scss +36 -8
  194. package/src/scss/cadmin/variables/_tables.scss +142 -51
  195. package/src/scss/cadmin/variables/_tbar.scss +79 -31
  196. package/src/scss/cadmin/variables/_time.scss +14 -12
  197. package/src/scss/cadmin/variables/_timelines.scss +4 -2
  198. package/src/scss/cadmin/variables/_toggle-switch.scss +117 -37
  199. package/src/scss/cadmin/variables/_tooltip.scss +47 -49
  200. package/src/scss/cadmin/variables/_treeview.scss +62 -10
  201. package/src/scss/cadmin/variables/_type.scss +11 -9
  202. package/src/scss/cadmin/variables/_utilities.scss +123 -6
  203. package/src/scss/components/_alerts.scss +1 -1
  204. package/src/scss/components/_button-groups.scss +2 -2
  205. package/src/scss/components/_cards.scss +10 -10
  206. package/src/scss/components/_carousel.scss +2 -2
  207. package/src/scss/components/_custom-forms.scss +23 -12
  208. package/src/scss/components/_drilldown.scss +8 -4
  209. package/src/scss/components/_forms.scss +6 -6
  210. package/src/scss/components/_grid.scss +7 -7
  211. package/src/scss/components/_icons.scss +10 -2
  212. package/src/scss/components/_images.scss +1 -1
  213. package/src/scss/components/_input-groups.scss +7 -5
  214. package/src/scss/components/_jumbotron.scss +2 -2
  215. package/src/scss/components/_list-group.scss +29 -14
  216. package/src/scss/components/_modals.scss +5 -5
  217. package/src/scss/components/_multi-step-nav.scss +32 -12
  218. package/src/scss/components/_navbar.scss +10 -6
  219. package/src/scss/components/_panels.scss +82 -51
  220. package/src/scss/components/_popovers.scss +21 -25
  221. package/src/scss/components/_sheets.scss +38 -14
  222. package/src/scss/components/_side-navigation.scss +2 -2
  223. package/src/scss/components/_time.scss +2 -2
  224. package/src/scss/components/_timelines.scss +16 -12
  225. package/src/scss/components/_tooltip.scss +8 -6
  226. package/src/scss/components/_treeview.scss +8 -1
  227. package/src/scss/components/_type.scss +2 -2
  228. package/src/scss/components/_utilities-functional-important.scss +5 -5
  229. package/src/scss/components/_utilities.scss +13 -13
  230. package/src/scss/functions/_global-functions.scss +8 -6
  231. package/src/scss/functions/_lx-icons-generated.scss +31 -1
  232. package/src/scss/mixins/_alerts.scss +10 -0
  233. package/src/scss/mixins/_aspect-ratio.scss +11 -0
  234. package/src/scss/mixins/_badges.scss +14 -2
  235. package/src/scss/mixins/_buttons.scss +68 -8
  236. package/src/scss/mixins/_cards.scss +81 -0
  237. package/src/scss/mixins/_close.scss +54 -4
  238. package/src/scss/mixins/_dropdown-menu.scss +55 -6
  239. package/src/scss/mixins/_forms.scss +150 -0
  240. package/src/scss/mixins/_globals.scss +101 -358
  241. package/src/scss/mixins/_grid.scss +21 -8
  242. package/src/scss/mixins/_highlight.scss +14 -0
  243. package/src/scss/mixins/_input-groups.scss +15 -0
  244. package/src/scss/mixins/_labels.scss +64 -10
  245. package/src/scss/mixins/_links.scss +55 -4
  246. package/src/scss/mixins/_list-group.scss +8 -4
  247. package/src/scss/mixins/_menubar.scss +80 -4
  248. package/src/scss/mixins/_modals.scss +10 -18
  249. package/src/scss/mixins/_nav.scss +19 -0
  250. package/src/scss/mixins/_navbar.scss +237 -49
  251. package/src/scss/mixins/_panels.scss +48 -4
  252. package/src/scss/mixins/_stickers.scss +8 -0
  253. package/src/scss/mixins/_tbar.scss +65 -10
  254. package/src/scss/mixins/_timelines.scss +21 -11
  255. package/src/scss/mixins/_toggle-switch.scss +4 -0
  256. package/src/scss/mixins/_utilities.scss +9 -0
  257. package/src/scss/variables/_alerts.scss +184 -29
  258. package/src/scss/variables/_application-bar.scss +11 -4
  259. package/src/scss/variables/_badges.scss +133 -35
  260. package/src/scss/variables/_breadcrumbs.scss +13 -4
  261. package/src/scss/variables/_buttons.scss +11 -10
  262. package/src/scss/variables/_cards.scss +131 -53
  263. package/src/scss/variables/_clay-color.scss +36 -18
  264. package/src/scss/variables/_custom-forms.scss +47 -12
  265. package/src/scss/variables/_date-picker.scss +41 -16
  266. package/src/scss/variables/_drilldown.scss +3 -3
  267. package/src/scss/variables/_dropdowns.scss +108 -49
  268. package/src/scss/variables/_dual-listbox.scss +1 -1
  269. package/src/scss/variables/_empty-state.scss +5 -2
  270. package/src/scss/variables/_forms.scss +200 -64
  271. package/src/scss/variables/_globals-z-index.scss +26 -5
  272. package/src/scss/variables/_globals.scss +153 -76
  273. package/src/scss/variables/_images.scss +1 -2
  274. package/src/scss/variables/_labels.scss +103 -6
  275. package/src/scss/variables/_links.scss +39 -10
  276. package/src/scss/variables/_list-group.scss +39 -13
  277. package/src/scss/variables/_loaders.scss +18 -2
  278. package/src/scss/variables/_management-bar.scss +23 -6
  279. package/src/scss/variables/_menubar.scss +86 -19
  280. package/src/scss/variables/_modals.scss +66 -25
  281. package/src/scss/variables/_multi-step-nav.scss +29 -11
  282. package/src/scss/variables/_navbar.scss +14 -8
  283. package/src/scss/variables/_navigation-bar.scss +26 -4
  284. package/src/scss/variables/_navs.scss +76 -44
  285. package/src/scss/variables/_pagination.scss +30 -5
  286. package/src/scss/variables/_panels.scss +77 -24
  287. package/src/scss/variables/_popovers.scss +65 -78
  288. package/src/scss/variables/_progress-bars.scss +11 -2
  289. package/src/scss/variables/_range.scss +35 -9
  290. package/src/scss/variables/_reorder.scss +7 -6
  291. package/src/scss/variables/_resizer.scss +5 -3
  292. package/src/scss/variables/_sheets.scss +21 -13
  293. package/src/scss/variables/_sidebar.scss +72 -4
  294. package/src/scss/variables/_slideout.scss +87 -31
  295. package/src/scss/variables/_stickers.scss +50 -9
  296. package/src/scss/variables/_tables.scss +125 -33
  297. package/src/scss/variables/_tbar.scss +79 -30
  298. package/src/scss/variables/_time.scss +13 -11
  299. package/src/scss/variables/_timelines.scss +2 -1
  300. package/src/scss/variables/_toggle-switch.scss +114 -30
  301. package/src/scss/variables/_tooltip.scss +46 -49
  302. package/src/scss/variables/_treeview.scss +63 -10
  303. package/src/scss/variables/_type.scss +9 -7
  304. package/src/scss/variables/_utilities.scss +124 -6
package/src/scss/atlas-custom-properties/variables/_sidebar.scss ADDED
@@ -0,0 +1,579 @@
1
+ @if ($enable-atlas-custom-properties) {
2
+ $sidebar-padding-bottom: var(--sidebar-padding-bottom, 16px);
3
+ $sidebar-padding-left: var(--sidebar-padding-left, 24px);
4
+ $sidebar-padding-right: var(--sidebar-padding-right, 24px);
5
+ $sidebar-padding-top: var(--sidebar-padding-top, 16px);
6
+
7
+ // Sidebar Header Title
8
+
9
+ $sidebar-header-component-title: ();
10
+ $sidebar-header-component-title: map-deep-merge(
11
+ (
12
+ font-size: var(--sidebar-header-component-title, 16px),
13
+ href: (
14
+ color:
15
+ var(--sidebar-header-component-title-link-color, $gray-900),
16
+ ),
17
+ ),
18
+ $sidebar-header-component-title
19
+ );
20
+
21
+ // Sidebar Header Subtitle
22
+
23
+ $sidebar-header-component-subtitle: ();
24
+ $sidebar-header-component-subtitle: map-deep-merge(
25
+ (
26
+ font-size: var(--sidebar-header-component-subtitle-font-size, 14px),
27
+ font-weight:
28
+ var(
29
+ --sidebar-header-component-subtitle-font-weight,
30
+ $font-weight-normal
31
+ ),
32
+ margin-bottom:
33
+ var(--sidebar-header-component-subtitle-margin-bottom, 0),
34
+ ),
35
+ $sidebar-header-component-subtitle
36
+ );
37
+
38
+ // Sidebar DT
39
+
40
+ $sidebar-dt: ();
41
+ $sidebar-dt: map-deep-merge(
42
+ (
43
+ font-size: var(--sidebar-dt-font-size, 12px),
44
+ font-weight: var(--sidebar-dt-font-weight, $font-weight-semi-bold),
45
+ margin-bottom: var(--sidebar-dt-margin-bottom, 4px),
46
+ text-transform: var(--sidebar-dt-text-transform, uppercase),
47
+ ),
48
+ $sidebar-dt
49
+ );
50
+
51
+ // Sidebar DD
52
+
53
+ $sidebar-dd: ();
54
+ $sidebar-dd: map-deep-merge(
55
+ (
56
+ font-size: var(--sidebar-dd-font-size, 14px),
57
+ margin-bottom: var(--sidebar-dd-margin-bottom, 12px),
58
+ ),
59
+ $sidebar-dd
60
+ );
61
+
62
+ // Sidebar Panel
63
+
64
+ $sidebar-panel-margin-bottom: var(--sidebar-panel-margin-bottom, 16px);
65
+
66
+ // Sidebar List Group
67
+
68
+ $sidebar-list-group-bg: var(
69
+ --sidebar-list-group-sidebar-list-group-background-color,
70
+ transparent
71
+ );
72
+ $sidebar-list-group-border-color: var(
73
+ --sidebar-list-group-sidebar-list-group-border-color,
74
+ $gray-300
75
+ );
76
+ $sidebar-list-group-font-size: var(
77
+ --sidebar-list-group-sidebar-list-group-font-size,
78
+ 14px
79
+ );
80
+ $sidebar-list-group-type: list-group-flush;
81
+
82
+ $sidebar-list-group-item-padding: var(--sidebar-list-group-item-padding, 0);
83
+
84
+ $sidebar-list-group-autofit-col-padding-x: var(
85
+ --sidebar-list-group-autofit-col-padding-x,
86
+ 8px
87
+ );
88
+ $sidebar-list-group-autofit-col-padding-y: var(
89
+ --sidebar-list-group-autofit-col-padding-y,
90
+ 16px
91
+ );
92
+
93
+ $sidebar-list-group-sticker-size: ();
94
+ $sidebar-list-group-sticker-size: map-deep-merge(
95
+ $sticker-sm,
96
+ $sidebar-list-group-sticker-size
97
+ );
98
+
99
+ $sidebar: ();
100
+ $sidebar: map-deep-merge(
101
+ (
102
+ height: 100%,
103
+ overflow: auto,
104
+
105
+ -webkit-overflow-scrolling: touch,
106
+
107
+ focus: (
108
+ box-shadow: $component-focus-inset-box-shadow,
109
+ ),
110
+
111
+ close: (
112
+ color: var(--sidebar-close-color, $secondary),
113
+ hover: (
114
+ background-color:
115
+ var(
116
+ --sidebar-close-hover-background-color,
117
+ unquote('hsl(from #{$gray-900} h s l / 0.03)')
118
+ ),
119
+ color: var(--sidebar-close-hover-color, $gray-900),
120
+ ),
121
+
122
+ focus: (
123
+ background-color:
124
+ var(
125
+ --sidebar-close-focus-background-color,
126
+ unquote('hsl(from #{$gray-900} h s l / 0.03)')
127
+ ),
128
+ color: var(--sidebar-close-focus-color, $gray-900),
129
+ ),
130
+
131
+ active: (
132
+ background-color:
133
+ var(
134
+ --sidebar-close-active-background-color,
135
+ unquote('hsl(from #{$gray-900} h s l / 0.06)')
136
+ ),
137
+ color: var(--sidebar-close-active-color, $gray-900),
138
+ ),
139
+
140
+ disabled: (
141
+ background-color:
142
+ var(
143
+ --sidebar-close-disabled-background-color,
144
+ transparent
145
+ ),
146
+ box-shadow: var(--sidebar-close-disabled-box-shadow, none),
147
+ color: var(--sidebar-close-disabled-color, $secondary),
148
+ cursor:
149
+ var(--sidebar-close-disabled-cursor, $disabled-cursor),
150
+ opacity:
151
+ var(
152
+ --sidebar-close-disabled-opacity,
153
+ $component-disabled-opacity
154
+ ),
155
+ active: (
156
+ pointer-events: none,
157
+ ),
158
+ ),
159
+ ),
160
+
161
+ sidebar-header: (
162
+ padding-bottom:
163
+ var(
164
+ --sidebar-header-padding-bottom,
165
+ $sidebar-padding-bottom
166
+ ),
167
+ padding-left:
168
+ var(--sidebar-header-padding-left, $sidebar-padding-left),
169
+ padding-right: var(--sidebar-header-padding-right, 16px),
170
+ padding-top:
171
+ var(--sidebar-header-padding-top, $sidebar-padding-top),
172
+ component-title: $sidebar-header-component-title,
173
+ component-subtitle: $sidebar-header-component-subtitle,
174
+
175
+ autofit-row: (
176
+ margin-left:
177
+ var(--sidebar-header-autofit-row-margin-left, -4px),
178
+ margin-right:
179
+ var(--sidebar-header-autofit-row-margin-right, -4px),
180
+ width: auto,
181
+
182
+ autofit-col: (
183
+ padding-left:
184
+ var(--sidebar-header-autofit-col-padding-left, 4px),
185
+ padding-right:
186
+ var(
187
+ --sidebar-header-autofit-col-padding-right,
188
+ 4px
189
+ ),
190
+ ),
191
+ ),
192
+ ),
193
+
194
+ sidebar-footer: (
195
+ padding-bottom:
196
+ var(
197
+ --sidebar-footer-padding-bottom,
198
+ $sidebar-padding-bottom
199
+ ),
200
+ padding-left:
201
+ var(--sidebar-footer-padding-left, $sidebar-padding-left),
202
+ padding-right:
203
+ var(--sidebar-footer-padding-right, $sidebar-padding-right),
204
+ padding-top:
205
+ var(--sidebar-footer-padding-top, $sidebar-padding-top),
206
+ ),
207
+
208
+ sidebar-body: (
209
+ overflow: auto,
210
+
211
+ -webkit-overflow-scrolling: touch,
212
+
213
+ padding-bottom:
214
+ var(--sidebar-body-padding-bottom, $sidebar-padding-bottom),
215
+ padding-left:
216
+ var(--sidebar-body-padding-left, $sidebar-padding-left),
217
+ padding-right:
218
+ var(--sidebar-body-padding-right, $sidebar-padding-right),
219
+ padding-top:
220
+ var(--sidebar-body-padding-top, $sidebar-padding-top),
221
+ ),
222
+
223
+ sidebar-list-group: (
224
+ display: flex,
225
+ flex-direction: column,
226
+ font-size: $sidebar-list-group-font-size,
227
+ margin-bottom: 0,
228
+ padding-left: 0,
229
+
230
+ list-group-item: (
231
+ background-color: $sidebar-list-group-bg,
232
+ border-color: $sidebar-list-group-border-color,
233
+ padding: $sidebar-list-group-item-padding,
234
+ ),
235
+
236
+ sticker: $sidebar-list-group-sticker-size,
237
+ ),
238
+
239
+ sidebar-panel: (
240
+ margin-bottom: $sidebar-panel-margin-bottom,
241
+ position: relative,
242
+ ),
243
+
244
+ sidebar-dt: $sidebar-dt,
245
+
246
+ sidebar-dd: $sidebar-dd,
247
+ ),
248
+ $sidebar
249
+ );
250
+
251
+ // Sidebar Sm
252
+
253
+ $sidebar-sm: ();
254
+ $sidebar-sm: map-deep-merge(
255
+ (
256
+ font-size: var(--sidebar-sm-font-size, 0.875rem),
257
+ panel-group: (
258
+ extend: '%clay-panel-group-sm',
259
+ ),
260
+
261
+ btn: (
262
+ extend: '%clay-btn-sm',
263
+
264
+ '&.btn-xs': (
265
+ extend: '%clay-btn-xs',
266
+ ),
267
+
268
+ '&.btn-monospaced': (
269
+ extend: '%clay-btn-monospaced-sm',
270
+ ),
271
+
272
+ '&.btn-monospaced.btn-xs': (
273
+ extend: '%clay-btn-monospaced-xs',
274
+ ),
275
+ ),
276
+
277
+ form-control: (
278
+ extend: '%clay-form-control-sm',
279
+ ),
280
+
281
+ form-control-select: (
282
+ extend: '%clay-select-form-control-sm',
283
+ ),
284
+
285
+ form-control-tag-group: (
286
+ extend: '%clay-form-control-tag-group-sm',
287
+ ),
288
+
289
+ input-group: (
290
+ extend: '%clay-input-group-sm',
291
+ ),
292
+ ),
293
+ $sidebar-sm
294
+ );
295
+
296
+ // Sidebar Light
297
+
298
+ $sidebar-light-navigation-bar: ();
299
+ $sidebar-light-navigation-bar: map-deep-merge(
300
+ (
301
+ background-color:
302
+ var(--sidebar-light-navigation-bar-background-color, $white),
303
+ border-color:
304
+ var(--sidebar-light-navigation-bar-border-color, $secondary-l2),
305
+ navbar-nav: (
306
+ nav-link: (
307
+ color:
308
+ var(
309
+ --sidebar-light-navigation-bar-link-color,
310
+ $navbar-light-color
311
+ ),
312
+ hover: (
313
+ color:
314
+ var(
315
+ --sidebar-light-navigation-bar-link-hover-color,
316
+ $navbar-light-hover-color
317
+ ),
318
+ ),
319
+
320
+ active: (
321
+ color:
322
+ var(
323
+ --sidebar-light-navigation-bar-link-active-color,
324
+ $navbar-light-active-color
325
+ ),
326
+ ),
327
+
328
+ disabled: (
329
+ color:
330
+ var(
331
+ --sidebar-light-navigation-bar-link-disabled-color,
332
+ $navbar-light-disabled-color
333
+ ),
334
+ ),
335
+ ),
336
+ ),
337
+
338
+ media-breakpoint-down: (),
339
+ media-breakpoint-up: (),
340
+ ),
341
+ $sidebar-light-navigation-bar
342
+ );
343
+
344
+ $sidebar-light: ();
345
+ $sidebar-light: map-deep-merge(
346
+ (
347
+ background-color: var(--sidebar-light-background-color, $white),
348
+ border-color: var(--sidebar-light-border-color, $gray-300),
349
+ border-left-width: var(--sidebar-light-border-left-width, 0),
350
+ box-shadow:
351
+ var(
352
+ --sidebar-light-box-shadow,
353
+ -4px 0 8px -4px rgba(0, 0, 0, 0.1)
354
+ ),
355
+ color: var(--sidebar-light-color, $gray-900),
356
+ sidebar-header: (
357
+ background-color:
358
+ var(
359
+ --sidebar-light-sidebar-header-background-color,
360
+ $white
361
+ ),
362
+ border:
363
+ var(
364
+ --sidebar-light-sidebar-header-border,
365
+ 0px solid $gray-300
366
+ ),
367
+ ),
368
+
369
+ sidebar-footer: (
370
+ background-color: var(--sidebar-light-sidebar-footer, $white),
371
+ border:
372
+ var(--sidebar-light-sidebar-footer, 0px solid $gray-300),
373
+ ),
374
+
375
+ sidenav-start: (
376
+ box-shadow:
377
+ var(
378
+ --sidebar-light-sidenav-start-box-shadow,
379
+ 4px 0 8px -4px rgba(0, 0, 0, 0.1)
380
+ ),
381
+ ),
382
+
383
+ sidebar-dt: (
384
+ color: var(--sidebar-light-sidebar-dt-color, $gray-600),
385
+ ),
386
+
387
+ sidebar-dd: (
388
+ href: (
389
+ color:
390
+ var(--sidebar-light-sidebar-dd-link-color, $gray-900),
391
+ ),
392
+ ),
393
+
394
+ sidebar-panel: (
395
+ background-color:
396
+ var(
397
+ --sidebar-light-sidebar-panel-background-color,
398
+ $gray-200
399
+ ),
400
+ ),
401
+
402
+ panel-unstyled: (
403
+ header: (
404
+ link: (
405
+ focus: (
406
+ box-shadow: #{0 0 0 4px $white,
407
+ 0 0 0 6px $primary-l0},
408
+ ),
409
+ ),
410
+ ),
411
+ ),
412
+
413
+ sidebar-list-group: (
414
+ component-title: (
415
+ font-size: 16px,
416
+
417
+ href: (
418
+ color: $gray-900,
419
+ ),
420
+ ),
421
+ ),
422
+
423
+ component-navigation-bar: $sidebar-light-navigation-bar,
424
+ ),
425
+ $sidebar-light
426
+ );
427
+
428
+ // Sidebar Dark
429
+
430
+ $sidebar-dark: ();
431
+ $sidebar-dark: map-deep-merge(
432
+ (
433
+ background-color: $dark,
434
+ color: $white,
435
+
436
+ sidebar-header: (
437
+ component-title: (
438
+ color: inherit,
439
+ href: (
440
+ color: inherit,
441
+ ),
442
+ ),
443
+
444
+ component-subtitle: (
445
+ color: inherit,
446
+
447
+ href: (
448
+ color: inherit,
449
+ ),
450
+ ),
451
+ ),
452
+
453
+ close: (
454
+ color: $secondary-l1,
455
+
456
+ hover: (
457
+ color: $white,
458
+ ),
459
+ ),
460
+
461
+ nav-nested: (
462
+ nav-link: (
463
+ border-radius: $border-radius,
464
+ color: $secondary-l1,
465
+ transition: box-shadow 0.15s ease-in-out,
466
+
467
+ hover: (
468
+ color: $white,
469
+ ),
470
+
471
+ focus: (
472
+ box-shadow: $component-focus-box-shadow,
473
+ outline: 0,
474
+ ),
475
+
476
+ active: (
477
+ color: $white,
478
+ ),
479
+
480
+ disabled: (
481
+ box-shadow: none,
482
+ color: $secondary-l1,
483
+ opacity: 0.65,
484
+
485
+ active: (
486
+ pointer-events: none,
487
+ ),
488
+ ),
489
+ ),
490
+ ),
491
+ ),
492
+ $sidebar-dark
493
+ );
494
+
495
+ $sidebar-c-slideout-start: ();
496
+ $sidebar-c-slideout-start: map-deep-merge(
497
+ (
498
+ '.sidebar-light': (
499
+ box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1),
500
+ ),
501
+ ),
502
+ $sidebar-c-slideout-start
503
+ );
504
+
505
+ $sidebar-c-slideout-end: ();
506
+
507
+ $sidebar-palette: ();
508
+ $sidebar-palette: map-deep-merge(
509
+ (
510
+ sidebar-sm: $sidebar-sm,
511
+
512
+ sidebar-light: $sidebar-light,
513
+
514
+ sidebar-dark: $sidebar-dark,
515
+
516
+ sidebar-dark-l2: (
517
+ background-color: $dark-l2,
518
+ color: $white,
519
+
520
+ sidebar-header: (
521
+ component-title: (
522
+ color: inherit,
523
+ href: (
524
+ color: inherit,
525
+ ),
526
+ ),
527
+
528
+ component-subtitle: (
529
+ color: inherit,
530
+
531
+ href: (
532
+ color: inherit,
533
+ ),
534
+ ),
535
+ ),
536
+
537
+ close: (
538
+ color: $secondary-l1,
539
+
540
+ hover: (
541
+ color: $white,
542
+ ),
543
+ ),
544
+
545
+ nav-nested: (
546
+ nav-link: (
547
+ border-radius: $border-radius,
548
+ color: $secondary-l1,
549
+ transition: box-shadow 0.15s ease-in-out,
550
+
551
+ hover: (
552
+ color: $white,
553
+ ),
554
+
555
+ focus: (
556
+ box-shadow: $component-focus-box-shadow,
557
+ outline: 0,
558
+ ),
559
+
560
+ active: (
561
+ color: $white,
562
+ ),
563
+
564
+ disabled: (
565
+ box-shadow: none,
566
+ color: $secondary-l1,
567
+ opacity: 0.65,
568
+
569
+ active: (
570
+ pointer-events: none,
571
+ ),
572
+ ),
573
+ ),
574
+ ),
575
+ ),
576
+ ),
577
+ $sidebar-palette
578
+ );
579
+ }