@broxus/react-uikit 0.3.0 → 0.4.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 (477) hide show
  1. package/dist/cjs/components/Accordion/Accordion.d.ts +2 -2
  2. package/dist/cjs/components/Accordion/Accordion.js +6 -6
  3. package/dist/cjs/components/Accordion/Item.d.ts +2 -2
  4. package/dist/cjs/components/Accordion/Item.js +1 -1
  5. package/dist/cjs/components/Accordion/index.d.ts +1 -1
  6. package/dist/cjs/components/Accordion/index.scss +12 -5
  7. package/dist/cjs/components/Alert/index.d.ts +1 -1
  8. package/dist/cjs/components/Alert/index.js +3 -3
  9. package/dist/cjs/components/Align/Align.d.ts +1 -1
  10. package/dist/cjs/components/Align/Align.js +5 -5
  11. package/dist/cjs/components/Align/Left.d.ts +1 -1
  12. package/dist/cjs/components/Align/Right.d.ts +1 -1
  13. package/dist/cjs/components/Article/Article.d.ts +1 -1
  14. package/dist/cjs/components/Article/Article.js +3 -3
  15. package/dist/cjs/components/Article/Meta.d.ts +1 -1
  16. package/dist/cjs/components/Article/Meta.js +3 -3
  17. package/dist/cjs/components/Article/Title.d.ts +1 -1
  18. package/dist/cjs/components/Article/Title.js +3 -3
  19. package/dist/cjs/components/Badge/index.d.ts +1 -1
  20. package/dist/cjs/components/Badge/index.js +3 -3
  21. package/dist/cjs/components/Breadcrumb/Breadcrumb.d.ts +1 -1
  22. package/dist/cjs/components/Breadcrumb/Breadcrumb.js +3 -3
  23. package/dist/cjs/components/Breadcrumb/Item.d.ts +1 -1
  24. package/dist/cjs/components/Breadcrumb/Item.js +3 -3
  25. package/dist/cjs/components/Button/Button.d.ts +4 -2
  26. package/dist/cjs/components/Button/Button.js +7 -5
  27. package/dist/cjs/components/Button/Group.d.ts +1 -1
  28. package/dist/cjs/components/Button/Group.js +3 -3
  29. package/dist/cjs/components/Card/Badge.d.ts +1 -1
  30. package/dist/cjs/components/Card/Badge.js +4 -4
  31. package/dist/cjs/components/Card/Body.d.ts +5 -3
  32. package/dist/cjs/components/Card/Body.js +7 -5
  33. package/dist/cjs/components/Card/Card.d.ts +4 -4
  34. package/dist/cjs/components/Card/Card.js +4 -4
  35. package/dist/cjs/components/Card/Footer.d.ts +1 -1
  36. package/dist/cjs/components/Card/Footer.js +5 -5
  37. package/dist/cjs/components/Card/Header.d.ts +1 -1
  38. package/dist/cjs/components/Card/Header.js +5 -5
  39. package/dist/cjs/components/Card/Media.d.ts +5 -3
  40. package/dist/cjs/components/Card/Media.js +7 -5
  41. package/dist/cjs/components/Card/Title.d.ts +1 -1
  42. package/dist/cjs/components/Card/Title.js +5 -5
  43. package/dist/cjs/components/Close/index.d.ts +2 -1
  44. package/dist/cjs/components/Close/index.js +4 -3
  45. package/dist/cjs/components/ComponentProvider/index.js +2 -2
  46. package/dist/cjs/components/{ConfrigProvider → ConfigProvider}/index.js +10 -10
  47. package/dist/cjs/components/Container/index.d.ts +2 -1
  48. package/dist/cjs/components/Container/index.js +5 -4
  49. package/dist/cjs/components/Container/index.scss +1 -1
  50. package/dist/cjs/components/Control/Checkbox/Checkbox.js +3 -3
  51. package/dist/cjs/components/Control/Checkbox/Group.js +3 -3
  52. package/dist/cjs/components/Control/Checkbox/index.scss +4 -0
  53. package/dist/cjs/components/Control/Input/Input.js +4 -4
  54. package/dist/cjs/components/Control/Input/Number/index.js +3 -3
  55. package/dist/cjs/components/Control/Input/Password/index.js +3 -3
  56. package/dist/cjs/components/Control/Input/Password/index.scss +19 -16
  57. package/dist/cjs/components/Control/Input/types.d.ts +2 -2
  58. package/dist/cjs/components/Control/Input/useInput.d.ts +1 -1
  59. package/dist/cjs/components/Control/Input/useInput.js +8 -7
  60. package/dist/cjs/components/Control/Radio/Group.js +3 -3
  61. package/dist/cjs/components/Control/Radio/Radio.js +3 -3
  62. package/dist/cjs/components/Control/Select/index.d.ts +1 -1
  63. package/dist/cjs/components/Control/Select/index.js +3 -3
  64. package/dist/cjs/components/Control/TextArea/index.d.ts +1 -1
  65. package/dist/cjs/components/Control/TextArea/index.js +6 -6
  66. package/dist/cjs/components/Control/TextArea/index.scss +6 -6
  67. package/dist/cjs/components/Control/index.scss +5 -20
  68. package/dist/cjs/components/Control/types.d.ts +2 -4
  69. package/dist/cjs/components/Cover/index.d.ts +1 -1
  70. package/dist/cjs/components/Cover/index.js +5 -4
  71. package/dist/cjs/components/DescriptionList/Description.d.ts +1 -1
  72. package/dist/cjs/components/DescriptionList/DescriptionList.d.ts +1 -1
  73. package/dist/cjs/components/DescriptionList/DescriptionList.js +3 -3
  74. package/dist/cjs/components/DescriptionList/Term.d.ts +1 -1
  75. package/dist/cjs/components/Divider/index.d.ts +1 -1
  76. package/dist/cjs/components/Divider/index.js +3 -3
  77. package/dist/cjs/components/Dotnav/Dotnav.d.ts +1 -1
  78. package/dist/cjs/components/Dotnav/Dotnav.js +3 -3
  79. package/dist/cjs/components/Dotnav/Item.d.ts +1 -1
  80. package/dist/cjs/components/Dotnav/Item.js +3 -3
  81. package/dist/cjs/components/Drawer/index.d.ts +6 -8
  82. package/dist/cjs/components/Drawer/index.js +85 -36
  83. package/dist/cjs/components/Drawer/index.scss +389 -127
  84. package/dist/cjs/components/Drop/index.d.ts +11 -11
  85. package/dist/cjs/components/Drop/index.js +12 -12
  86. package/dist/cjs/components/Drop/index.scss +22 -0
  87. package/dist/cjs/components/Dropdown/index.js +2 -2
  88. package/dist/cjs/components/Flex/Flex.d.ts +22 -0
  89. package/dist/cjs/components/Flex/Flex.js +53 -0
  90. package/dist/cjs/components/Flex/Item.d.ts +13 -0
  91. package/dist/cjs/components/Flex/Item.js +47 -0
  92. package/dist/cjs/components/Flex/index.d.ts +7 -23
  93. package/dist/cjs/components/Flex/index.js +4 -46
  94. package/dist/cjs/components/Form/Controls.d.ts +1 -1
  95. package/dist/cjs/components/Form/Controls.js +3 -3
  96. package/dist/cjs/components/Form/ControlsText.d.ts +1 -1
  97. package/dist/cjs/components/Form/ControlsText.js +3 -3
  98. package/dist/cjs/components/Form/Fieldset.d.ts +1 -1
  99. package/dist/cjs/components/Form/Fieldset.js +3 -3
  100. package/dist/cjs/components/Form/Form.d.ts +1 -1
  101. package/dist/cjs/components/Form/Form.js +3 -3
  102. package/dist/cjs/components/Form/Label.d.ts +1 -1
  103. package/dist/cjs/components/Form/Label.js +3 -3
  104. package/dist/cjs/components/Form/Legend.d.ts +1 -1
  105. package/dist/cjs/components/Form/Legend.js +3 -3
  106. package/dist/cjs/components/Grid/index.d.ts +1 -1
  107. package/dist/cjs/components/Grid/index.js +3 -3
  108. package/dist/cjs/components/Heading/index.d.ts +1 -1
  109. package/dist/cjs/components/Heading/index.js +3 -3
  110. package/dist/cjs/components/Icon/Button.d.ts +1 -1
  111. package/dist/cjs/components/Icon/Icon.d.ts +1 -1
  112. package/dist/cjs/components/Icon/Icon.js +3 -3
  113. package/dist/cjs/components/Icon/Link.d.ts +1 -1
  114. package/dist/cjs/components/Iconnav/Iconnav.d.ts +1 -1
  115. package/dist/cjs/components/Iconnav/Iconnav.js +3 -3
  116. package/dist/cjs/components/Iconnav/Item.d.ts +1 -1
  117. package/dist/cjs/components/Iconnav/Item.js +3 -3
  118. package/dist/cjs/components/Label/index.d.ts +1 -1
  119. package/dist/cjs/components/Label/index.js +3 -3
  120. package/dist/cjs/components/Link/index.js +3 -3
  121. package/dist/cjs/components/List/Item.d.ts +1 -1
  122. package/dist/cjs/components/List/List.d.ts +1 -1
  123. package/dist/cjs/components/List/List.js +3 -3
  124. package/dist/cjs/components/List/index.d.ts +1 -1
  125. package/dist/cjs/components/List/index.js +1 -1
  126. package/dist/cjs/components/Modal/Modal.d.ts +2 -2
  127. package/dist/cjs/components/Modal/Modal.js +3 -3
  128. package/dist/cjs/components/Modal/index.scss +1 -1
  129. package/dist/cjs/components/Nav/Divider.d.ts +1 -1
  130. package/dist/cjs/components/Nav/Divider.js +1 -1
  131. package/dist/cjs/components/Nav/Group/InternalNavItemGroup.d.ts +1 -1
  132. package/dist/cjs/components/Nav/Group/InternalNavItemGroup.js +2 -2
  133. package/dist/cjs/components/Nav/Group/index.d.ts +1 -1
  134. package/dist/cjs/components/Nav/Group/index.js +1 -1
  135. package/dist/cjs/components/Nav/Header.d.ts +1 -1
  136. package/dist/cjs/components/Nav/Header.js +1 -1
  137. package/dist/cjs/components/Nav/Item/InternalNavItem.d.ts +1 -1
  138. package/dist/cjs/components/Nav/Item/InternalNavItem.js +3 -3
  139. package/dist/cjs/components/Nav/Item/LegacyNavItem.js +1 -1
  140. package/dist/cjs/components/Nav/Item/index.d.ts +1 -1
  141. package/dist/cjs/components/Nav/Item/index.js +1 -1
  142. package/dist/cjs/components/Nav/Nav.d.ts +1 -1
  143. package/dist/cjs/components/Nav/Nav.js +5 -5
  144. package/dist/cjs/components/Nav/Sub/InlineSubNavList.js +1 -1
  145. package/dist/cjs/components/Nav/Sub/PopupTrigger.d.ts +1 -1
  146. package/dist/cjs/components/Nav/Sub/PopupTrigger.js +3 -3
  147. package/dist/cjs/components/Nav/Sub/SubNavList.js +1 -1
  148. package/dist/cjs/components/Nav/Sub/index.d.ts +1 -1
  149. package/dist/cjs/components/Nav/Sub/index.js +1 -1
  150. package/dist/cjs/components/Nav/context/NavContext.d.ts +1 -1
  151. package/dist/cjs/components/Nav/context/NavContext.js +5 -5
  152. package/dist/cjs/components/Nav/hooks/useAccessibility.js +1 -1
  153. package/dist/cjs/components/Nav/hooks/useKeyRecords.js +1 -1
  154. package/dist/cjs/components/Nav/hooks/useUUID.js +1 -1
  155. package/dist/cjs/components/Nav/index.scss +1 -4
  156. package/dist/cjs/components/Nav/utils/nodeUtil.js +1 -1
  157. package/dist/cjs/components/Navbar/Center.d.ts +1 -1
  158. package/dist/cjs/components/Navbar/Center.js +3 -3
  159. package/dist/cjs/components/Navbar/Container.d.ts +1 -1
  160. package/dist/cjs/components/Navbar/Container.js +3 -3
  161. package/dist/cjs/components/Navbar/Item.d.ts +1 -1
  162. package/dist/cjs/components/Navbar/Item.js +3 -3
  163. package/dist/cjs/components/Navbar/Left.d.ts +1 -1
  164. package/dist/cjs/components/Navbar/Left.js +3 -3
  165. package/dist/cjs/components/Navbar/Nav.d.ts +1 -1
  166. package/dist/cjs/components/Navbar/Nav.js +3 -3
  167. package/dist/cjs/components/Navbar/Navbar.d.ts +1 -1
  168. package/dist/cjs/components/Navbar/Navbar.js +3 -3
  169. package/dist/cjs/components/Navbar/Right.d.ts +1 -1
  170. package/dist/cjs/components/Navbar/Right.js +3 -3
  171. package/dist/cjs/components/Navbar/Toggle.d.ts +1 -1
  172. package/dist/cjs/components/Navbar/Toggle.js +3 -3
  173. package/dist/cjs/components/Navbar/index.d.ts +1 -1
  174. package/dist/cjs/components/Navbar/index.js +1 -1
  175. package/dist/cjs/components/Progress/index.d.ts +1 -1
  176. package/dist/cjs/components/Progress/index.js +3 -3
  177. package/dist/cjs/components/Progress/index.scss +0 -4
  178. package/dist/cjs/components/Section/index.d.ts +2 -2
  179. package/dist/cjs/components/Section/index.js +5 -5
  180. package/dist/cjs/components/Spinner/index.d.ts +1 -1
  181. package/dist/cjs/components/Spinner/index.js +6 -6
  182. package/dist/cjs/components/Spinner/index.scss +5 -8
  183. package/dist/cjs/components/Switch/index.d.ts +27 -0
  184. package/dist/cjs/components/Switch/index.js +48 -0
  185. package/dist/cjs/components/Switch/index.scss +216 -0
  186. package/dist/cjs/components/Tabs/hooks/index.d.ts +2 -0
  187. package/dist/cjs/components/Tabs/hooks/index.js +18 -0
  188. package/dist/cjs/components/Tabs/hooks/useAnimateConfig.d.ts +3 -0
  189. package/dist/cjs/components/Tabs/hooks/useAnimateConfig.js +41 -0
  190. package/dist/cjs/components/Tabs/hooks/useLegacyItems.d.ts +4 -0
  191. package/dist/cjs/components/Tabs/hooks/useLegacyItems.js +55 -0
  192. package/dist/cjs/components/Tabs/index.d.ts +5 -4
  193. package/dist/cjs/components/Tabs/index.js +7 -5
  194. package/dist/cjs/components/Tabs/index.scss +53 -9
  195. package/dist/cjs/components/Text/index.d.ts +1 -1
  196. package/dist/cjs/components/Text/index.js +3 -3
  197. package/dist/cjs/components/Tile/index.d.ts +1 -1
  198. package/dist/cjs/components/Tile/index.js +3 -3
  199. package/dist/cjs/components/Tile/index.scss +5 -0
  200. package/dist/cjs/components/Width/Width.d.ts +1 -1
  201. package/dist/cjs/components/Width/Width.js +3 -3
  202. package/dist/cjs/components/Width/types.d.ts +1 -2
  203. package/dist/cjs/components/Width/utils.d.ts +3 -5
  204. package/dist/cjs/components/Width/utils.js +3 -1
  205. package/dist/cjs/index.d.ts +2 -1
  206. package/dist/cjs/index.js +2 -1
  207. package/dist/cjs/styles/_import.components.scss +40 -35
  208. package/dist/cjs/styles/_import.scss +2 -1
  209. package/dist/cjs/styles/animation.scss +49 -33
  210. package/dist/cjs/styles/column.scss +1 -1
  211. package/dist/cjs/styles/leader.scss +0 -17
  212. package/dist/cjs/styles/marker.scss +1 -30
  213. package/dist/cjs/styles/mixins.scss +687 -298
  214. package/dist/cjs/styles/motion.scss +116 -182
  215. package/dist/cjs/styles/overlay.scss +2 -8
  216. package/dist/cjs/styles/pagination.scss +4 -51
  217. package/dist/cjs/styles/placeholder.scss +0 -3
  218. package/dist/cjs/styles/print.scss +0 -5
  219. package/dist/cjs/styles/search.scss +1 -103
  220. package/dist/cjs/styles/sticky.scss +3 -3
  221. package/dist/cjs/styles/subnav.scss +34 -141
  222. package/dist/cjs/styles/switch.scss +1 -0
  223. package/dist/cjs/styles/switcher.scss +0 -2
  224. package/dist/cjs/styles/table.scss +82 -131
  225. package/dist/cjs/styles/thumbnav.scss +15 -42
  226. package/dist/cjs/styles/tooltip.scss +3 -10
  227. package/dist/cjs/styles/totop.scss +23 -11
  228. package/dist/cjs/styles/variables.scss +1342 -1327
  229. package/dist/cjs/tsconfig.cjs.tsbuildinfo +1 -1
  230. package/dist/cjs/utils/get-breakpoints-config-classes.d.ts +1 -1
  231. package/dist/cjs/utils/get-breakpoints-config-classes.js +2 -2
  232. package/dist/cjs/utils/modal.d.ts +3 -2
  233. package/dist/cjs/utils/modal.js +8 -4
  234. package/dist/cjs/utils/motion.d.ts +1 -0
  235. package/dist/cjs/utils/motion.js +42 -1
  236. package/dist/esm/components/Accordion/Accordion.d.ts +2 -2
  237. package/dist/esm/components/Accordion/Accordion.js +5 -5
  238. package/dist/esm/components/Accordion/Item.d.ts +2 -2
  239. package/dist/esm/components/Accordion/Item.js +1 -1
  240. package/dist/esm/components/Accordion/index.d.ts +1 -1
  241. package/dist/esm/components/Accordion/index.scss +12 -5
  242. package/dist/esm/components/Alert/index.d.ts +1 -1
  243. package/dist/esm/components/Alert/index.js +2 -2
  244. package/dist/esm/components/Align/Align.d.ts +1 -1
  245. package/dist/esm/components/Align/Align.js +4 -4
  246. package/dist/esm/components/Align/Left.d.ts +1 -1
  247. package/dist/esm/components/Align/Right.d.ts +1 -1
  248. package/dist/esm/components/Article/Article.d.ts +1 -1
  249. package/dist/esm/components/Article/Article.js +2 -2
  250. package/dist/esm/components/Article/Meta.d.ts +1 -1
  251. package/dist/esm/components/Article/Meta.js +2 -2
  252. package/dist/esm/components/Article/Title.d.ts +1 -1
  253. package/dist/esm/components/Article/Title.js +2 -2
  254. package/dist/esm/components/Badge/index.d.ts +1 -1
  255. package/dist/esm/components/Badge/index.js +2 -2
  256. package/dist/esm/components/Breadcrumb/Breadcrumb.d.ts +1 -1
  257. package/dist/esm/components/Breadcrumb/Breadcrumb.js +2 -2
  258. package/dist/esm/components/Breadcrumb/Item.d.ts +1 -1
  259. package/dist/esm/components/Breadcrumb/Item.js +2 -2
  260. package/dist/esm/components/Button/Button.d.ts +4 -2
  261. package/dist/esm/components/Button/Button.js +6 -4
  262. package/dist/esm/components/Button/Group.d.ts +1 -1
  263. package/dist/esm/components/Button/Group.js +2 -2
  264. package/dist/esm/components/Card/Badge.d.ts +1 -1
  265. package/dist/esm/components/Card/Badge.js +3 -3
  266. package/dist/esm/components/Card/Body.d.ts +5 -3
  267. package/dist/esm/components/Card/Body.js +6 -4
  268. package/dist/esm/components/Card/Card.d.ts +4 -4
  269. package/dist/esm/components/Card/Card.js +3 -3
  270. package/dist/esm/components/Card/Footer.d.ts +1 -1
  271. package/dist/esm/components/Card/Footer.js +4 -4
  272. package/dist/esm/components/Card/Header.d.ts +1 -1
  273. package/dist/esm/components/Card/Header.js +4 -4
  274. package/dist/esm/components/Card/Media.d.ts +5 -3
  275. package/dist/esm/components/Card/Media.js +6 -4
  276. package/dist/esm/components/Card/Title.d.ts +1 -1
  277. package/dist/esm/components/Card/Title.js +4 -4
  278. package/dist/esm/components/Close/index.d.ts +2 -1
  279. package/dist/esm/components/Close/index.js +3 -2
  280. package/dist/esm/components/ComponentProvider/index.js +1 -1
  281. package/dist/esm/components/{ConfrigProvider → ConfigProvider}/index.js +10 -10
  282. package/dist/esm/components/Container/index.d.ts +2 -1
  283. package/dist/esm/components/Container/index.js +4 -3
  284. package/dist/esm/components/Container/index.scss +1 -1
  285. package/dist/esm/components/Control/Checkbox/Checkbox.js +2 -2
  286. package/dist/esm/components/Control/Checkbox/Group.js +2 -2
  287. package/dist/esm/components/Control/Checkbox/index.scss +4 -0
  288. package/dist/esm/components/Control/Input/Input.js +3 -3
  289. package/dist/esm/components/Control/Input/Number/index.js +2 -2
  290. package/dist/esm/components/Control/Input/Password/index.js +2 -2
  291. package/dist/esm/components/Control/Input/Password/index.scss +19 -16
  292. package/dist/esm/components/Control/Input/types.d.ts +2 -2
  293. package/dist/esm/components/Control/Input/useInput.d.ts +1 -1
  294. package/dist/esm/components/Control/Input/useInput.js +7 -6
  295. package/dist/esm/components/Control/Radio/Group.js +2 -2
  296. package/dist/esm/components/Control/Radio/Radio.js +2 -2
  297. package/dist/esm/components/Control/Select/index.d.ts +1 -1
  298. package/dist/esm/components/Control/Select/index.js +2 -2
  299. package/dist/esm/components/Control/TextArea/index.d.ts +1 -1
  300. package/dist/esm/components/Control/TextArea/index.js +5 -5
  301. package/dist/esm/components/Control/TextArea/index.scss +6 -6
  302. package/dist/esm/components/Control/index.scss +5 -20
  303. package/dist/esm/components/Control/types.d.ts +2 -4
  304. package/dist/esm/components/Cover/index.d.ts +1 -1
  305. package/dist/esm/components/Cover/index.js +5 -4
  306. package/dist/esm/components/DescriptionList/Description.d.ts +1 -1
  307. package/dist/esm/components/DescriptionList/DescriptionList.d.ts +1 -1
  308. package/dist/esm/components/DescriptionList/DescriptionList.js +2 -2
  309. package/dist/esm/components/DescriptionList/Term.d.ts +1 -1
  310. package/dist/esm/components/Divider/index.d.ts +1 -1
  311. package/dist/esm/components/Divider/index.js +2 -2
  312. package/dist/esm/components/Dotnav/Dotnav.d.ts +1 -1
  313. package/dist/esm/components/Dotnav/Dotnav.js +2 -2
  314. package/dist/esm/components/Dotnav/Item.d.ts +1 -1
  315. package/dist/esm/components/Dotnav/Item.js +2 -2
  316. package/dist/esm/components/Drawer/index.d.ts +6 -8
  317. package/dist/esm/components/Drawer/index.js +84 -35
  318. package/dist/esm/components/Drawer/index.scss +389 -127
  319. package/dist/esm/components/Drop/index.d.ts +11 -11
  320. package/dist/esm/components/Drop/index.js +12 -12
  321. package/dist/esm/components/Drop/index.scss +22 -0
  322. package/dist/esm/components/Dropdown/index.js +1 -1
  323. package/dist/esm/components/Flex/Flex.d.ts +22 -0
  324. package/dist/esm/components/Flex/Flex.js +24 -0
  325. package/dist/esm/components/Flex/Item.d.ts +13 -0
  326. package/dist/esm/components/Flex/Item.js +18 -0
  327. package/dist/esm/components/Flex/index.d.ts +7 -23
  328. package/dist/esm/components/Flex/index.js +4 -20
  329. package/dist/esm/components/Form/Controls.d.ts +1 -1
  330. package/dist/esm/components/Form/Controls.js +2 -2
  331. package/dist/esm/components/Form/ControlsText.d.ts +1 -1
  332. package/dist/esm/components/Form/ControlsText.js +2 -2
  333. package/dist/esm/components/Form/Fieldset.d.ts +1 -1
  334. package/dist/esm/components/Form/Fieldset.js +2 -2
  335. package/dist/esm/components/Form/Form.d.ts +1 -1
  336. package/dist/esm/components/Form/Form.js +2 -2
  337. package/dist/esm/components/Form/Label.d.ts +1 -1
  338. package/dist/esm/components/Form/Label.js +2 -2
  339. package/dist/esm/components/Form/Legend.d.ts +1 -1
  340. package/dist/esm/components/Form/Legend.js +2 -2
  341. package/dist/esm/components/Grid/index.d.ts +1 -1
  342. package/dist/esm/components/Grid/index.js +2 -2
  343. package/dist/esm/components/Heading/index.d.ts +1 -1
  344. package/dist/esm/components/Heading/index.js +2 -2
  345. package/dist/esm/components/Icon/Button.d.ts +1 -1
  346. package/dist/esm/components/Icon/Icon.d.ts +1 -1
  347. package/dist/esm/components/Icon/Icon.js +2 -2
  348. package/dist/esm/components/Icon/Link.d.ts +1 -1
  349. package/dist/esm/components/Iconnav/Iconnav.d.ts +1 -1
  350. package/dist/esm/components/Iconnav/Iconnav.js +2 -2
  351. package/dist/esm/components/Iconnav/Item.d.ts +1 -1
  352. package/dist/esm/components/Iconnav/Item.js +2 -2
  353. package/dist/esm/components/Label/index.d.ts +1 -1
  354. package/dist/esm/components/Label/index.js +2 -2
  355. package/dist/esm/components/Link/index.js +2 -2
  356. package/dist/esm/components/List/Item.d.ts +1 -1
  357. package/dist/esm/components/List/List.d.ts +1 -1
  358. package/dist/esm/components/List/List.js +2 -2
  359. package/dist/esm/components/List/index.d.ts +1 -1
  360. package/dist/esm/components/List/index.js +1 -1
  361. package/dist/esm/components/Modal/Modal.d.ts +2 -2
  362. package/dist/esm/components/Modal/Modal.js +2 -2
  363. package/dist/esm/components/Modal/index.scss +1 -1
  364. package/dist/esm/components/Nav/Divider.d.ts +1 -1
  365. package/dist/esm/components/Nav/Divider.js +1 -1
  366. package/dist/esm/components/Nav/Group/InternalNavItemGroup.d.ts +1 -1
  367. package/dist/esm/components/Nav/Group/InternalNavItemGroup.js +2 -2
  368. package/dist/esm/components/Nav/Group/index.d.ts +1 -1
  369. package/dist/esm/components/Nav/Group/index.js +1 -1
  370. package/dist/esm/components/Nav/Header.d.ts +1 -1
  371. package/dist/esm/components/Nav/Header.js +1 -1
  372. package/dist/esm/components/Nav/Item/InternalNavItem.d.ts +1 -1
  373. package/dist/esm/components/Nav/Item/InternalNavItem.js +2 -2
  374. package/dist/esm/components/Nav/Item/LegacyNavItem.js +1 -1
  375. package/dist/esm/components/Nav/Item/index.d.ts +1 -1
  376. package/dist/esm/components/Nav/Item/index.js +1 -1
  377. package/dist/esm/components/Nav/Nav.d.ts +1 -1
  378. package/dist/esm/components/Nav/Nav.js +5 -5
  379. package/dist/esm/components/Nav/Sub/InlineSubNavList.js +1 -1
  380. package/dist/esm/components/Nav/Sub/PopupTrigger.d.ts +1 -1
  381. package/dist/esm/components/Nav/Sub/PopupTrigger.js +2 -2
  382. package/dist/esm/components/Nav/Sub/SubNavList.js +1 -1
  383. package/dist/esm/components/Nav/Sub/index.d.ts +1 -1
  384. package/dist/esm/components/Nav/Sub/index.js +1 -1
  385. package/dist/esm/components/Nav/context/NavContext.d.ts +1 -1
  386. package/dist/esm/components/Nav/context/NavContext.js +4 -4
  387. package/dist/esm/components/Nav/hooks/useAccessibility.js +1 -1
  388. package/dist/esm/components/Nav/hooks/useKeyRecords.js +1 -1
  389. package/dist/esm/components/Nav/hooks/useUUID.js +1 -1
  390. package/dist/esm/components/Nav/index.scss +1 -4
  391. package/dist/esm/components/Nav/utils/nodeUtil.js +1 -1
  392. package/dist/esm/components/Navbar/Center.d.ts +1 -1
  393. package/dist/esm/components/Navbar/Center.js +2 -2
  394. package/dist/esm/components/Navbar/Container.d.ts +1 -1
  395. package/dist/esm/components/Navbar/Container.js +2 -2
  396. package/dist/esm/components/Navbar/Item.d.ts +1 -1
  397. package/dist/esm/components/Navbar/Item.js +2 -2
  398. package/dist/esm/components/Navbar/Left.d.ts +1 -1
  399. package/dist/esm/components/Navbar/Left.js +2 -2
  400. package/dist/esm/components/Navbar/Nav.d.ts +1 -1
  401. package/dist/esm/components/Navbar/Nav.js +2 -2
  402. package/dist/esm/components/Navbar/Navbar.d.ts +1 -1
  403. package/dist/esm/components/Navbar/Navbar.js +2 -2
  404. package/dist/esm/components/Navbar/Right.d.ts +1 -1
  405. package/dist/esm/components/Navbar/Right.js +2 -2
  406. package/dist/esm/components/Navbar/Toggle.d.ts +1 -1
  407. package/dist/esm/components/Navbar/Toggle.js +2 -2
  408. package/dist/esm/components/Navbar/index.d.ts +1 -1
  409. package/dist/esm/components/Navbar/index.js +1 -1
  410. package/dist/esm/components/Progress/index.d.ts +1 -1
  411. package/dist/esm/components/Progress/index.js +2 -2
  412. package/dist/esm/components/Progress/index.scss +0 -4
  413. package/dist/esm/components/Section/index.d.ts +2 -2
  414. package/dist/esm/components/Section/index.js +4 -4
  415. package/dist/esm/components/Spinner/index.d.ts +1 -1
  416. package/dist/esm/components/Spinner/index.js +5 -5
  417. package/dist/esm/components/Spinner/index.scss +5 -8
  418. package/dist/esm/components/Switch/index.d.ts +27 -0
  419. package/dist/esm/components/Switch/index.js +19 -0
  420. package/dist/esm/components/Switch/index.scss +216 -0
  421. package/dist/esm/components/Tabs/hooks/index.d.ts +2 -0
  422. package/dist/esm/components/Tabs/hooks/index.js +2 -0
  423. package/dist/esm/components/Tabs/hooks/useAnimateConfig.d.ts +3 -0
  424. package/dist/esm/components/Tabs/hooks/useAnimateConfig.js +37 -0
  425. package/dist/esm/components/Tabs/hooks/useLegacyItems.d.ts +4 -0
  426. package/dist/esm/components/Tabs/hooks/useLegacyItems.js +26 -0
  427. package/dist/esm/components/Tabs/index.d.ts +5 -4
  428. package/dist/esm/components/Tabs/index.js +6 -4
  429. package/dist/esm/components/Tabs/index.scss +53 -9
  430. package/dist/esm/components/Text/index.d.ts +1 -1
  431. package/dist/esm/components/Text/index.js +2 -2
  432. package/dist/esm/components/Tile/index.d.ts +1 -1
  433. package/dist/esm/components/Tile/index.js +2 -2
  434. package/dist/esm/components/Tile/index.scss +5 -0
  435. package/dist/esm/components/Width/Width.d.ts +1 -1
  436. package/dist/esm/components/Width/Width.js +2 -2
  437. package/dist/esm/components/Width/types.d.ts +1 -2
  438. package/dist/esm/components/Width/utils.d.ts +3 -5
  439. package/dist/esm/components/Width/utils.js +3 -1
  440. package/dist/esm/index.d.ts +2 -1
  441. package/dist/esm/index.js +2 -1
  442. package/dist/esm/styles/_import.components.scss +40 -35
  443. package/dist/esm/styles/_import.scss +2 -1
  444. package/dist/esm/styles/animation.scss +49 -33
  445. package/dist/esm/styles/column.scss +1 -1
  446. package/dist/esm/styles/leader.scss +0 -17
  447. package/dist/esm/styles/marker.scss +1 -30
  448. package/dist/esm/styles/mixins.scss +687 -298
  449. package/dist/esm/styles/motion.scss +116 -182
  450. package/dist/esm/styles/overlay.scss +2 -8
  451. package/dist/esm/styles/pagination.scss +4 -51
  452. package/dist/esm/styles/placeholder.scss +0 -3
  453. package/dist/esm/styles/print.scss +0 -5
  454. package/dist/esm/styles/search.scss +1 -103
  455. package/dist/esm/styles/sticky.scss +3 -3
  456. package/dist/esm/styles/subnav.scss +34 -141
  457. package/dist/esm/styles/switch.scss +1 -0
  458. package/dist/esm/styles/switcher.scss +0 -2
  459. package/dist/esm/styles/table.scss +82 -131
  460. package/dist/esm/styles/thumbnav.scss +15 -42
  461. package/dist/esm/styles/tooltip.scss +3 -10
  462. package/dist/esm/styles/totop.scss +23 -11
  463. package/dist/esm/styles/variables.scss +1342 -1327
  464. package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
  465. package/dist/esm/utils/get-breakpoints-config-classes.d.ts +1 -1
  466. package/dist/esm/utils/get-breakpoints-config-classes.js +2 -2
  467. package/dist/esm/utils/modal.d.ts +3 -2
  468. package/dist/esm/utils/modal.js +5 -4
  469. package/dist/esm/utils/motion.d.ts +1 -0
  470. package/dist/esm/utils/motion.js +40 -0
  471. package/package.json +11 -10
  472. package/dist/cjs/styles/slidenav.scss +0 -168
  473. package/dist/esm/styles/slidenav.scss +0 -168
  474. /package/dist/cjs/components/{ConfrigProvider → ConfigProvider}/index.d.ts +0 -0
  475. /package/dist/cjs/styles/{tab.scss → tabs.scss} +0 -0
  476. /package/dist/esm/components/{ConfrigProvider → ConfigProvider}/index.d.ts +0 -0
  477. /package/dist/esm/styles/{tab.scss → tabs.scss} +0 -0
package/dist/cjs/styles/variables.scss CHANGED
@@ -10,7 +10,7 @@
10
10
  // Load deprecated components
11
11
  // ========================================================================
12
12
 
13
- $deprecated: false !default;
13
+ $deprecated: false !default;
14
14
 
15
15
 
16
16
  // Breakpoints
@@ -22,16 +22,16 @@ $deprecated: false !default;
22
22
  // Tablet Landscape: iPad (1024x768), iPad Pro (1024x1366),
23
23
  // Desktop: Galaxy Tab (1280x800), iPad Pro (1366x1024)
24
24
 
25
- $breakpoint-xsmall: 480px !default; // Phone portrait
26
- $breakpoint-small: 640px !default; // Phone landscape
27
- $breakpoint-medium: 960px !default; // Tablet Landscape
28
- $breakpoint-large: 1200px !default; // Desktop
29
- $breakpoint-xlarge: 1600px !default; // Large Screens
25
+ $breakpoint-xsmall: 480px !default; // Phone portrait
26
+ $breakpoint-small: 640px !default; // Phone landscape
27
+ $breakpoint-medium: 960px !default; // Tablet Landscape
28
+ $breakpoint-large: 1200px !default; // Desktop
29
+ $breakpoint-xlarge: 1600px !default; // Large Screens
30
30
 
31
- $breakpoint-xsmall-max: ($breakpoint-small - 1) !default;
32
- $breakpoint-small-max: ($breakpoint-medium - 1) !default;
33
- $breakpoint-medium-max: ($breakpoint-large - 1) !default;
34
- $breakpoint-large-max: ($breakpoint-xlarge - 1) !default;
31
+ $breakpoint-xsmall-max: ($breakpoint-small - 1) !default;
32
+ $breakpoint-small-max: ($breakpoint-medium - 1) !default;
33
+ $breakpoint-medium-max: ($breakpoint-large - 1) !default;
34
+ $breakpoint-large-max: ($breakpoint-xlarge - 1) !default;
35
35
 
36
36
 
37
37
  // Global variables
@@ -41,1755 +41,1770 @@ $breakpoint-large-max: ($breakpoint-xlarge - 1) !defaul
41
41
  // Typography
42
42
  //
43
43
 
44
- $global-font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
45
- $global-font-size: 16px !default;
46
- $global-font-weight: 400 !default;
47
- $global-bold-font-weight: 600 !default;
48
- $global-line-height: 1.25 !default; // 24px
44
+ $global-font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
45
+ $global-font-size: 16px !default;
46
+ $global-font-weight: 400 !default;
47
+ $global-bold-font-weight: 600 !default;
48
+ $global-line-height: 1.25 !default; // 24px
49
49
 
50
- $global-2xlarge-font-size: 2.625rem !default; // 42px
51
- $global-xlarge-font-size: 2rem !default; // 32px
52
- $global-large-font-size: 1.5rem !default; // 24px
53
- $global-medium-font-size: 1.25rem !default; // 20px
54
- $global-small-font-size: 0.875rem !default; // 14px
55
- $global-xsmall-font-size: 0.75rem !default; // 12px
56
- $global-2xsmall-font-size: 0.6875rem !default; // 11px
50
+ $global-2xlarge-font-size: 2.625rem !default; // 42px
51
+ $global-xlarge-font-size: 2rem !default; // 32px
52
+ $global-large-font-size: 1.5rem !default; // 24px
53
+ $global-medium-font-size: 1.25rem !default; // 20px
54
+ $global-small-font-size: 0.875rem !default; // 14px
55
+ $global-xsmall-font-size: 0.75rem !default; // 12px
56
+ $global-2xsmall-font-size: 0.6875rem !default; // 11px
57
57
 
58
58
  //
59
59
  // Colors
60
60
  //
61
61
 
62
- $global-color: #666 !default;
63
- $global-emphasis-color: #333 !default;
64
- $global-muted-color: #999 !default;
65
- $global-link-color: #1e87f0 !default;
66
- $global-link-hover-color: #0f6ecd !default;
67
- $global-inverse-color: #fff !default;
62
+ $global-color: #666 !default;
63
+ $global-emphasis-color: #333 !default;
64
+ $global-muted-color: #999 !default;
65
+ $global-link-color: #1e87f0 !default;
66
+ $global-link-hover-color: #0f6ecd !default;
67
+ $global-inverse-color: #fff !default;
68
68
 
69
69
  //
70
70
  // Backgrounds
71
71
  //
72
72
 
73
- $global-background: #fff !default;
74
- $global-default-background: #e5e5e5 !default;
75
- $global-muted-background: #f8f8f8 !default;
76
- $global-primary-background: #1e87f0 !default;
77
- $global-secondary-background: #222 !default;
78
- $global-tertiary-background: #b8b8b8 !default;
79
- $global-success-background: #1cb57c !default;
80
- $global-warning-background: #ffbc60 !default;
81
- $global-danger-background: #f5604b !default;
73
+ $global-background: #fff !default;
74
+ $global-default-background: #e5e5e5 !default;
75
+ $global-muted-background: #f8f8f8 !default;
76
+ $global-primary-background: #1e87f0 !default;
77
+ $global-secondary-background: #222 !default;
78
+ $global-tertiary-background: #b8b8b8 !default;
79
+ $global-success-background: #1cb57c !default;
80
+ $global-warning-background: #ffbc60 !default;
81
+ $global-danger-background: #f5604b !default;
82
82
 
83
83
  //
84
84
  // Borders
85
85
  //
86
86
 
87
- $global-border-width: 1px !default;
88
- $global-border-style: solid !default;
89
- $global-border: darken($global-default-background, 3%) !default;
90
- $global-muted-border: $global-muted-background !default;
91
- $global-primary-border: $global-primary-background !default;
92
- $global-secondary-border: $global-secondary-background !default;
93
- $global-tertiary-border: $global-tertiary-background !default;
94
- $global-border-radius: 0 !default;
87
+ $global-border-width: 1px !default;
88
+ $global-border-style: solid !default;
89
+ $global-border: darken($global-default-background, 3%) !default;
90
+ $global-muted-border: $global-muted-background !default;
91
+ $global-primary-border: $global-primary-background !default;
92
+ $global-secondary-border: $global-secondary-background !default;
93
+ $global-tertiary-border: $global-tertiary-background !default;
94
+ $global-border-radius: 0 !default;
95
95
 
96
96
  //
97
97
  // Box-Shadows
98
98
  //
99
99
 
100
- $global-small-box-shadow: 0 2px 8px rgb(0 0 0 / 8%) !default;
101
- $global-medium-box-shadow: 0 5px 15px rgb(0 0 0 / 8%) !default;
102
- $global-large-box-shadow: 0 14px 25px rgb(0 0 0 / 16%) !default;
103
- $global-xlarge-box-shadow: 0 28px 50px rgb(0 0 0 / 16%) !default;
100
+ $global-small-box-shadow: 0 2px 8px rgb(0 0 0 / 8%) !default;
101
+ $global-medium-box-shadow: 0 5px 15px rgb(0 0 0 / 8%) !default;
102
+ $global-large-box-shadow: 0 14px 25px rgb(0 0 0 / 16%) !default;
103
+ $global-xlarge-box-shadow: 0 28px 50px rgb(0 0 0 / 16%) !default;
104
104
 
105
105
  //
106
106
  // Spacings
107
107
  //
108
108
 
109
109
  // Used in margin, section, list
110
- $global-margin: 20px !default;
111
- $global-xsmall-margin: 5px !default;
112
- $global-small-margin: 10px !default;
113
- $global-medium-margin: 40px !default;
114
- $global-large-margin: 70px !default;
115
- $global-xlarge-margin: 140px !default;
110
+ $global-margin: 20px !default;
111
+ $global-xsmall-margin: 5px !default;
112
+ $global-small-margin: 10px !default;
113
+ $global-medium-margin: 40px !default;
114
+ $global-large-margin: 70px !default;
115
+ $global-xlarge-margin: 140px !default;
116
116
 
117
117
  // Used in grid, column, container, align, card, padding
118
- $global-gutter: 30px !default;
119
- $global-xsmall-gutter: 5px !default;
120
- $global-small-gutter: 15px !default;
121
- $global-medium-gutter: 40px !default;
122
- $global-large-gutter: 70px !default;
123
- $global-xlarge-gutter: 100px !default;
118
+ $global-gutter: 30px !default;
119
+ $global-xsmall-gutter: 5px !default;
120
+ $global-small-gutter: 15px !default;
121
+ $global-medium-gutter: 40px !default;
122
+ $global-large-gutter: 70px !default;
123
+ $global-xlarge-gutter: 100px !default;
124
124
 
125
125
  //
126
126
  // Controls
127
127
  //
128
128
 
129
- $global-control-height: 40px !default;
130
- $global-control-xsmall-height: 20px !default;
131
- $global-control-small-height: 30px !default;
132
- $global-control-medium-height: 50px !default;
133
- $global-control-large-height: 60px !default;
134
- $global-control-xlarge-height: 70px !default;
129
+ $global-control-height: 40px !default;
130
+ $global-control-xsmall-height: 20px !default;
131
+ $global-control-small-height: 30px !default;
132
+ $global-control-medium-height: 50px !default;
133
+ $global-control-large-height: 60px !default;
134
+ $global-control-xlarge-height: 70px !default;
135
135
 
136
136
  //
137
137
  // Z-index
138
138
  //
139
139
 
140
- $global-z-index: 1000 !default;
140
+ $global-z-index: 1000 !default;
141
141
 
142
142
 
143
143
  // Inverse
144
144
  // ========================================================================
145
145
 
146
- $inverse-global-color-mode: light !default;
147
- $inverse-global-color: rgba($global-inverse-color, 70%) !default;
148
- $inverse-global-emphasis-color: $global-inverse-color !default;
149
- $inverse-global-muted-color: rgba($global-inverse-color, 50%) !default;
150
- $inverse-global-inverse-color: $global-color !default;
151
- $inverse-global-primary-background: $global-inverse-color !default;
152
- $inverse-global-muted-background: rgba($global-inverse-color, 10%) !default;
153
- $inverse-global-border: rgba($global-inverse-color, 20%) !default;
146
+ $inverse-global-color-mode: light !default;
147
+ $inverse-global-color: rgba($global-inverse-color, 70%) !default;
148
+ $inverse-global-emphasis-color: $global-inverse-color !default;
149
+ $inverse-global-muted-color: rgba($global-inverse-color, 50%) !default;
150
+ $inverse-global-inverse-color: $global-color !default;
151
+ $inverse-global-primary-background: $global-inverse-color !default;
152
+ $inverse-global-muted-background: rgba($global-inverse-color, 10%) !default;
153
+ $inverse-global-border: rgba($global-inverse-color, 20%) !default;
154
154
 
155
155
 
156
- // Accordion
156
+ // Animation
157
157
  // ========================================================================
158
158
 
159
- $accordion-item-margin-top: $global-margin !default;
160
- $accordion-title-font-size: $global-medium-font-size !default;
161
- $accordion-title-line-height: 1.4 !default;
162
- $accordion-title-color: $global-emphasis-color !default;
163
- $accordion-title-hover-color: $global-color !default;
164
- $accordion-header-extra-margin-left: $global-small-margin !default;
165
- $accordion-content-margin-top: $global-margin !default;
166
- $accordion-icon-open-image-path: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E' !default;
167
- $accordion-icon-close-image-path: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E' !default;
168
- $accordion-icon-margin-right: $global-small-margin !default;
169
- $accordion-icon-color: $global-color !default;
170
- $accordion-icon-size: 1.4rem !default;
159
+ $animation-duration: 0.5s !default;
160
+ $animation-fade-duration: 0.8s !default;
161
+ $animation-stroke-duration: 2s !default;
162
+ $animation-kenburns-duration: 15s !default;
163
+ $animation-fast-duration: 0.1s !default;
164
+ $animation-medium-fast-duration: 0.2s !default;
165
+ $animation-slide-small-translate: 10px !default;
166
+ $animation-slide-medium-translate: 50px !default;
167
+ $ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1) !default;
168
+ $ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7) !default;
169
+ $ease-out: cubic-bezier(0.215, 0.61, 0.355, 1) !default;
170
+ $ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19) !default;
171
+ $ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1) !default;
172
+ $ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46) !default;
173
+ $ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6) !default;
174
+ $ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46) !default;
175
+ $ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1) !default;
176
+ $ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34) !default;
177
+ $ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86) !default;
178
+ $ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1) !default;
179
+ $ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06) !default;
180
+ $ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1) !default;
171
181
 
172
- // Inverse
173
- $inverse-accordion-title-color: $inverse-global-emphasis-color !default;
174
- $inverse-accordion-title-hover-color: $inverse-global-color !default;
175
- $inverse-accordion-item-disabled-color: $inverse-global-emphasis-color !default;
176
182
 
183
+ // Transition
184
+ // ========================================================================
177
185
 
178
- // Alert
186
+ $transition-duration: 0.3s !default;
187
+ $transition-scale: 1.1 !default;
188
+ $transition-slide-small-translate: 10px !default;
189
+ $transition-slide-medium-translate: 50px !default;
190
+ $transition-fast-duration: 0.1s !default;
191
+ $transition-medium-fast-duration: 0.2s !default;
192
+ $transition-slow-duration: 0.7s !default;
193
+
194
+
195
+ // Accordion
179
196
  // ========================================================================
180
197
 
181
- $alert-border-radius: $global-border-radius !default;
182
- $alert-margin-vertical: $global-margin !default;
183
- $alert-padding: $global-small-gutter !default;
184
- $alert-padding-right: $alert-padding + 15px !default;
185
- $alert-background: $global-muted-background !default;
186
- $alert-color: $global-color !default;
187
- $alert-close-top: $alert-padding !default;
188
- $alert-close-right: $alert-padding !default;
189
- $alert-primary-background: lighten(mix(white, $global-primary-background, 40%), 20%) !default;
190
- $alert-primary-color: $global-primary-background !default;
191
- $alert-success-background: lighten(mix(white, $global-success-background, 40%), 25%) !default;
192
- $alert-success-color: $global-success-background !default;
193
- $alert-warning-background: lighten(mix(white, $global-warning-background, 45%), 15%) !default;
194
- $alert-warning-color: $global-warning-background !default;
195
- $alert-danger-background: lighten(mix(white, $global-danger-background, 40%), 20%) !default;
196
- $alert-danger-color: $global-danger-background !default;
198
+ $accordion-item-margin-top: $global-margin !default;
199
+ $accordion-title-font-size: $global-medium-font-size !default;
200
+ $accordion-title-line-height: 1.4 !default;
201
+ $accordion-title-color: $global-emphasis-color !default;
202
+ $accordion-title-hover-color: $global-color !default;
203
+ $accordion-header-extra-margin-left: $global-small-margin !default;
204
+ $accordion-content-margin-top: $global-margin !default;
205
+ $accordion-icon-margin-right: $global-small-margin !default;
206
+ $accordion-icon-color: $global-color !default;
207
+ $accordion-icon-size: 1.4rem !default;
208
+
209
+ // Inverse
210
+ $inverse-accordion-title-color: $inverse-global-emphasis-color !default;
211
+ $inverse-accordion-title-hover-color: $inverse-global-color !default;
212
+ $inverse-accordion-item-disabled-color: $inverse-global-emphasis-color !default;
197
213
 
198
214
 
199
- // Align
215
+ // Alert
200
216
  // ========================================================================
201
217
 
202
- $align-margin-horizontal: $global-gutter !default;
203
- $align-margin-vertical: $global-gutter !default;
204
- $align-margin-horizontal-l: $global-medium-gutter !default;
218
+ $alert-border-radius: $global-border-radius !default;
219
+ $alert-margin-vertical: $global-margin !default;
220
+ $alert-padding: $global-small-gutter !default;
221
+ $alert-padding-right: $alert-padding + 15px !default;
222
+ $alert-background: $global-muted-background !default;
223
+ $alert-color: $global-color !default;
224
+ $alert-close-top: $alert-padding !default;
225
+ $alert-close-right: $alert-padding !default;
226
+ $alert-primary-background: lighten(mix(white, $global-primary-background, 40%), 20%) !default;
227
+ $alert-primary-color: $global-primary-background !default;
228
+ $alert-success-background: lighten(mix(white, $global-success-background, 40%), 25%) !default;
229
+ $alert-success-color: $global-success-background !default;
230
+ $alert-warning-background: lighten(mix(white, $global-warning-background, 45%), 15%) !default;
231
+ $alert-warning-color: $global-warning-background !default;
232
+ $alert-danger-background: lighten(mix(white, $global-danger-background, 40%), 20%) !default;
233
+ $alert-danger-color: $global-danger-background !default;
205
234
 
206
235
 
207
- // Animation
236
+ // Align
208
237
  // ========================================================================
209
238
 
210
- $animation-duration: 0.5s !default;
211
- $animation-fade-duration: 0.8s !default;
212
- $animation-stroke-duration: 2s !default;
213
- $animation-kenburns-duration: 15s !default;
214
- $animation-fast-duration: 0.1s !default;
215
- $animation-medium-fast-duration: 0.2s !default;
216
- $animation-slide-small-translate: 10px !default;
217
- $animation-slide-medium-translate: 50px !default;
218
- $ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1) !default;
219
- $ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7) !default;
220
- $ease-out: cubic-bezier(0.215, 0.61, 0.355, 1) !default;
221
- $ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19) !default;
222
- $ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1) !default;
223
- $ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46) !default;
224
- $ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6) !default;
225
- $ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46) !default;
226
- $ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1) !default;
227
- $ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34) !default;
228
- $ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86) !default;
229
- $ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1) !default;
230
- $ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06) !default;
231
- $ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1) !default;
239
+ $align-margin-horizontal: $global-gutter !default;
240
+ $align-margin-vertical: $global-gutter !default;
241
+ $align-margin-horizontal-l: $global-medium-gutter !default;
232
242
 
233
243
 
234
244
  // Article
235
245
  // ========================================================================
236
246
 
237
- $article-margin-top: $global-large-margin !default;
238
- $article-title-font-size-m: $global-2xlarge-font-size !default;
239
- $article-title-font-size: $article-title-font-size-m * 0.85 !default;
240
- $article-title-line-height: 1.2 !default;
241
- $article-meta-font-size: $global-small-font-size !default;
242
- $article-meta-line-height: 1.4 !default;
243
- $article-meta-color: $global-muted-color !default;
244
- $article-meta-link-color: $article-meta-color !default;
245
- $article-meta-link-hover-color: $global-color !default;
247
+ $article-margin-top: $global-large-margin !default;
248
+ $article-title-font-size-m: $global-2xlarge-font-size !default;
249
+ $article-title-font-size: $article-title-font-size-m * 0.85 !default;
250
+ $article-title-line-height: 1.2 !default;
251
+ $article-meta-font-size: $global-small-font-size !default;
252
+ $article-meta-line-height: 1.4 !default;
253
+ $article-meta-color: $global-muted-color !default;
254
+ $article-meta-link-color: $article-meta-color !default;
255
+ $article-meta-link-hover-color: $global-color !default;
246
256
 
247
257
  // Inverse
248
- $inverse-article-meta-color: $inverse-global-muted-color !default;
258
+ $inverse-article-meta-color: $inverse-global-muted-color !default;
249
259
 
250
260
 
251
261
  // Background
252
262
  // ========================================================================
253
263
 
254
- $background-default-background: $global-background !default;
255
- $background-muted-background: $global-muted-background !default;
256
- $background-primary-background: $global-primary-background !default;
257
- $background-secondary-background: $global-secondary-background !default;
258
- $background-tertiary-background: $global-tertiary-background !default;
264
+ $background-default-background: $global-background !default;
265
+ $background-muted-background: $global-muted-background !default;
266
+ $background-primary-background: $global-primary-background !default;
267
+ $background-secondary-background: $global-secondary-background !default;
268
+ $background-tertiary-background: $global-tertiary-background !default;
259
269
 
260
270
 
261
271
  // Badge
262
272
  // ========================================================================
263
273
 
264
- $badge-size: 22px !default;
265
- $badge-padding-vertical: 0 !default;
266
- $badge-padding-horizontal: 5px !default;
267
- $badge-border-radius: 500px !default;
268
- $badge-background: $global-primary-background !default;
269
- $badge-color: $global-inverse-color !default;
270
- $badge-font-size: $global-small-font-size !default;
271
- $badge-hover-color: $global-inverse-color !default;
274
+ $badge-size: 22px !default;
275
+ $badge-padding-vertical: 0 !default;
276
+ $badge-padding-horizontal: 5px !default;
277
+ $badge-border-radius: 500px !default;
278
+ $badge-background: $global-primary-background !default;
279
+ $badge-color: $global-inverse-color !default;
280
+ $badge-font-size: $global-small-font-size !default;
281
+ $badge-hover-color: $global-inverse-color !default;
272
282
 
273
283
  // Inverse
274
- $inverse-badge-background: $inverse-global-primary-background !default;
275
- $inverse-badge-color: $inverse-global-inverse-color !default;
276
- $inverse-badge-hover-color: $inverse-global-inverse-color !default;
284
+ $inverse-badge-background: $inverse-global-primary-background !default;
285
+ $inverse-badge-color: $inverse-global-inverse-color !default;
286
+ $inverse-badge-hover-color: $inverse-global-inverse-color !default;
277
287
 
278
288
 
279
289
  // Base
280
290
  // ========================================================================
281
291
 
282
- $base-body-background: $global-background !default;
283
- $base-body-font-family: $global-font-family !default;
284
- $base-body-font-weight: normal !default;
285
- $base-body-font-size: $global-font-size !default;
286
- $base-body-line-height: $global-line-height !default;
287
- $base-body-color: $global-color !default;
288
- $base-link-color: $global-link-color !default;
289
- $base-link-text-decoration: none !default;
290
- $base-link-hover-color: $global-link-hover-color !default;
291
- $base-link-hover-text-decoration: underline !default;
292
- $base-strong-font-weight: bolder !default;
293
- $base-code-font-size: $global-small-font-size !default;
294
- $base-code-font-family: 'Consolas', monaco, monospace !default;
295
- $base-code-color: $global-danger-background !default;
296
- $base-code-padding-horizontal: 6px !default;
297
- $base-code-padding-vertical: 2px !default;
298
- $base-em-color: $global-danger-background !default;
299
- $base-ins-background: #ffd !default;
300
- $base-ins-color: $global-color !default;
301
- $base-mark-background: #ffd !default;
302
- $base-mark-color: $global-color !default;
303
- $base-quote-font-style: italic !default;
304
- $base-small-font-size: 80% !default;
305
- $base-margin-vertical: $global-margin !default;
306
- $base-heading-font-family: $global-font-family !default;
307
- $base-heading-font-weight: normal !default;
308
- $base-heading-color: $global-inverse-color !default;
309
- $base-heading-text-transform: none !default;
310
- $base-heading-margin-top: $global-medium-margin !default;
311
- $base-h1-font-size-m: $global-2xlarge-font-size !default;
312
- $base-h1-font-size: $base-h1-font-size-m * 0.85 !default;
313
- $base-h1-line-height: 1.2 !default;
314
- $base-h2-font-size-m: $global-xlarge-font-size !default;
315
- $base-h2-font-size: $base-h2-font-size-m * 0.85 !default;
316
- $base-h2-line-height: 1.3 !default;
317
- $base-h3-font-size: $global-large-font-size !default;
318
- $base-h3-line-height: 1.4 !default;
319
- $base-h4-font-size: $global-medium-font-size !default;
320
- $base-h4-line-height: 1.4 !default;
321
- $base-h5-font-size: $global-font-size !default;
322
- $base-h5-line-height: 1.4 !default;
323
- $base-h6-font-size: $global-small-font-size !default;
324
- $base-h6-line-height: 1.4 !default;
325
- $base-list-padding-left: 30px !default;
326
- $base-hr-margin-vertical: $global-margin !default;
327
- $base-hr-border-width: $global-border-width !default;
328
- $base-hr-border: $global-border !default;
329
- $base-blockquote-color: $global-emphasis-color !default;
330
- $base-blockquote-font-size: $global-medium-font-size !default;
331
- $base-blockquote-line-height: 1.5 !default;
332
- $base-blockquote-font-style: italic !default;
333
- $base-blockquote-margin-vertical: $global-margin !default;
334
- $base-blockquote-footer-color: $global-color !default;
335
- $base-blockquote-footer-margin-top: $global-small-margin !default;
336
- $base-blockquote-footer-font-size: $global-small-font-size !default;
337
- $base-blockquote-footer-line-height: 1.5 !default;
338
- $base-pre-font-size: $global-small-font-size !default;
339
- $base-pre-line-height: 1.5 !default;
340
- $base-pre-font-family: $base-code-font-family !default;
341
- $base-pre-color: $global-color !default;
342
- $base-focus-outline-width: 2px !default;
343
- $base-focus-outline-style: dotted !default;
344
- $base-focus-outline: $global-emphasis-color !default;
345
- $base-focus-outline-offset: 1px !default;
346
- $base-selection-background: #39f !default;
347
- $base-selection-color: $global-inverse-color !default;
292
+ $base-body-background: $global-background !default;
293
+ $base-body-font-family: $global-font-family !default;
294
+ $base-body-font-weight: normal !default;
295
+ $base-body-font-size: $global-font-size !default;
296
+ $base-body-line-height: $global-line-height !default;
297
+ $base-body-color: $global-color !default;
298
+ $base-link-color: $global-link-color !default;
299
+ $base-link-text-decoration: none !default;
300
+ $base-link-hover-color: $global-link-hover-color !default;
301
+ $base-link-hover-text-decoration: underline !default;
302
+ $base-strong-font-weight: bolder !default;
303
+ $base-code-font-size: $global-small-font-size !default;
304
+ $base-code-font-family: 'Consolas', monaco, monospace !default;
305
+ $base-code-color: $global-danger-background !default;
306
+ $base-code-padding-horizontal: 6px !default;
307
+ $base-code-padding-vertical: 2px !default;
308
+ $base-em-color: $global-danger-background !default;
309
+ $base-ins-background: #ffd !default;
310
+ $base-ins-color: $global-color !default;
311
+ $base-mark-background: #ffd !default;
312
+ $base-mark-color: $global-color !default;
313
+ $base-quote-font-style: italic !default;
314
+ $base-small-font-size: 80% !default;
315
+ $base-margin-vertical: $global-margin !default;
316
+ $base-heading-font-family: $global-font-family !default;
317
+ $base-heading-font-weight: normal !default;
318
+ $base-heading-color: $global-inverse-color !default;
319
+ $base-heading-text-transform: none !default;
320
+ $base-heading-margin-top: $global-medium-margin !default;
321
+ $base-h1-font-size-m: $global-2xlarge-font-size !default;
322
+ $base-h1-font-size: $base-h1-font-size-m * 0.85 !default;
323
+ $base-h1-line-height: 1.2 !default;
324
+ $base-h2-font-size-m: $global-xlarge-font-size !default;
325
+ $base-h2-font-size: $base-h2-font-size-m * 0.85 !default;
326
+ $base-h2-line-height: 1.3 !default;
327
+ $base-h3-font-size: $global-large-font-size !default;
328
+ $base-h3-line-height: 1.4 !default;
329
+ $base-h4-font-size: $global-medium-font-size !default;
330
+ $base-h4-line-height: 1.4 !default;
331
+ $base-h5-font-size: $global-font-size !default;
332
+ $base-h5-line-height: 1.4 !default;
333
+ $base-h6-font-size: $global-small-font-size !default;
334
+ $base-h6-line-height: 1.4 !default;
335
+ $base-list-padding-left: 30px !default;
336
+ $base-hr-margin-vertical: $global-margin !default;
337
+ $base-hr-border-width: $global-border-width !default;
338
+ $base-hr-border: $global-border !default;
339
+ $base-blockquote-color: $global-emphasis-color !default;
340
+ $base-blockquote-font-size: $global-medium-font-size !default;
341
+ $base-blockquote-line-height: 1.5 !default;
342
+ $base-blockquote-font-style: italic !default;
343
+ $base-blockquote-margin-vertical: $global-margin !default;
344
+ $base-blockquote-footer-color: $global-color !default;
345
+ $base-blockquote-footer-margin-top: $global-small-margin !default;
346
+ $base-blockquote-footer-font-size: $global-small-font-size !default;
347
+ $base-blockquote-footer-line-height: 1.5 !default;
348
+ $base-pre-font-size: $global-small-font-size !default;
349
+ $base-pre-line-height: 1.5 !default;
350
+ $base-pre-font-family: $base-code-font-family !default;
351
+ $base-pre-color: $global-color !default;
352
+ $base-focus-outline-width: 2px !default;
353
+ $base-focus-outline-style: dotted !default;
354
+ $base-focus-outline: $global-emphasis-color !default;
355
+ $base-focus-outline-offset: 1px !default;
356
+ $base-selection-background: #39f !default;
357
+ $base-selection-color: $global-inverse-color !default;
348
358
 
349
359
  // Inverse
350
- $inverse-base-color: $inverse-global-color !default;
351
- $inverse-base-link-color: $inverse-global-emphasis-color !default;
352
- $inverse-base-link-hover-color: $inverse-global-emphasis-color !default;
353
- $inverse-base-code-color: $inverse-global-color !default;
354
- $inverse-base-em-color: $inverse-global-emphasis-color !default;
355
- $inverse-base-heading-color: $inverse-global-emphasis-color !default;
356
- $inverse-base-hr-border: $inverse-global-border !default;
357
- $inverse-base-focus-outline: $inverse-global-emphasis-color !default;
358
- $inverse-base-blockquote-color: $inverse-global-emphasis-color !default;
359
- $inverse-base-blockquote-footer-color: $inverse-global-color !default;
360
+ $inverse-base-color: $inverse-global-color !default;
361
+ $inverse-base-link-color: $inverse-global-emphasis-color !default;
362
+ $inverse-base-link-hover-color: $inverse-global-emphasis-color !default;
363
+ $inverse-base-code-color: $inverse-global-color !default;
364
+ $inverse-base-em-color: $inverse-global-emphasis-color !default;
365
+ $inverse-base-heading-color: $inverse-global-emphasis-color !default;
366
+ $inverse-base-hr-border: $inverse-global-border !default;
367
+ $inverse-base-focus-outline: $inverse-global-emphasis-color !default;
368
+ $inverse-base-blockquote-color: $inverse-global-emphasis-color !default;
369
+ $inverse-base-blockquote-footer-color: $inverse-global-color !default;
360
370
 
361
371
 
362
372
  // Breadcrumb
363
373
  // ========================================================================
364
374
 
365
- $breadcrumb-item-font-size: $global-small-font-size !default;
366
- $breadcrumb-item-color: $global-muted-color !default;
367
- $breadcrumb-item-hover-color: $global-color !default;
368
- $breadcrumb-item-hover-text-decoration: none !default;
369
- $breadcrumb-item-active-color: $global-color !default;
370
- $breadcrumb-divider: '"/"' !default;
371
- $breadcrumb-divider-margin-horizontal: 20px !default;
372
- $breadcrumb-divider-font-size: $breadcrumb-item-font-size !default;
373
- $breadcrumb-divider-color: $global-muted-color !default;
375
+ $breadcrumb-item-font-size: $global-small-font-size !default;
376
+ $breadcrumb-item-color: $global-muted-color !default;
377
+ $breadcrumb-item-hover-color: $global-color !default;
378
+ $breadcrumb-item-hover-text-decoration: none !default;
379
+ $breadcrumb-item-active-color: $global-color !default;
380
+ $breadcrumb-divider: '"/"' !default;
381
+ $breadcrumb-divider-margin-horizontal: 20px !default;
382
+ $breadcrumb-divider-font-size: $breadcrumb-item-font-size !default;
383
+ $breadcrumb-divider-color: $global-muted-color !default;
374
384
 
375
385
  // Inverse
376
- $inverse-breadcrumb-item-color: $inverse-global-muted-color !default;
377
- $inverse-breadcrumb-item-hover-color: $inverse-global-color !default;
378
- $inverse-breadcrumb-item-active-color: $inverse-global-color !default;
379
- $inverse-breadcrumb-divider-color: $inverse-global-muted-color !default;
386
+ $inverse-breadcrumb-item-color: $inverse-global-muted-color !default;
387
+ $inverse-breadcrumb-item-hover-color: $inverse-global-color !default;
388
+ $inverse-breadcrumb-item-active-color: $inverse-global-color !default;
389
+ $inverse-breadcrumb-divider-color: $inverse-global-muted-color !default;
380
390
 
381
391
 
382
392
  // Button
383
393
  // ========================================================================
384
394
 
385
- $button-line-height: $global-control-height !default;
386
- $button-xsmall-line-height: $global-control-xsmall-height !default;
387
- $button-small-line-height: $global-control-small-height !default;
388
- $button-medium-line-height: $global-control-medium-height !default;
389
- $button-large-line-height: $global-control-large-height !default;
390
- $button-xlarge-line-height: $global-control-xlarge-height !default;
391
- $button-font-size: $global-font-size !default;
392
- $button-xsmall-font-size: $global-2xsmall-font-size !default;
393
- $button-small-font-size: $global-small-font-size !default;
394
- $button-medium-font-size: $global-font-size !default;
395
- $button-large-font-size: $global-medium-font-size !default;
396
- $button-xlarge-font-size: $global-large-font-size !default;
397
- $button-padding-horizontal: $global-gutter !default;
398
- $button-xsmall-padding-horizontal: $global-xsmall-gutter !default;
399
- $button-small-padding-horizontal: $global-small-gutter !default;
400
- $button-medium-padding-horizontal: $global-medium-gutter !default;
401
- $button-large-padding-horizontal: $global-large-gutter !default;
402
- $button-xlarge-padding-horizontal: $global-xlarge-gutter !default;
403
- $button-default-background: $global-muted-background !default;
404
- $button-default-color: $global-emphasis-color !default;
405
- $button-default-hover-background: darken($button-default-background, 5%) !default;
406
- $button-default-hover-color: $global-emphasis-color !default;
407
- $button-default-active-background: darken($button-default-background, 10%) !default;
408
- $button-default-active-color: $global-emphasis-color !default;
409
- $button-primary-background: $global-primary-background !default;
410
- $button-primary-color: $global-inverse-color !default;
411
- $button-primary-hover-background: darken($button-primary-background, 5%) !default;
412
- $button-primary-hover-color: $global-inverse-color !default;
413
- $button-primary-active-background: darken($button-primary-background, 10%) !default;
414
- $button-primary-active-color: $global-inverse-color !default;
415
- $button-secondary-background: $global-secondary-background !default;
416
- $button-secondary-color: $global-inverse-color !default;
417
- $button-secondary-hover-background: lighten($button-secondary-background, 5%) !default;
418
- $button-secondary-hover-color: $global-inverse-color !default;
419
- $button-secondary-active-background: darken($button-secondary-background, 10%) !default;
420
- $button-secondary-active-color: $global-inverse-color !default;
421
- $button-tertiary-background: $global-tertiary-background !default;
422
- $button-tertiary-color: $global-inverse-color !default;
423
- $button-tertiary-hover-background: darken($button-tertiary-background, 5%) !default;
424
- $button-tertiary-hover-color: $global-inverse-color !default;
425
- $button-tertiary-active-background: darken($button-tertiary-background, 10%) !default;
426
- $button-tertiary-active-color: $global-inverse-color !default;
427
- $button-danger-background: $global-danger-background !default;
428
- $button-danger-color: $global-inverse-color !default;
429
- $button-danger-hover-background: darken($button-danger-background, 5%) !default;
430
- $button-danger-hover-color: $global-inverse-color !default;
431
- $button-danger-active-background: darken($button-danger-background, 10%) !default;
432
- $button-danger-active-color: $global-inverse-color !default;
433
- $button-circle-border-radius: 40px !default;
434
- $button-round-border-radius: 4px !default;
435
- $button-disabled-background: $global-muted-background !default;
436
- $button-disabled-color: $global-muted-color !default;
437
- $button-text-line-height: $global-line-height !default;
438
- $button-text-color: $global-muted-color !default;
439
- $button-text-hover-color: $global-color !default;
440
- $button-text-disabled-color: $global-muted-color !default;
441
- $button-link-line-height: $global-line-height !default;
442
- $button-link-color: $global-link-color !default;
443
- $button-link-hover-color: $global-link-hover-color !default;
444
- $button-link-hover-text-decoration: underline !default;
445
- $button-link-disabled-color: $global-muted-color !default;
395
+ $button-line-height: $global-control-height !default;
396
+ $button-xsmall-line-height: $global-control-xsmall-height !default;
397
+ $button-small-line-height: $global-control-small-height !default;
398
+ $button-medium-line-height: $global-control-medium-height !default;
399
+ $button-large-line-height: $global-control-large-height !default;
400
+ $button-xlarge-line-height: $global-control-xlarge-height !default;
401
+ $button-font-size: $global-font-size !default;
402
+ $button-xsmall-font-size: $global-2xsmall-font-size !default;
403
+ $button-small-font-size: $global-small-font-size !default;
404
+ $button-medium-font-size: $global-font-size !default;
405
+ $button-large-font-size: $global-medium-font-size !default;
406
+ $button-xlarge-font-size: $global-large-font-size !default;
407
+ $button-padding-horizontal: $global-gutter !default;
408
+ $button-xsmall-padding-horizontal: $global-xsmall-gutter !default;
409
+ $button-small-padding-horizontal: $global-small-gutter !default;
410
+ $button-medium-padding-horizontal: $global-medium-gutter !default;
411
+ $button-large-padding-horizontal: $global-large-gutter !default;
412
+ $button-xlarge-padding-horizontal: $global-xlarge-gutter !default;
413
+ $button-default-background: $global-muted-background !default;
414
+ $button-default-color: $global-emphasis-color !default;
415
+ $button-default-hover-background: darken($button-default-background, 5%) !default;
416
+ $button-default-hover-color: $global-emphasis-color !default;
417
+ $button-default-active-background: darken($button-default-background, 10%) !default;
418
+ $button-default-active-color: $global-emphasis-color !default;
419
+ $button-primary-background: $global-primary-background !default;
420
+ $button-primary-color: $global-inverse-color !default;
421
+ $button-primary-hover-background: darken($button-primary-background, 5%) !default;
422
+ $button-primary-hover-color: $global-inverse-color !default;
423
+ $button-primary-active-background: darken($button-primary-background, 10%) !default;
424
+ $button-primary-active-color: $global-inverse-color !default;
425
+ $button-secondary-background: $global-secondary-background !default;
426
+ $button-secondary-color: $global-inverse-color !default;
427
+ $button-secondary-hover-background: lighten($button-secondary-background, 5%) !default;
428
+ $button-secondary-hover-color: $global-inverse-color !default;
429
+ $button-secondary-active-background: darken($button-secondary-background, 10%) !default;
430
+ $button-secondary-active-color: $global-inverse-color !default;
431
+ $button-tertiary-background: $global-tertiary-background !default;
432
+ $button-tertiary-color: $global-inverse-color !default;
433
+ $button-tertiary-hover-background: darken($button-tertiary-background, 5%) !default;
434
+ $button-tertiary-hover-color: $global-inverse-color !default;
435
+ $button-tertiary-active-background: darken($button-tertiary-background, 10%) !default;
436
+ $button-tertiary-active-color: $global-inverse-color !default;
437
+ $button-danger-background: $global-danger-background !default;
438
+ $button-danger-color: $global-inverse-color !default;
439
+ $button-danger-hover-background: darken($button-danger-background, 5%) !default;
440
+ $button-danger-hover-color: $global-inverse-color !default;
441
+ $button-danger-active-background: darken($button-danger-background, 10%) !default;
442
+ $button-danger-active-color: $global-inverse-color !default;
443
+ $button-circle-border-radius: 40px !default;
444
+ $button-round-border-radius: 4px !default;
445
+ $button-disabled-background: $global-muted-background !default;
446
+ $button-disabled-color: $global-muted-color !default;
447
+ $button-text-line-height: $global-line-height !default;
448
+ $button-text-color: $global-muted-color !default;
449
+ $button-text-hover-color: $global-color !default;
450
+ $button-text-disabled-color: $global-muted-color !default;
451
+ $button-link-line-height: $global-line-height !default;
452
+ $button-link-color: $global-link-color !default;
453
+ $button-link-hover-color: $global-link-hover-color !default;
454
+ $button-link-hover-text-decoration: underline !default;
455
+ $button-link-disabled-color: $global-muted-color !default;
446
456
 
447
457
  // Inverse
448
- $inverse-button-color: $inverse-global-inverse-color !default;
449
- $inverse-button-default-background: $inverse-global-primary-background !default;
450
- $inverse-button-default-color: $inverse-global-inverse-color !default;
451
- $inverse-button-default-hover-background: darken($inverse-button-default-background, 5%) !default;
452
- $inverse-button-default-hover-color: $inverse-global-inverse-color !default;
453
- $inverse-button-default-active-background: darken($inverse-button-default-background, 10%) !default;
454
- $inverse-button-default-active-color: $inverse-global-inverse-color !default;
455
- $inverse-button-primary-background: $inverse-global-primary-background !default;
456
- $inverse-button-primary-color: $inverse-global-inverse-color !default;
457
- $inverse-button-primary-hover-background: darken($inverse-button-primary-background, 5%) !default;
458
- $inverse-button-primary-hover-color: $inverse-global-inverse-color !default;
459
- $inverse-button-primary-active-background: darken($inverse-button-primary-background, 10%) !default;
460
- $inverse-button-primary-active-color: $inverse-global-inverse-color !default;
461
- $inverse-button-secondary-background: $inverse-global-primary-background !default;
462
- $inverse-button-secondary-color: $inverse-global-inverse-color !default;
463
- $inverse-button-secondary-hover-background: darken($inverse-button-secondary-background, 5%) !default;
464
- $inverse-button-secondary-hover-color: $inverse-global-inverse-color !default;
465
- $inverse-button-secondary-active-background: darken($inverse-button-secondary-background, 10%) !default;
466
- $inverse-button-secondary-active-color: $inverse-global-inverse-color !default;
467
- $inverse-button-tertiary-background: $inverse-global-primary-background !default;
468
- $inverse-button-tertiary-color: $inverse-global-inverse-color !default;
469
- $inverse-button-tertiary-hover-background: darken($inverse-button-tertiary-background, 5%) !default;
470
- $inverse-button-tertiary-hover-color: $inverse-global-inverse-color !default;
471
- $inverse-button-tertiary-active-background: darken($inverse-button-tertiary-background, 10%) !default;
472
- $inverse-button-tertiary-active-color: $inverse-global-inverse-color !default;
473
- $inverse-button-danger-background: $button-danger-background !default;
474
- $inverse-button-danger-color: $button-danger-color !default;
475
- $inverse-button-danger-hover-background: $button-danger-hover-background !default;
476
- $inverse-button-danger-hover-color: $button-danger-hover-color !default;
477
- $inverse-button-danger-active-background: $button-danger-active-background !default;
478
- $inverse-button-danger-active-color: $button-danger-active-color !default;
479
- $inverse-button-text-color: $inverse-global-emphasis-color !default;
480
- $inverse-button-text-hover-color: $inverse-global-muted-color !default;
481
- $inverse-button-text-disabled-color: $inverse-global-muted-color !default;
482
- $inverse-button-link-color: $inverse-global-emphasis-color !default;
483
- $inverse-button-link-hover-color: $inverse-global-color !default;
458
+ $inverse-button-color: $inverse-global-inverse-color !default;
459
+ $inverse-button-default-background: $inverse-global-primary-background !default;
460
+ $inverse-button-default-color: $inverse-global-inverse-color !default;
461
+ $inverse-button-default-hover-background: darken($inverse-button-default-background, 5%) !default;
462
+ $inverse-button-default-hover-color: $inverse-global-inverse-color !default;
463
+ $inverse-button-default-active-background: darken($inverse-button-default-background, 10%) !default;
464
+ $inverse-button-default-active-color: $inverse-global-inverse-color !default;
465
+ $inverse-button-primary-background: $inverse-global-primary-background !default;
466
+ $inverse-button-primary-color: $inverse-global-inverse-color !default;
467
+ $inverse-button-primary-hover-background: darken($inverse-button-primary-background, 5%) !default;
468
+ $inverse-button-primary-hover-color: $inverse-global-inverse-color !default;
469
+ $inverse-button-primary-active-background: darken($inverse-button-primary-background, 10%) !default;
470
+ $inverse-button-primary-active-color: $inverse-global-inverse-color !default;
471
+ $inverse-button-secondary-background: $inverse-global-primary-background !default;
472
+ $inverse-button-secondary-color: $inverse-global-inverse-color !default;
473
+ $inverse-button-secondary-hover-background: darken($inverse-button-secondary-background, 5%) !default;
474
+ $inverse-button-secondary-hover-color: $inverse-global-inverse-color !default;
475
+ $inverse-button-secondary-active-background: darken($inverse-button-secondary-background, 10%) !default;
476
+ $inverse-button-secondary-active-color: $inverse-global-inverse-color !default;
477
+ $inverse-button-tertiary-background: $inverse-global-primary-background !default;
478
+ $inverse-button-tertiary-color: $inverse-global-inverse-color !default;
479
+ $inverse-button-tertiary-hover-background: darken($inverse-button-tertiary-background, 5%) !default;
480
+ $inverse-button-tertiary-hover-color: $inverse-global-inverse-color !default;
481
+ $inverse-button-tertiary-active-background: darken($inverse-button-tertiary-background, 10%) !default;
482
+ $inverse-button-tertiary-active-color: $inverse-global-inverse-color !default;
483
+ $inverse-button-danger-background: $button-danger-background !default;
484
+ $inverse-button-danger-color: $button-danger-color !default;
485
+ $inverse-button-danger-hover-background: $button-danger-hover-background !default;
486
+ $inverse-button-danger-hover-color: $button-danger-hover-color !default;
487
+ $inverse-button-danger-active-background: $button-danger-active-background !default;
488
+ $inverse-button-danger-active-color: $button-danger-active-color !default;
489
+ $inverse-button-text-color: $inverse-global-emphasis-color !default;
490
+ $inverse-button-text-hover-color: $inverse-global-muted-color !default;
491
+ $inverse-button-text-disabled-color: $inverse-global-muted-color !default;
492
+ $inverse-button-link-color: $inverse-global-emphasis-color !default;
493
+ $inverse-button-link-hover-color: $inverse-global-color !default;
484
494
 
485
495
 
486
496
  // Card
487
497
  // ========================================================================
488
498
 
489
- $card-body-padding-horizontal: $global-gutter !default;
490
- $card-body-padding-vertical: $global-gutter !default;
491
- $card-body-padding-horizontal-l: $global-medium-gutter !default;
492
- $card-body-padding-vertical-l: $global-medium-gutter !default;
493
- $card-header-padding-horizontal: $global-gutter !default;
494
- $card-header-padding-vertical: round(($global-gutter * 0.5)) !default;
495
- $card-header-padding-horizontal-l: $global-medium-gutter !default;
496
- $card-header-padding-vertical-l: round(($global-medium-gutter * 0.5)) !default;
497
- $card-footer-padding-horizontal: $global-gutter !default;
498
- $card-footer-padding-vertical: round(($global-gutter * 0.5)) !default;
499
- $card-footer-padding-horizontal-l: $global-medium-gutter !default;
500
- $card-footer-padding-vertical-l: round(($global-medium-gutter * 0.5)) !default;
501
- $card-title-font-size: $global-large-font-size !default;
502
- $card-title-line-height: 1.4 !default;
503
- $card-badge-top: $global-small-gutter !default;
504
- $card-badge-right: $card-badge-top !default;
505
- $card-badge-height: $badge-size !default;
506
- $card-badge-padding-horizontal: $badge-padding-horizontal !default;
507
- $card-badge-background: $badge-background !default;
508
- $card-badge-color: $badge-color !default;
509
- $card-badge-font-size: $badge-font-size !default;
510
- $card-hover-background: $global-muted-background !default;
511
- $card-default-background: $global-muted-background !default;
512
- $card-default-color: $global-color !default;
513
- $card-default-title-color: $global-emphasis-color !default;
514
- $card-default-hover-background: darken($card-default-background, 5%) !default;
515
- $card-primary-background: $global-primary-background !default;
516
- $card-primary-color: $global-inverse-color !default;
517
- $card-primary-title-color: $card-primary-color !default;
518
- $card-primary-hover-background: darken($card-primary-background, 5%) !default;
519
- $card-primary-color-mode: light !default;
520
- $card-secondary-background: $global-secondary-background !default;
521
- $card-secondary-color: $global-inverse-color !default;
522
- $card-secondary-title-color: $card-secondary-color !default;
523
- $card-secondary-hover-background: darken($card-secondary-background, 5%) !default;
524
- $card-secondary-color-mode: light !default;
525
- $card-tertiary-background: $global-tertiary-background !default;
526
- $card-tertiary-color: $global-inverse-color !default;
527
- $card-tertiary-title-color: $card-tertiary-color !default;
528
- $card-tertiary-hover-background: darken($card-tertiary-background, 5%) !default;
529
- $card-tertiary-color-mode: light !default;
530
- $card-small-body-padding-horizontal: $global-margin !default;
531
- $card-small-body-padding-vertical: $global-margin !default;
532
- $card-small-header-padding-horizontal: $global-margin !default;
533
- $card-small-header-padding-vertical: round(($global-margin * 0.6667)) !default;
534
- $card-small-footer-padding-horizontal: $global-margin !default;
535
- $card-small-footer-padding-vertical: round(($global-margin * 0.6667)) !default;
536
- $card-large-body-padding-horizontal-l: $global-large-gutter !default;
537
- $card-large-body-padding-vertical-l: $global-large-gutter !default;
538
- $card-large-header-padding-horizontal-l: $global-large-gutter !default;
539
- $card-large-header-padding-vertical-l: round(($global-large-gutter * 0.5)) !default;
540
- $card-large-footer-padding-horizontal-l: $global-large-gutter !default;
541
- $card-large-footer-padding-vertical-l: round(($global-large-gutter * 0.5)) !default;
499
+ $card-body-padding-horizontal: $global-gutter !default;
500
+ $card-body-padding-vertical: $global-gutter !default;
501
+ $card-body-padding-horizontal-l: $global-medium-gutter !default;
502
+ $card-body-padding-vertical-l: $global-medium-gutter !default;
503
+ $card-header-padding-horizontal: $global-gutter !default;
504
+ $card-header-padding-vertical: round(($global-gutter * 0.5)) !default;
505
+ $card-header-padding-horizontal-l: $global-medium-gutter !default;
506
+ $card-header-padding-vertical-l: round(($global-medium-gutter * 0.5)) !default;
507
+ $card-footer-padding-horizontal: $global-gutter !default;
508
+ $card-footer-padding-vertical: round(($global-gutter * 0.5)) !default;
509
+ $card-footer-padding-horizontal-l: $global-medium-gutter !default;
510
+ $card-footer-padding-vertical-l: round(($global-medium-gutter * 0.5)) !default;
511
+ $card-title-font-size: $global-large-font-size !default;
512
+ $card-title-line-height: 1.4 !default;
513
+ $card-badge-top: $global-small-gutter !default;
514
+ $card-badge-right: $card-badge-top !default;
515
+ $card-badge-height: $badge-size !default;
516
+ $card-badge-padding-horizontal: $badge-padding-horizontal !default;
517
+ $card-badge-background: $badge-background !default;
518
+ $card-badge-color: $badge-color !default;
519
+ $card-badge-font-size: $badge-font-size !default;
520
+ $card-hover-background: $global-muted-background !default;
521
+ $card-default-background: $global-muted-background !default;
522
+ $card-default-color: $global-color !default;
523
+ $card-default-title-color: $global-emphasis-color !default;
524
+ $card-default-hover-background: darken($card-default-background, 5%) !default;
525
+ $card-primary-background: $global-primary-background !default;
526
+ $card-primary-color: $global-inverse-color !default;
527
+ $card-primary-title-color: $card-primary-color !default;
528
+ $card-primary-hover-background: darken($card-primary-background, 5%) !default;
529
+ $card-primary-color-mode: light !default;
530
+ $card-secondary-background: $global-secondary-background !default;
531
+ $card-secondary-color: $global-inverse-color !default;
532
+ $card-secondary-title-color: $card-secondary-color !default;
533
+ $card-secondary-hover-background: darken($card-secondary-background, 5%) !default;
534
+ $card-secondary-color-mode: light !default;
535
+ $card-tertiary-background: $global-tertiary-background !default;
536
+ $card-tertiary-color: $global-inverse-color !default;
537
+ $card-tertiary-title-color: $card-tertiary-color !default;
538
+ $card-tertiary-hover-background: darken($card-tertiary-background, 5%) !default;
539
+ $card-tertiary-color-mode: light !default;
540
+ $card-small-body-padding-horizontal: $global-margin !default;
541
+ $card-small-body-padding-vertical: $global-margin !default;
542
+ $card-small-header-padding-horizontal: $global-margin !default;
543
+ $card-small-header-padding-vertical: round(($global-margin * 0.6667)) !default;
544
+ $card-small-footer-padding-horizontal: $global-margin !default;
545
+ $card-small-footer-padding-vertical: round(($global-margin * 0.6667)) !default;
546
+ $card-large-body-padding-horizontal-l: $global-large-gutter !default;
547
+ $card-large-body-padding-vertical-l: $global-large-gutter !default;
548
+ $card-large-header-padding-horizontal-l: $global-large-gutter !default;
549
+ $card-large-header-padding-vertical-l: round(($global-large-gutter * 0.5)) !default;
550
+ $card-large-footer-padding-horizontal-l: $global-large-gutter !default;
551
+ $card-large-footer-padding-vertical-l: round(($global-large-gutter * 0.5)) !default;
542
552
 
543
553
  // Inverse
544
- $inverse-card-badge-background: $inverse-global-primary-background !default;
545
- $inverse-card-badge-color: $inverse-global-inverse-color !default;
554
+ $inverse-card-badge-background: $inverse-global-primary-background !default;
555
+ $inverse-card-badge-color: $inverse-global-inverse-color !default;
546
556
 
547
557
 
548
558
  // Close
549
559
  // ========================================================================
550
560
 
551
- $close-color: $global-muted-color !default;
552
- $close-hover-color: $global-color !default;
561
+ $close-color: $global-muted-color !default;
562
+ $close-hover-color: $global-color !default;
553
563
 
554
564
  // Inverse
555
- $inverse-close-color: $inverse-global-muted-color !default;
556
- $inverse-close-hover-color: $inverse-global-color !default;
565
+ $inverse-close-color: $inverse-global-muted-color !default;
566
+ $inverse-close-hover-color: $inverse-global-color !default;
557
567
 
558
568
 
559
569
  // Column
560
570
  // ========================================================================
561
571
 
562
- $column-gutter: $global-gutter !default;
563
- $column-gutter-l: $global-medium-gutter !default;
564
- $column-divider-rule-color: $global-border !default;
565
- $column-divider-rule-width: 1px !default;
572
+ $column-gutter: $global-gutter !default;
573
+ $column-gutter-l: $global-medium-gutter !default;
574
+ $column-divider-rule-color: $global-border !default;
575
+ $column-divider-rule-width: 1px !default;
566
576
 
567
577
  // Inverse
568
- $inverse-column-divider-rule-color: $inverse-global-border !default;
578
+ $inverse-column-divider-rule-color: $inverse-global-border !default;
569
579
 
570
580
 
571
581
  // Comment
572
582
  // ========================================================================
573
583
 
574
- $comment-header-margin-bottom: $global-margin !default;
575
- $comment-title-font-size: $global-medium-font-size !default;
576
- $comment-title-line-height: 1.4 !default;
577
- $comment-meta-font-size: $global-small-font-size !default;
578
- $comment-meta-line-height: 1.4 !default;
579
- $comment-meta-color: $global-muted-color !default;
580
- $comment-list-margin-top: $global-large-margin !default;
581
- $comment-list-padding-left: 30px !default;
582
- $comment-list-padding-left-m: 100px !default;
584
+ $comment-header-margin-bottom: $global-margin !default;
585
+ $comment-title-font-size: $global-medium-font-size !default;
586
+ $comment-title-line-height: 1.4 !default;
587
+ $comment-meta-font-size: $global-small-font-size !default;
588
+ $comment-meta-line-height: 1.4 !default;
589
+ $comment-meta-color: $global-muted-color !default;
590
+ $comment-list-margin-top: $global-large-margin !default;
591
+ $comment-list-padding-left: 30px !default;
592
+ $comment-list-padding-left-m: 100px !default;
583
593
 
584
594
 
585
595
  // Container
586
596
  // ========================================================================
587
597
 
588
- $container-max-width: 1200px !default;
589
- $container-xsmall-max-width: 750px !default;
590
- $container-small-max-width: 900px !default;
591
- $container-large-max-width: 1400px !default;
592
- $container-xlarge-max-width: 1600px !default;
593
- $container-padding-horizontal: 15px !default;
594
- $container-padding-horizontal-s: $global-gutter !default;
595
- $container-padding-horizontal-m: $global-medium-gutter !default;
598
+ $container-max-width: 1200px !default;
599
+ $container-xsmall-max-width: 750px !default;
600
+ $container-small-max-width: 900px !default;
601
+ $container-large-max-width: 1400px !default;
602
+ $container-xlarge-max-width: 1600px !default;
603
+ $container-padding-horizontal: 15px !default;
604
+ $container-padding-horizontal-s: $global-gutter !default;
605
+ $container-padding-horizontal-m: $global-medium-gutter !default;
596
606
 
597
607
 
598
608
  // Countdown
599
609
  // ========================================================================
600
610
 
601
- $countdown-number-line-height: 0.8 !default;
602
- $countdown-number-font-size: 2rem !default; // 32px
603
- $countdown-number-font-size-s: 4rem !default; // 64px
604
- $countdown-number-font-size-m: 6rem !default; // 96px
611
+ $countdown-number-line-height: 0.8 !default;
612
+ $countdown-number-font-size: 2rem !default; // 32px
613
+ $countdown-number-font-size-s: 4rem !default; // 64px
614
+ $countdown-number-font-size-m: 6rem !default; // 96px
605
615
 
606
- $countdown-separator-line-height: 1.6 !default;
607
- $countdown-separator-font-size: 1rem !default; // 16px
608
- $countdown-separator-font-size-s: 2rem !default; // 32px
609
- $countdown-separator-font-size-m: 3rem !default; // 48px
616
+ $countdown-separator-line-height: 1.6 !default;
617
+ $countdown-separator-font-size: 1rem !default; // 16px
618
+ $countdown-separator-font-size-s: 2rem !default; // 32px
619
+ $countdown-separator-font-size-m: 3rem !default; // 48px
610
620
 
611
621
 
612
622
  // Description list
613
623
  // ========================================================================
614
624
 
615
- $description-list-term-color: $global-emphasis-color !default;
616
- $description-list-term-margin-top: $global-margin !default;
617
- $description-list-term-font-size: $global-small-font-size !default;
618
- $description-list-term-font-weight: 500 !default;
619
- $description-list-term-text-transform: uppercase !default;
620
- $description-list-divider-term-margin-top: $global-margin !default;
621
- $description-list-divider-term-border-width: $global-border-width !default;
622
- $description-list-divider-term-border: $global-border !default;
623
- $inverse-description-list-term-color: $inverse-global-emphasis-color !default;
625
+ $description-list-term-color: $global-emphasis-color !default;
626
+ $description-list-term-margin-top: $global-margin !default;
627
+ $description-list-term-font-size: $global-small-font-size !default;
628
+ $description-list-term-font-weight: 500 !default;
629
+ $description-list-term-text-transform: uppercase !default;
630
+ $description-list-divider-term-margin-top: $global-margin !default;
631
+ $description-list-divider-term-border-width: $global-border-width !default;
632
+ $description-list-divider-term-border: $global-border !default;
633
+ $inverse-description-list-term-color: $inverse-global-emphasis-color !default;
624
634
 
625
635
 
626
636
  // Divider
627
637
  // ========================================================================
628
638
 
629
- $divider-margin-vertical: $global-margin !default;
630
- $divider-icon-width: 50px !default;
631
- $divider-icon-height: 20px !default;
632
- $divider-icon-color: $global-border !default;
633
- $divider-icon-line-top: 50% !default;
634
- $divider-icon-line-width: 100% !default;
635
- $divider-icon-line-border-width: $global-border-width !default;
636
- $divider-icon-line-border: $global-border !default;
637
- $divider-icon-image-path: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A' !default;
638
- $divider-small-width: 100px !default;
639
- $divider-small-border-width: $global-border-width !default;
640
- $divider-small-border: $global-border !default;
641
- $divider-vertical-height: 100px !default;
642
- $divider-vertical-border-width: $global-border-width !default;
643
- $divider-vertical-border: $global-border !default;
639
+ $divider-margin-vertical: $global-margin !default;
640
+ $divider-icon-width: 50px !default;
641
+ $divider-icon-height: 20px !default;
642
+ $divider-icon-color: $global-border !default;
643
+ $divider-icon-line-top: 50% !default;
644
+ $divider-icon-line-width: 100% !default;
645
+ $divider-icon-line-border-width: $global-border-width !default;
646
+ $divider-icon-line-border: $global-border !default;
647
+ $divider-icon-image-path: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A' !default;
648
+ $divider-small-width: 100px !default;
649
+ $divider-small-border-width: $global-border-width !default;
650
+ $divider-small-border: $global-border !default;
651
+ $divider-vertical-height: 100px !default;
652
+ $divider-vertical-border-width: $global-border-width !default;
653
+ $divider-vertical-border: $global-border !default;
644
654
 
645
655
  // Inverse
646
- $inverse-divider-icon-color: $inverse-global-border !default;
647
- $inverse-divider-icon-line-border: $inverse-global-border !default;
648
- $inverse-divider-small-border: $inverse-global-border !default;
649
- $inverse-divider-vertical-border: $inverse-global-border !default;
656
+ $inverse-divider-icon-color: $inverse-global-border !default;
657
+ $inverse-divider-icon-line-border: $inverse-global-border !default;
658
+ $inverse-divider-small-border: $inverse-global-border !default;
659
+ $inverse-divider-vertical-border: $inverse-global-border !default;
650
660
 
651
661
 
652
662
  // Dotnav
653
663
  // ========================================================================
654
664
 
655
- $dotnav-margin-horizontal: 12px !default;
656
- $dotnav-margin-vertical: $dotnav-margin-horizontal !default;
657
- $dotnav-item-width: 10px !default;
658
- $dotnav-item-height: $dotnav-item-width !default;
659
- $dotnav-item-border-radius: 50% !default;
660
- $dotnav-item-background: rgba($global-color, 20%) !default;
661
- $dotnav-item-hover-background: rgba($global-color, 60%) !default;
662
- $dotnav-item-onclick-background: rgba($global-color, 20%) !default;
663
- $dotnav-item-active-background: rgba($global-color, 60%) !default;
665
+ $dotnav-margin-horizontal: 12px !default;
666
+ $dotnav-margin-vertical: $dotnav-margin-horizontal !default;
667
+ $dotnav-item-width: 10px !default;
668
+ $dotnav-item-height: $dotnav-item-width !default;
669
+ $dotnav-item-border-radius: 50% !default;
670
+ $dotnav-item-background: rgba($global-color, 20%) !default;
671
+ $dotnav-item-hover-background: rgba($global-color, 60%) !default;
672
+ $dotnav-item-onclick-background: rgba($global-color, 20%) !default;
673
+ $dotnav-item-active-background: rgba($global-color, 60%) !default;
664
674
 
665
675
  // Inverse
666
- $inverse-dotnav-item-background: rgba($inverse-global-color, 50%) !default;
667
- $inverse-dotnav-item-hover-background: rgba($inverse-global-color, 90%) !default;
668
- $inverse-dotnav-item-onclick-background: rgba($inverse-global-color, 50%) !default;
669
- $inverse-dotnav-item-active-background: rgba($inverse-global-color, 90%) !default;
676
+ $inverse-dotnav-item-background: rgba($inverse-global-color, 50%) !default;
677
+ $inverse-dotnav-item-hover-background: rgba($inverse-global-color, 90%) !default;
678
+ $inverse-dotnav-item-onclick-background: rgba($inverse-global-color, 50%) !default;
679
+ $inverse-dotnav-item-active-background: rgba($inverse-global-color, 90%) !default;
670
680
 
671
681
 
672
682
  // Drawer
673
683
  // ========================================================================
674
684
 
675
- $drawer-content-background: $global-background !default;
676
- $drawer-mask-background: rgb(0 0 0 / 30%) !default;
677
-
685
+ $drawer-content-background: $global-background !default;
686
+ $drawer-content-padding: $global-gutter !default;
687
+ $drawer-mask-background: rgb(0 0 0 / 30%) !default;
688
+ $drawer-mask-background: rgb(0 0 0 / 30%) !default;
689
+ $drawer-z-index: $global-z-index + 30 !default;
690
+ $drawer-transition-duration: $transition-medium-fast-duration !default;
678
691
 
679
692
  // Drop
680
693
  // ========================================================================
681
694
 
682
- $drop-z-index: $global-z-index + 20 !default;
683
- $drop-width: 300px !default;
684
- $drop-margin: $global-margin !default;
695
+ $drop-z-index: $global-z-index + 20 !default;
696
+ $drop-width: 300px !default;
697
+ $drop-margin: $global-margin !default;
685
698
 
686
699
 
687
700
  // Dropdown
688
701
  // ========================================================================
689
702
 
690
- $dropdown-color-mode: light !default;
691
- $dropdown-z-index: $global-z-index + 20 !default;
692
- $dropdown-min-width: 200px !default;
693
- $dropdown-padding: 15px !default;
694
- $dropdown-background: $global-muted-background !default;
695
- $dropdown-color: $global-color !default;
696
- $dropdown-margin: $global-small-margin !default;
697
- $dropdown-nav-item-color: $global-muted-color !default;
698
- $dropdown-nav-item-hover-color: $global-color !default;
699
- $dropdown-nav-header-color: $global-emphasis-color !default;
700
- $dropdown-nav-divider-border-width: $global-border-width !default;
701
- $dropdown-nav-divider-border: $global-border !default;
702
- $dropdown-nav-sublist-item-color: $global-muted-color !default;
703
- $dropdown-nav-sublist-item-hover-color: $global-color !default;
703
+ $dropdown-color-mode: light !default;
704
+ $dropdown-z-index: $global-z-index + 20 !default;
705
+ $dropdown-min-width: 200px !default;
706
+ $dropdown-padding: 15px !default;
707
+ $dropdown-background: $global-muted-background !default;
708
+ $dropdown-color: $global-color !default;
709
+ $dropdown-margin: $global-small-margin !default;
710
+ $dropdown-nav-item-color: $global-muted-color !default;
711
+ $dropdown-nav-item-hover-color: $global-color !default;
712
+ $dropdown-nav-header-color: $global-emphasis-color !default;
713
+ $dropdown-nav-divider-border-width: $global-border-width !default;
714
+ $dropdown-nav-divider-border: $global-border !default;
715
+ $dropdown-nav-sublist-item-color: $global-muted-color !default;
716
+ $dropdown-nav-sublist-item-hover-color: $global-color !default;
704
717
 
705
718
  // Inverse
706
- $inverse-dropdown-background: $inverse-global-muted-background !default;
707
- $inverse-dropdown-color: $inverse-global-color !default;
708
- $inverse-dropdown-nav-item-color: $inverse-global-muted-color !default;
709
- $inverse-dropdown-nav-item-hover-color: $inverse-global-color !default;
710
- $inverse-dropdown-nav-header-color: $inverse-global-emphasis-color !default;
711
- $inverse-dropdown-nav-divider-border: $inverse-global-border !default;
712
- $inverse-dropdown-nav-sublist-item-color: $inverse-global-muted-color !default;
713
- $inverse-dropdown-nav-sublist-item-hover-color: $inverse-global-color !default;
719
+ $inverse-dropdown-background: $inverse-global-muted-background !default;
720
+ $inverse-dropdown-color: $inverse-global-color !default;
721
+ $inverse-dropdown-nav-item-color: $inverse-global-muted-color !default;
722
+ $inverse-dropdown-nav-item-hover-color: $inverse-global-color !default;
723
+ $inverse-dropdown-nav-header-color: $inverse-global-emphasis-color !default;
724
+ $inverse-dropdown-nav-divider-border: $inverse-global-border !default;
725
+ $inverse-dropdown-nav-sublist-item-color: $inverse-global-muted-color !default;
726
+ $inverse-dropdown-nav-sublist-item-hover-color: $inverse-global-color !default;
714
727
 
715
728
 
716
729
  // Form
717
730
  // ========================================================================
718
731
 
719
- $form-height: $global-control-height !default;
720
- $form-line-height: $form-height !default;
721
- $form-padding-horizontal: 10px !default;
722
- $form-padding-vertical: round($form-padding-horizontal * 0.4) !default;
723
- $form-background: darken($global-muted-background, 1%) !default;
724
- $form-color: $global-color !default;
725
- $form-focus-background: darken($global-muted-background, 2%) !default;
726
- $form-focus-color: $global-color !default;
727
- $form-disabled-background: darken($global-muted-background, 3%) !default;
728
- $form-disabled-color: $global-color !default;
729
- $form-placeholder-color: $global-muted-color !default;
730
- $form-small-height: $global-control-small-height !default;
731
- $form-small-padding-horizontal: 8px !default;
732
- $form-small-padding-vertical: round($form-small-padding-horizontal * 0.4) !default;
733
- $form-small-line-height: $form-small-height !default;
734
- $form-small-font-size: $global-small-font-size !default;
735
- $form-medium-height: $global-control-medium-height !default;
736
- $form-medium-padding-horizontal: 15px !default;
737
- $form-medium-padding-vertical: round($form-medium-padding-horizontal * 0.4) !default;
738
- $form-medium-line-height: $form-medium-height !default;
739
- $form-medium-font-size: $global-font-size !default;
740
- $form-large-height: $global-control-large-height !default;
741
- $form-large-padding-horizontal: 12px !default;
742
- $form-large-padding-vertical: round($form-large-padding-horizontal * 0.3) !default;
743
- $form-large-line-height: $form-large-height !default;
744
- $form-large-font-size: $global-medium-font-size !default;
745
- $form-success-color: $global-success-background !default;
746
- $form-warning-color: $global-warning-background !default;
747
- $form-danger-color: $global-danger-background !default;
748
- $form-width-xsmall: 50px !default;
749
- $form-width-small: 130px !default;
750
- $form-width-medium: 260px !default;
751
- $form-width-large: 500px !default;
752
- $form-datalist-padding-right: 20px !default;
753
- $form-datalist-icon-color: $global-color !default;
754
- $form-legend-font-size: $global-large-font-size !default;
755
- $form-legend-line-height: 1.4 !default;
756
- $form-label-color: $global-inverse-color !default;
757
- $form-label-font-size: $global-font-size !default;
758
- $form-stacked-margin-bottom: $global-small-margin !default;
759
- $form-horizontal-label-width: 200px !default;
760
- $form-horizontal-label-margin-top: 7px !default;
761
- $form-horizontal-controls-margin-left: 215px !default;
762
- $form-horizontal-controls-text-padding-top: 7px !default;
763
- $form-icon-width: $form-height !default;
764
- $form-icon-color: $global-muted-color !default;
765
- $form-icon-hover-color: $global-color !default;
766
- $form-icon-datalist-image-path: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A' !default;
732
+ $form-height: $global-control-height !default;
733
+ $form-line-height: $form-height !default;
734
+ $form-padding-horizontal: 10px !default;
735
+ $form-padding-vertical: round($form-padding-horizontal * 0.4) !default;
736
+ $form-background: darken($global-muted-background, 1%) !default;
737
+ $form-color: $global-color !default;
738
+ $form-focus-background: darken($global-muted-background, 2%) !default;
739
+ $form-focus-color: $global-color !default;
740
+ $form-disabled-background: darken($global-muted-background, 3%) !default;
741
+ $form-disabled-color: $global-color !default;
742
+ $form-placeholder-color: $global-muted-color !default;
743
+ $form-small-height: $global-control-small-height !default;
744
+ $form-small-padding-horizontal: 8px !default;
745
+ $form-small-padding-vertical: round($form-small-padding-horizontal * 0.4) !default;
746
+ $form-small-line-height: $form-small-height !default;
747
+ $form-small-font-size: $global-small-font-size !default;
748
+ $form-medium-height: $global-control-medium-height !default;
749
+ $form-medium-padding-horizontal: 15px !default;
750
+ $form-medium-padding-vertical: round($form-medium-padding-horizontal * 0.4) !default;
751
+ $form-medium-line-height: $form-medium-height !default;
752
+ $form-medium-font-size: $global-font-size !default;
753
+ $form-large-height: $global-control-large-height !default;
754
+ $form-large-padding-horizontal: 12px !default;
755
+ $form-large-padding-vertical: round($form-large-padding-horizontal * 0.3) !default;
756
+ $form-large-line-height: $form-large-height !default;
757
+ $form-large-font-size: $global-medium-font-size !default;
758
+ $form-success-color: $global-success-background !default;
759
+ $form-warning-color: $global-warning-background !default;
760
+ $form-danger-color: $global-danger-background !default;
761
+ $form-width-xsmall: 50px !default;
762
+ $form-width-small: 130px !default;
763
+ $form-width-medium: 260px !default;
764
+ $form-width-large: 500px !default;
765
+ $form-datalist-padding-right: 20px !default;
766
+ $form-datalist-icon-color: $global-color !default;
767
+ $form-legend-font-size: $global-large-font-size !default;
768
+ $form-legend-line-height: 1.4 !default;
769
+ $form-label-color: $global-inverse-color !default;
770
+ $form-label-font-size: $global-font-size !default;
771
+ $form-stacked-margin-bottom: $global-small-margin !default;
772
+ $form-horizontal-label-width: 200px !default;
773
+ $form-horizontal-label-margin-top: 7px !default;
774
+ $form-horizontal-controls-margin-left: 215px !default;
775
+ $form-horizontal-controls-text-padding-top: 7px !default;
776
+ $form-icon-width: $form-height !default;
777
+ $form-icon-color: $global-muted-color !default;
778
+ $form-icon-hover-color: $global-color !default;
779
+ $form-icon-datalist-image-path: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A' !default;
767
780
 
768
781
  // Inverse
769
- $inverse-form-background: $inverse-global-muted-background !default;
770
- $inverse-form-color: $inverse-global-color !default;
771
- $inverse-form-focus-background: $inverse-global-muted-background !default;
772
- $inverse-form-focus-color: $inverse-global-color !default;
773
- $inverse-form-placeholder-color: $inverse-global-muted-color !default;
774
- $inverse-form-datalist-icon-color: $inverse-global-color !default;
775
- $inverse-form-icon-color: $inverse-global-muted-color !default;
776
- $inverse-form-icon-hover-color: $inverse-global-color !default;
777
- $inverse-form-label-color: $inverse-global-emphasis-color !default;
782
+ $inverse-form-background: $inverse-global-muted-background !default;
783
+ $inverse-form-color: $inverse-global-color !default;
784
+ $inverse-form-focus-background: $inverse-global-muted-background !default;
785
+ $inverse-form-focus-color: $inverse-global-color !default;
786
+ $inverse-form-placeholder-color: $inverse-global-muted-color !default;
787
+ $inverse-form-datalist-icon-color: $inverse-global-color !default;
788
+ $inverse-form-icon-color: $inverse-global-muted-color !default;
789
+ $inverse-form-icon-hover-color: $inverse-global-color !default;
790
+ $inverse-form-label-color: $inverse-global-emphasis-color !default;
778
791
 
779
792
 
780
793
  // Control
781
794
  // ========================================================================
782
795
 
783
- $control-height: $form-height !default;
784
- $control-line-height: $control-height !default;
785
- $control-padding-horizontal: 10px !default;
786
- $control-padding-vertical: round($control-padding-horizontal * 0.4) !default;
787
- $control-background: darken($global-muted-background, 1%) !default;
788
- $control-color: $global-color !default;
789
- $control-border: $global-border !default;
790
- $control-border-style: $global-border-style !default;
791
- $control-border-width: $global-border-width !default;
792
- $control-border-radius: 0 !default;
793
- $control-hover-background: darken($global-muted-background, 2%) !default;
794
- $control-hover-border: darken($control-border, 4%) !default;
795
- $control-hover-color: $global-color !default;
796
- $control-focus-background: darken($global-muted-background, 2%) !default;
797
- $control-focus-border: $global-primary-border !default;
798
- $control-focus-color: $global-color !default;
799
- $control-disabled-background: darken($global-muted-background, 3%) !default;
800
- $control-disabled-border: $control-border !default;
801
- $control-disabled-color: $global-color !default;
802
- $control-placeholder-color: $global-muted-color !default;
803
- $control-small-height: $global-control-small-height !default;
804
- $control-small-padding-horizontal: 8px !default;
805
- $control-small-padding-vertical: round($control-small-padding-horizontal * 0.4) !default;
806
- $control-small-line-height: $control-small-height !default;
807
- $control-small-font-size: $global-small-font-size !default;
808
- $control-medium-height: $global-control-medium-height !default;
809
- $control-medium-padding-horizontal: 15px !default;
810
- $control-medium-padding-vertical: round($control-medium-padding-horizontal * 0.4) !default;
811
- $control-medium-line-height: $control-medium-height !default;
812
- $control-medium-font-size: $global-font-size !default;
813
- $control-large-height: $global-control-large-height !default;
814
- $control-large-padding-horizontal: 12px !default;
815
- $control-large-padding-vertical: round($control-large-padding-horizontal * 0.3) !default;
816
- $control-large-line-height: $control-large-height !default;
817
- $control-large-font-size: $global-medium-font-size !default;
818
- $control-success-border: $global-success-background !default;
819
- $control-success-color: $global-success-background !default;
820
- $control-warning-border: $global-warning-background !default;
821
- $control-warning-color: $global-warning-background !default;
822
- $control-danger-border: $global-danger-background !default;
823
- $control-danger-color: $global-danger-background !default;
824
- $control-danger-color: $global-danger-background !default;
825
- $control-blank-border-style: dashed !default;
826
- $control-blank-focus-border: darken($global-muted-background, 5%) !default;
827
- $control-affix-margin: $global-small-margin !default;
828
- $control-icon-color: $global-muted-color !default;
829
- $control-icon-hover-color: $global-color !default;
796
+ $control-height: $form-height !default;
797
+ $control-line-height: $control-height !default;
798
+ $control-padding-horizontal: 10px !default;
799
+ $control-padding-vertical: round($control-padding-horizontal * 0.4) !default;
800
+ $control-background: darken($global-muted-background, 1%) !default;
801
+ $control-color: $global-color !default;
802
+ $control-border: $global-border !default;
803
+ $control-border-style: $global-border-style !default;
804
+ $control-border-width: $global-border-width !default;
805
+ $control-border-radius: 0 !default;
806
+ $control-hover-background: darken($global-muted-background, 2%) !default;
807
+ $control-hover-border: darken($control-border, 4%) !default;
808
+ $control-hover-color: $global-color !default;
809
+ $control-focus-background: darken($global-muted-background, 2%) !default;
810
+ $control-focus-border: $global-primary-border !default;
811
+ $control-focus-color: $global-color !default;
812
+ $control-disabled-background: darken($global-muted-background, 3%) !default;
813
+ $control-disabled-border: $control-border !default;
814
+ $control-disabled-color: $global-color !default;
815
+ $control-placeholder-color: $global-muted-color !default;
816
+ $control-small-height: $global-control-small-height !default;
817
+ $control-small-padding-horizontal: 8px !default;
818
+ $control-small-padding-vertical: round($control-small-padding-horizontal * 0.4) !default;
819
+ $control-small-line-height: $control-small-height !default;
820
+ $control-small-font-size: $global-small-font-size !default;
821
+ $control-medium-height: $global-control-medium-height !default;
822
+ $control-medium-padding-horizontal: 15px !default;
823
+ $control-medium-padding-vertical: round($control-medium-padding-horizontal * 0.4) !default;
824
+ $control-medium-line-height: $control-medium-height !default;
825
+ $control-medium-font-size: $global-font-size !default;
826
+ $control-large-height: $global-control-large-height !default;
827
+ $control-large-padding-horizontal: 12px !default;
828
+ $control-large-padding-vertical: round($control-large-padding-horizontal * 0.3) !default;
829
+ $control-large-line-height: $control-large-height !default;
830
+ $control-large-font-size: $global-medium-font-size !default;
831
+ $control-success-border: $global-success-background !default;
832
+ $control-success-color: $global-success-background !default;
833
+ $control-warning-border: $global-warning-background !default;
834
+ $control-warning-color: $global-warning-background !default;
835
+ $control-danger-border: $global-danger-background !default;
836
+ $control-danger-color: $global-danger-background !default;
837
+ $control-danger-color: $global-danger-background !default;
838
+ $control-blank-border-style: dashed !default;
839
+ $control-blank-focus-border: darken($global-muted-background, 5%) !default;
840
+ $control-affix-margin: $global-small-margin !default;
841
+ $control-icon-color: $global-muted-color !default;
842
+ $control-icon-hover-color: $global-color !default;
830
843
 
831
844
  // Inverse
832
- $inverse-control-background: darken($inverse-global-muted-background, 60%) !default;
833
- $inverse-control-border: $inverse-global-border !default;
834
- $inverse-control-color: $inverse-global-color !default;
835
- $inverse-control-hover-background: darken($inverse-global-muted-background, 70%) !default;
836
- $inverse-control-hover-border: darken($inverse-control-border, 4%) !default;
837
- $inverse-control-hover-color: $inverse-global-color !default;
838
- $inverse-control-focus-background: darken($inverse-global-muted-background, 70%) !default;
839
- $inverse-control-focus-color: $inverse-global-color !default;
840
- $inverse-control-focus-border: $inverse-control-hover-border !default;
841
- $inverse-control-placeholder-color: $inverse-global-muted-color !default;
842
- $inverse-control-icon-color: $inverse-global-muted-color !default;
843
- $inverse-control-icon-hover-color: $inverse-global-color !default;
845
+ $inverse-control-background: darken($inverse-global-muted-background, 60%) !default;
846
+ $inverse-control-border: $inverse-global-border !default;
847
+ $inverse-control-color: $inverse-global-color !default;
848
+ $inverse-control-hover-background: darken($inverse-global-muted-background, 70%) !default;
849
+ $inverse-control-hover-border: darken($inverse-control-border, 4%) !default;
850
+ $inverse-control-hover-color: $inverse-global-color !default;
851
+ $inverse-control-focus-background: darken($inverse-global-muted-background, 70%) !default;
852
+ $inverse-control-focus-color: $inverse-global-color !default;
853
+ $inverse-control-focus-border: $inverse-control-hover-border !default;
854
+ $inverse-control-placeholder-color: $inverse-global-muted-color !default;
855
+ $inverse-control-icon-color: $inverse-global-muted-color !default;
856
+ $inverse-control-icon-hover-color: $inverse-global-color !default;
844
857
 
845
858
 
846
859
  // Checkbox
847
860
  // ========================================================================
848
861
 
849
- $checkbox-size: 20px !default;
850
- $checkbox-background: $control-background !default;
851
- $checkbox-border-width: $control-border-width !default;
852
- $checkbox-border: $control-border !default;
853
- $checkbox-border-radius: $control-border-radius !default;
854
- $checkbox-hover-border: $global-primary-border !default;
855
- $checkbox-focus-background: $control-focus-background !default;
856
- $checkbox-focus-border: $global-primary-border !default;
857
- $checkbox-checked-background: $global-primary-background !default;
858
- $checkbox-checked-border: $global-primary-border !default;
859
- $checkbox-checked-icon-color: $global-inverse-color !default;
860
- $checkbox-control-background: rgba($control-background, 45%) !default;
861
- $checkbox-checked-control-background: rgba($checkbox-checked-background, 15%) !default;
862
- $checkbox-checked-control-color: $global-primary-background !default;
863
- $checkbox-checked-control-padding: 10px !default;
864
- $checkbox-disabled-background: $control-disabled-background !default;
865
- $checkbox-disabled-border: $control-disabled-border !default;
866
- $checkbox-disabled-icon-color: $global-muted-color !default;
867
- $checkbox-indeterminate-size: $checkbox-size - 10px !default;
862
+ $checkbox-size: 20px !default;
863
+ $checkbox-background: $control-background !default;
864
+ $checkbox-border-width: $control-border-width !default;
865
+ $checkbox-border: $control-border !default;
866
+ $checkbox-border-radius: $control-border-radius !default;
867
+ $checkbox-hover-border: $global-primary-border !default;
868
+ $checkbox-focus-background: $control-focus-background !default;
869
+ $checkbox-focus-border: $global-primary-border !default;
870
+ $checkbox-checked-background: $global-primary-background !default;
871
+ $checkbox-checked-border: $global-primary-border !default;
872
+ $checkbox-checked-icon-color: $global-inverse-color !default;
873
+ $checkbox-control-background: rgba($control-background, 45%) !default;
874
+ $checkbox-checked-control-background: rgba($checkbox-checked-background, 15%) !default;
875
+ $checkbox-checked-control-color: $global-primary-background !default;
876
+ $checkbox-checked-control-padding: 10px !default;
877
+ $checkbox-disabled-background: $control-disabled-background !default;
878
+ $checkbox-disabled-border: $control-disabled-border !default;
879
+ $checkbox-disabled-icon-color: $global-muted-color !default;
880
+ $checkbox-indeterminate-size: $checkbox-size - 10px !default;
868
881
 
869
882
 
870
883
  // Radio
871
884
  // ========================================================================
872
885
 
873
- $radio-size: 20px !default;
874
- $radio-background: $control-background !default;
875
- $radio-border-width: $control-border-width !default;
876
- $radio-border: $control-border !default;
877
- $radio-hover-border: $global-primary-border !default;
878
- $radio-focus-background: $control-focus-background !default;
879
- $radio-focus-border: $control-focus-border !default;
880
- $radio-checked-background: transparent !default;
881
- $radio-checked-border: $global-primary-border !default;
882
- $radio-checked-icon-color: $global-primary-background !default;
883
- $radio-control-background: rgba($control-background, 45%) !default;
884
- $radio-checked-control-background: rgba($radio-checked-icon-color, 15%) !default;
885
- $radio-checked-control-color: $global-primary-background !default;
886
- $radio-disabled-background: $control-disabled-background !default;
887
- $radio-disabled-border: $control-disabled-border !default;
888
- $radio-disabled-icon-color: $global-emphasis-color !default;
886
+ $radio-size: 20px !default;
887
+ $radio-background: $control-background !default;
888
+ $radio-border-width: $control-border-width !default;
889
+ $radio-border: $control-border !default;
890
+ $radio-hover-border: $global-primary-border !default;
891
+ $radio-focus-background: $control-focus-background !default;
892
+ $radio-focus-border: $control-focus-border !default;
893
+ $radio-checked-background: transparent !default;
894
+ $radio-checked-border: $global-primary-border !default;
895
+ $radio-checked-icon-color: $global-primary-background !default;
896
+ $radio-control-background: rgba($control-background, 45%) !default;
897
+ $radio-checked-control-background: rgba($radio-checked-icon-color, 15%) !default;
898
+ $radio-checked-control-color: $global-primary-background !default;
899
+ $radio-disabled-background: $control-disabled-background !default;
900
+ $radio-disabled-border: $control-disabled-border !default;
901
+ $radio-disabled-icon-color: $global-emphasis-color !default;
889
902
 
890
903
 
891
904
  // Select
892
905
  // ========================================================================
893
906
 
894
- $select-border: $control-border !default;
895
- $select-border-style: $control-border-style !default;
896
- $select-border-width: $control-border-width !default;
897
- $select-border-radius: $control-border-radius !default;
898
- $select-hover-border: $control-hover-border !default;
899
- $select-focus-border: $control-focus-border !default;
900
- $select-disabled-border: $control-disabled-border !default;
901
- $select-height: $control-height !default;
902
- $select-small-height: $control-small-height !default;
903
- $select-medium-height: $control-medium-height !default;
904
- $select-large-height: $control-large-height !default;
905
- $select-arrow-icon-size: 24px !default;
906
- $select-gutter: 7px !default;
907
- $select-small-gutter: 5px !default;
908
- $select-medium-gutter: 15px !default;
909
- $select-large-gutter: 12px !default;
910
- $select-selector-padding-horizontal: $control-padding-horizontal !default;
911
- $select-selector-medium-padding-horizontal: $control-medium-padding-horizontal !default;
912
- $select-selector-large-padding-horizontal: $control-large-padding-horizontal !default;
913
- $select-selection-search-input-color: $control-color !default;
914
- $select-selection-placeholder-color: $control-placeholder-color !default;
915
- $select-selection-item-background: $global-background !default;
916
- $select-selection-item-border-radius: $control-border-radius !default;
917
- $select-selection-item-font-size: 14px !default;
918
- $select-selection-item-line-height: 24px !default;
919
- $select-selection-item-remove-icon-size: $select-selection-item-font-size !default;
920
- $select-selection-item-remove-icon-hover-color: $global-primary-background !default;
921
- $select-dropdown-background: darken($global-background, 5%) !default;
922
- $select-dropdown-border: $control-border !default;
923
- $select-dropdown-border-style: $control-border-style !default;
924
- $select-dropdown-border-width: $control-border-width !default;
925
- $select-dropdown-border-radius: $control-border-radius !default;
926
- $select-icon-color: $control-icon-color !default;
927
- $select-icon-hover-color: $control-icon-hover-color !default;
928
- $select-icon-disabled-color: $control-disabled-color !default;
929
- $select-item-color: $control-color !default;
930
- $select-item-line-height: 24px !default;
931
- $select-item-active-background: $global-default-background !default;
932
- $select-item-selected-background: darken($global-background, 10%) !default;
933
- $select-item-selected-state-color: $global-primary-background !default;
934
- $select-item-disabled-color: $control-disabled-color !default;
935
- $select-item-group-color: $global-muted-color !default;
936
- $select-item-group-font-size: $global-small-font-size !default;
937
- $select-item-group-text-transform: uppercase !default;
907
+ $select-border: $control-border !default;
908
+ $select-border-style: $control-border-style !default;
909
+ $select-border-width: $control-border-width !default;
910
+ $select-border-radius: $control-border-radius !default;
911
+ $select-hover-border: $control-hover-border !default;
912
+ $select-focus-border: $control-focus-border !default;
913
+ $select-disabled-border: $control-disabled-border !default;
914
+ $select-height: $control-height !default;
915
+ $select-small-height: $control-small-height !default;
916
+ $select-medium-height: $control-medium-height !default;
917
+ $select-large-height: $control-large-height !default;
918
+ $select-arrow-icon-size: 24px !default;
919
+ $select-gutter: 7px !default;
920
+ $select-small-gutter: 5px !default;
921
+ $select-medium-gutter: 15px !default;
922
+ $select-large-gutter: 12px !default;
923
+ $select-selector-padding-horizontal: $control-padding-horizontal !default;
924
+ $select-selector-medium-padding-horizontal: $control-medium-padding-horizontal !default;
925
+ $select-selector-large-padding-horizontal: $control-large-padding-horizontal !default;
926
+ $select-selection-search-input-color: $control-color !default;
927
+ $select-selection-placeholder-color: $control-placeholder-color !default;
928
+ $select-selection-item-background: $global-background !default;
929
+ $select-selection-item-border-radius: $control-border-radius !default;
930
+ $select-selection-item-font-size: 14px !default;
931
+ $select-selection-item-line-height: 24px !default;
932
+ $select-selection-item-remove-icon-size: $select-selection-item-font-size !default;
933
+ $select-selection-item-remove-icon-hover-color: $global-primary-background !default;
934
+ $select-dropdown-background: darken($global-background, 5%) !default;
935
+ $select-dropdown-border: $control-border !default;
936
+ $select-dropdown-border-style: $control-border-style !default;
937
+ $select-dropdown-border-width: $control-border-width !default;
938
+ $select-dropdown-border-radius: $control-border-radius !default;
939
+ $select-icon-color: $control-icon-color !default;
940
+ $select-icon-hover-color: $control-icon-hover-color !default;
941
+ $select-icon-disabled-color: $control-disabled-color !default;
942
+ $select-item-color: $control-color !default;
943
+ $select-item-line-height: 24px !default;
944
+ $select-item-active-background: $global-default-background !default;
945
+ $select-item-selected-background: darken($global-background, 10%) !default;
946
+ $select-item-selected-state-color: $global-primary-background !default;
947
+ $select-item-disabled-color: $control-disabled-color !default;
948
+ $select-item-group-color: $global-muted-color !default;
949
+ $select-item-group-font-size: $global-small-font-size !default;
950
+ $select-item-group-text-transform: uppercase !default;
938
951
 
939
952
 
940
953
  // Textarea
941
954
  // ========================================================================
942
955
 
943
- $textarea-counter-background: $global-default-background;
944
- $textarea-counter-border-radius: $control-border-radius;
945
- $textarea-counter-color: $global-muted-color;
946
- $textarea-counter-font-size: 0.8em;
956
+ $textarea-counter-background: $global-default-background;
957
+ $textarea-counter-border-radius: $control-border-radius;
958
+ $textarea-counter-color: $global-muted-color;
959
+ $textarea-counter-font-size: 0.8em;
947
960
 
948
961
 
949
962
  // Grid
950
963
  // ========================================================================
951
964
 
952
- $grid-gutter-horizontal: $global-gutter !default;
953
- $grid-gutter-vertical: $grid-gutter-horizontal !default;
954
- $grid-gutter-horizontal-s: $global-small-gutter !default;
955
- $grid-gutter-vertical-s: $grid-gutter-horizontal-s !default;
956
- $grid-gutter-horizontal-m: $global-medium-gutter !default;
957
- $grid-gutter-vertical-m: $grid-gutter-horizontal-m !default;
958
- $grid-gutter-horizontal-l: $global-large-gutter !default;
959
- $grid-gutter-vertical-l: $grid-gutter-horizontal-l !default;
960
- $grid-xsmall-gutter-horizontal: $global-xsmall-gutter !default;
961
- $grid-xsmall-gutter-vertical: $grid-xsmall-gutter-horizontal !default;
962
- $grid-small-gutter-horizontal: $global-small-gutter !default;
963
- $grid-small-gutter-vertical: $grid-small-gutter-horizontal !default;
964
- $grid-medium-gutter-horizontal: $global-medium-gutter !default;
965
- $grid-medium-gutter-vertical: $grid-medium-gutter-horizontal !default;
966
- $grid-large-gutter-horizontal: $global-large-gutter !default;
967
- $grid-large-gutter-vertical: $grid-large-gutter-horizontal !default;
968
- $grid-large-gutter-horizontal-l: $global-xlarge-gutter !default;
969
- $grid-large-gutter-vertical-l: $grid-large-gutter-horizontal-l !default;
970
- $grid-divider-border-width: $global-border-width !default;
971
- $grid-divider-border: $global-border !default;
965
+ $grid-gutter-horizontal: $global-gutter !default;
966
+ $grid-gutter-vertical: $grid-gutter-horizontal !default;
967
+ $grid-gutter-horizontal-s: $global-small-gutter !default;
968
+ $grid-gutter-vertical-s: $grid-gutter-horizontal-s !default;
969
+ $grid-gutter-horizontal-m: $global-medium-gutter !default;
970
+ $grid-gutter-vertical-m: $grid-gutter-horizontal-m !default;
971
+ $grid-gutter-horizontal-l: $global-large-gutter !default;
972
+ $grid-gutter-vertical-l: $grid-gutter-horizontal-l !default;
973
+ $grid-xsmall-gutter-horizontal: $global-xsmall-gutter !default;
974
+ $grid-xsmall-gutter-vertical: $grid-xsmall-gutter-horizontal !default;
975
+ $grid-small-gutter-horizontal: $global-small-gutter !default;
976
+ $grid-small-gutter-vertical: $grid-small-gutter-horizontal !default;
977
+ $grid-medium-gutter-horizontal: $global-medium-gutter !default;
978
+ $grid-medium-gutter-vertical: $grid-medium-gutter-horizontal !default;
979
+ $grid-large-gutter-horizontal: $global-large-gutter !default;
980
+ $grid-large-gutter-vertical: $grid-large-gutter-horizontal !default;
981
+ $grid-large-gutter-horizontal-l: $global-xlarge-gutter !default;
982
+ $grid-large-gutter-vertical-l: $grid-large-gutter-horizontal-l !default;
983
+ $grid-divider-border-width: $global-border-width !default;
984
+ $grid-divider-border: $global-border !default;
972
985
 
973
986
  // Inverse
974
- $inverse-grid-divider-border: $inverse-global-border !default;
987
+ $inverse-grid-divider-border: $inverse-global-border !default;
975
988
 
976
989
 
977
990
  // Heading
978
991
  // ========================================================================
979
992
 
980
- $heading-medium-font-size-l: 4rem !default; // 64px
981
- $heading-large-font-size-l: 6rem !default; // 96px
982
- $heading-xlarge-font-size-l: 8rem !default; // 128px
983
- $heading-2xlarge-font-size-l: 11rem !default; // 176px
984
-
985
- $heading-small-font-size-m: $heading-medium-font-size-l * 0.8125 !default; // 3.25rem / 52px
986
- $heading-medium-font-size-m: $heading-medium-font-size-l * 0.875 !default; // 3.5rem / 56px
987
- $heading-large-font-size-m: $heading-medium-font-size-l !default; // 4rem / 64px
988
- $heading-xlarge-font-size-m: $heading-large-font-size-l !default; // 6rem / 96px
989
- $heading-2xlarge-font-size-m: $heading-xlarge-font-size-l !default; // 8rem / 128px
990
-
991
- $heading-small-font-size: $heading-small-font-size-m * 0.8 !default; // 38px 0.73
992
- $heading-medium-font-size: $heading-medium-font-size-m * 0.825 !default; // 40px 0.714
993
- $heading-large-font-size: $heading-large-font-size-m * 0.85 !default; // 50px 0.78
994
- $heading-xlarge-font-size: $heading-large-font-size-m !default; // 4rem / 64px
995
- $heading-2xlarge-font-size: $heading-xlarge-font-size-m !default; // 6rem / 96px
996
-
997
- $heading-small-line-height: 1.2 !default;
998
- $heading-medium-line-height: 1.1 !default;
999
- $heading-large-line-height: 1.1 !default;
1000
- $heading-xlarge-line-height: 1 !default;
1001
- $heading-2xlarge-line-height: 1 !default;
1002
- $heading-divider-padding-bottom: calc(5px + 0.1em) !default;
1003
- $heading-divider-border-width: calc(0.2px + 0.05em) !default;
1004
- $heading-divider-border: $global-border !default;
1005
- $heading-bullet-top: calc(-0.1 * 1em) !default;
1006
- $heading-bullet-height: calc(4px + 0.7em) !default;
1007
- $heading-bullet-margin-right: calc(5px + 0.2em) !default;
1008
- $heading-bullet-border-width: calc(5px + 0.1em) !default;
1009
- $heading-bullet-border: $global-border !default;
1010
- $heading-line-border: $global-border !default;
1011
- $heading-line-border-width: calc(0.2px + 0.05em) !default;
1012
- $heading-line-top: 50% !default;
1013
- $heading-line-height: $heading-line-border-width !default;
1014
- $heading-line-width: 2000px !default;
1015
- $heading-line-margin-horizontal: calc(5px + 0.3em) !default;
993
+ $heading-medium-font-size-l: 4rem !default; // 64px
994
+ $heading-large-font-size-l: 6rem !default; // 96px
995
+ $heading-xlarge-font-size-l: 8rem !default; // 128px
996
+ $heading-2xlarge-font-size-l: 11rem !default; // 176px
997
+
998
+ $heading-small-font-size-m: $heading-medium-font-size-l * 0.8125 !default; // 3.25rem / 52px
999
+ $heading-medium-font-size-m: $heading-medium-font-size-l * 0.875 !default; // 3.5rem / 56px
1000
+ $heading-large-font-size-m: $heading-medium-font-size-l !default; // 4rem / 64px
1001
+ $heading-xlarge-font-size-m: $heading-large-font-size-l !default; // 6rem / 96px
1002
+ $heading-2xlarge-font-size-m: $heading-xlarge-font-size-l !default; // 8rem / 128px
1003
+
1004
+ $heading-small-font-size: $heading-small-font-size-m * 0.8 !default; // 38px 0.73
1005
+ $heading-medium-font-size: $heading-medium-font-size-m * 0.825 !default; // 40px 0.714
1006
+ $heading-large-font-size: $heading-large-font-size-m * 0.85 !default; // 50px 0.78
1007
+ $heading-xlarge-font-size: $heading-large-font-size-m !default; // 4rem / 64px
1008
+ $heading-2xlarge-font-size: $heading-xlarge-font-size-m !default; // 6rem / 96px
1009
+
1010
+ $heading-small-line-height: 1.2 !default;
1011
+ $heading-medium-line-height: 1.1 !default;
1012
+ $heading-large-line-height: 1.1 !default;
1013
+ $heading-xlarge-line-height: 1 !default;
1014
+ $heading-2xlarge-line-height: 1 !default;
1015
+ $heading-divider-padding-bottom: calc(5px + 0.1em) !default;
1016
+ $heading-divider-border-width: calc(0.2px + 0.05em) !default;
1017
+ $heading-divider-border: $global-border !default;
1018
+ $heading-bullet-top: calc(-0.1 * 1em) !default;
1019
+ $heading-bullet-height: calc(4px + 0.7em) !default;
1020
+ $heading-bullet-margin-right: calc(5px + 0.2em) !default;
1021
+ $heading-bullet-border-width: calc(5px + 0.1em) !default;
1022
+ $heading-bullet-border: $global-border !default;
1023
+ $heading-line-border: $global-border !default;
1024
+ $heading-line-border-width: calc(0.2px + 0.05em) !default;
1025
+ $heading-line-top: 50% !default;
1026
+ $heading-line-height: $heading-line-border-width !default;
1027
+ $heading-line-width: 2000px !default;
1028
+ $heading-line-margin-horizontal: calc(5px + 0.3em) !default;
1016
1029
 
1017
1030
  // Inverse
1018
- $inverse-heading-divider-border: $inverse-global-border !default;
1019
- $inverse-heading-bullet-border: $inverse-global-border !default;
1020
- $inverse-heading-line-border: $inverse-global-border !default;
1031
+ $inverse-heading-divider-border: $inverse-global-border !default;
1032
+ $inverse-heading-bullet-border: $inverse-global-border !default;
1033
+ $inverse-heading-line-border: $inverse-global-border !default;
1021
1034
 
1022
1035
 
1023
1036
  // Height
1024
1037
  // ========================================================================
1025
1038
 
1026
- $height-small-height: 150px !default;
1027
- $height-medium-height: 300px !default;
1028
- $height-large-height: 450px !default;
1029
- $height-xlarge-height: 600px !default;
1039
+ $height-small-height: 150px !default;
1040
+ $height-medium-height: 300px !default;
1041
+ $height-large-height: 450px !default;
1042
+ $height-xlarge-height: 600px !default;
1030
1043
 
1031
1044
 
1032
1045
  // Icon
1033
1046
  // ========================================================================
1034
1047
 
1035
- $icon-image-size: 20px !default;
1036
- $icon-link-color: $global-muted-color !default;
1037
- $icon-link-hover-color: $global-color !default;
1038
- $icon-link-active-color: darken($global-color, 5%) !default;
1039
- $icon-button-size: 36px !default;
1040
- $icon-button-border-radius: 500px !default;
1041
- $icon-button-background: $global-muted-background !default;
1042
- $icon-button-color: $global-muted-color !default;
1043
- $icon-button-hover-background: darken($icon-button-background, 5%) !default;
1044
- $icon-button-hover-color: $global-color !default;
1045
- $icon-button-active-background: darken($icon-button-background, 10%) !default;
1046
- $icon-button-active-color: $global-color !default;
1048
+ $icon-image-size: 20px !default;
1049
+ $icon-link-color: $global-muted-color !default;
1050
+ $icon-link-hover-color: $global-color !default;
1051
+ $icon-link-active-color: darken($global-color, 5%) !default;
1052
+ $icon-button-size: 36px !default;
1053
+ $icon-button-border-radius: 500px !default;
1054
+ $icon-button-background: $global-muted-background !default;
1055
+ $icon-button-color: $global-muted-color !default;
1056
+ $icon-button-hover-background: darken($icon-button-background, 5%) !default;
1057
+ $icon-button-hover-color: $global-color !default;
1058
+ $icon-button-active-background: darken($icon-button-background, 10%) !default;
1059
+ $icon-button-active-color: $global-color !default;
1047
1060
 
1048
1061
  // Inverse
1049
- $inverse-icon-link-color: $inverse-global-muted-color !default;
1050
- $inverse-icon-link-hover-color: $inverse-global-color !default;
1051
- $inverse-icon-link-active-color: $inverse-global-color !default;
1052
- $inverse-icon-button-background: $inverse-global-muted-background !default;
1053
- $inverse-icon-button-color: $inverse-global-muted-color !default;
1054
- $inverse-icon-button-hover-background: darken($inverse-icon-button-background, 5%) !default;
1055
- $inverse-icon-button-hover-color: $inverse-global-color !default;
1056
- $inverse-icon-button-active-background: darken($inverse-icon-button-background, 10%) !default;
1057
- $inverse-icon-button-active-color: $inverse-global-color !default;
1062
+ $inverse-icon-link-color: $inverse-global-muted-color !default;
1063
+ $inverse-icon-link-hover-color: $inverse-global-color !default;
1064
+ $inverse-icon-link-active-color: $inverse-global-color !default;
1065
+ $inverse-icon-button-background: $inverse-global-muted-background !default;
1066
+ $inverse-icon-button-color: $inverse-global-muted-color !default;
1067
+ $inverse-icon-button-hover-background: darken($inverse-icon-button-background, 5%) !default;
1068
+ $inverse-icon-button-hover-color: $inverse-global-color !default;
1069
+ $inverse-icon-button-active-background: darken($inverse-icon-button-background, 10%) !default;
1070
+ $inverse-icon-button-active-color: $inverse-global-color !default;
1058
1071
 
1059
1072
 
1060
1073
  // Iconnav
1061
1074
  // ========================================================================
1062
1075
 
1063
- $iconnav-margin-horizontal: $global-small-margin !default;
1064
- $iconnav-margin-vertical: $iconnav-margin-horizontal !default;
1065
- $iconnav-item-color: $global-muted-color !default;
1066
- $iconnav-item-hover-color: $global-color !default;
1067
- $iconnav-item-active-color: $global-color !default;
1076
+ $iconnav-margin-horizontal: $global-small-margin !default;
1077
+ $iconnav-margin-vertical: $iconnav-margin-horizontal !default;
1078
+ $iconnav-item-color: $global-muted-color !default;
1079
+ $iconnav-item-hover-color: $global-color !default;
1080
+ $iconnav-item-active-color: $global-color !default;
1068
1081
 
1069
1082
  // Inverse
1070
- $inverse-iconnav-item-color: $inverse-global-muted-color !default;
1071
- $inverse-iconnav-item-hover-color: $inverse-global-color !default;
1072
- $inverse-iconnav-item-active-color: $inverse-global-color !default;
1083
+ $inverse-iconnav-item-color: $inverse-global-muted-color !default;
1084
+ $inverse-iconnav-item-hover-color: $inverse-global-color !default;
1085
+ $inverse-iconnav-item-active-color: $inverse-global-color !default;
1073
1086
 
1074
1087
 
1075
1088
  // Label
1076
1089
  // ========================================================================
1077
1090
 
1078
- $label-padding-vertical: 0 !default;
1079
- $label-padding-horizontal: $global-small-margin !default;
1080
- $label-background: $global-primary-background !default;
1081
- $label-border-radius: 0 !default;
1082
- $label-line-height: $global-line-height !default;
1083
- $label-font-size: $global-small-font-size !default;
1084
- $label-large-padding-vertical: $global-xsmall-margin !default;
1085
- $label-large-padding-horizontal: $global-margin !default;
1086
- $label-large-line-height: $global-line-height !default;
1087
- $label-large-font-size: $global-font-size !default;
1088
- $label-color: $global-inverse-color !default;
1089
- $label-success-background: $global-success-background !default;
1090
- $label-success-color: $global-inverse-color !default;
1091
- $label-warning-background: $global-warning-background !default;
1092
- $label-warning-color: $global-inverse-color !default;
1093
- $label-danger-background: $global-danger-background !default;
1094
- $label-danger-color: $global-inverse-color !default;
1091
+ $label-padding-vertical: 0 !default;
1092
+ $label-padding-horizontal: $global-small-margin !default;
1093
+ $label-background: $global-primary-background !default;
1094
+ $label-border-radius: 0 !default;
1095
+ $label-line-height: $global-line-height !default;
1096
+ $label-font-size: $global-small-font-size !default;
1097
+ $label-large-padding-vertical: $global-xsmall-margin !default;
1098
+ $label-large-padding-horizontal: $global-margin !default;
1099
+ $label-large-line-height: $global-line-height !default;
1100
+ $label-large-font-size: $global-font-size !default;
1101
+ $label-color: $global-inverse-color !default;
1102
+ $label-success-background: $global-success-background !default;
1103
+ $label-success-color: $global-inverse-color !default;
1104
+ $label-warning-background: $global-warning-background !default;
1105
+ $label-warning-color: $global-inverse-color !default;
1106
+ $label-danger-background: $global-danger-background !default;
1107
+ $label-danger-color: $global-inverse-color !default;
1095
1108
 
1096
1109
  // Inverse
1097
- $inverse-label-background: $inverse-global-primary-background !default;
1098
- $inverse-label-color: $inverse-global-inverse-color !default;
1110
+ $inverse-label-background: $inverse-global-primary-background !default;
1111
+ $inverse-label-color: $inverse-global-inverse-color !default;
1099
1112
 
1100
1113
 
1101
1114
  // Leader
1102
1115
  // ========================================================================
1103
1116
 
1104
- $leader-fill-content: '.' !default;
1105
- $leader-fill-margin-left: $global-small-gutter !default;
1117
+ $leader-fill-content: '.' !default;
1118
+ $leader-fill-margin-left: $global-small-gutter !default;
1106
1119
 
1107
1120
 
1108
1121
  // Lightbox
1109
1122
  // ========================================================================
1110
1123
 
1111
- $lightbox-z-index: $global-z-index + 10 !default;
1112
- $lightbox-background: #000 !default;
1113
- $lightbox-item-color: rgb(255 255 255 / 70%) !default;
1114
- $lightbox-item-max-width: 100vw !default;
1115
- $lightbox-item-max-height: 100vh !default;
1116
- $lightbox-toolbar-padding-vertical: 10px !default;
1117
- $lightbox-toolbar-padding-horizontal: 10px !default;
1118
- $lightbox-toolbar-background: rgb(0 0 0 / 30%) !default;
1119
- $lightbox-toolbar-color: rgb(255 255 255 / 70%) !default;
1120
- $lightbox-toolbar-icon-padding: 5px !default;
1121
- $lightbox-toolbar-icon-color: rgb(255 255 255 / 70%) !default;
1122
- $lightbox-toolbar-icon-hover-color: #fff !default;
1123
- $lightbox-button-size: 50px !default;
1124
- $lightbox-button-background: $lightbox-toolbar-background !default;
1125
- $lightbox-button-color: rgb(255 255 255 / 70%) !default;
1126
- $lightbox-button-hover-color: #fff !default;
1124
+ $lightbox-z-index: $global-z-index + 10 !default;
1125
+ $lightbox-background: #000 !default;
1126
+ $lightbox-item-color: rgb(255 255 255 / 70%) !default;
1127
+ $lightbox-item-max-width: 100vw !default;
1128
+ $lightbox-item-max-height: 100vh !default;
1129
+ $lightbox-toolbar-padding-vertical: 10px !default;
1130
+ $lightbox-toolbar-padding-horizontal: 10px !default;
1131
+ $lightbox-toolbar-background: rgb(0 0 0 / 30%) !default;
1132
+ $lightbox-toolbar-color: rgb(255 255 255 / 70%) !default;
1133
+ $lightbox-toolbar-icon-padding: 5px !default;
1134
+ $lightbox-toolbar-icon-color: rgb(255 255 255 / 70%) !default;
1135
+ $lightbox-toolbar-icon-hover-color: #fff !default;
1136
+ $lightbox-button-size: 50px !default;
1137
+ $lightbox-button-background: $lightbox-toolbar-background !default;
1138
+ $lightbox-button-color: rgb(255 255 255 / 70%) !default;
1139
+ $lightbox-button-hover-color: #fff !default;
1127
1140
 
1128
1141
 
1129
1142
  // Link
1130
1143
  // ========================================================================
1131
1144
 
1132
- $link-muted-color: $global-muted-color !default;
1133
- $link-muted-hover-color: $global-color !default;
1134
- $link-text-hover-color: $global-muted-color !default;
1135
- $link-heading-hover-color: $global-primary-background !default;
1136
- $link-heading-hover-text-decoration: none !default;
1145
+ $link-muted-color: $global-muted-color !default;
1146
+ $link-muted-hover-color: $global-color !default;
1147
+ $link-text-hover-color: $global-muted-color !default;
1148
+ $link-heading-hover-color: $global-primary-background !default;
1149
+ $link-heading-hover-text-decoration: none !default;
1137
1150
 
1138
1151
  // Inverse
1139
- $inverse-link-muted-color: $inverse-global-muted-color !default;
1140
- $inverse-link-muted-hover-color: $inverse-global-color !default;
1141
- $inverse-link-text-hover-color: $inverse-global-muted-color !default;
1142
- $inverse-link-heading-hover-color: $inverse-global-primary-background !default;
1152
+ $inverse-link-muted-color: $inverse-global-muted-color !default;
1153
+ $inverse-link-muted-hover-color: $inverse-global-color !default;
1154
+ $inverse-link-text-hover-color: $inverse-global-muted-color !default;
1155
+ $inverse-link-heading-hover-color: $inverse-global-primary-background !default;
1143
1156
 
1144
1157
 
1145
1158
  // List
1146
1159
  // ========================================================================
1147
1160
 
1148
- $list-margin-top: $global-small-margin !default;
1149
- $list-padding-left: 30px !default;
1150
- $list-marker-height: ($global-line-height * 1em) !default;
1151
- $list-muted-color: $global-muted-color !default;
1152
- $list-emphasis-color: $global-emphasis-color !default;
1153
- $list-primary-color: $global-primary-background !default;
1154
- $list-secondary-color: $global-secondary-background !default;
1155
- $list-bullet-icon-color: $global-color !default;
1156
- $list-divider-margin-top: $global-small-margin !default;
1157
- $list-divider-border-width: $global-border-width !default;
1158
- $list-divider-border: $global-border !default;
1159
- $list-striped-padding-vertical: $global-small-margin !default;
1160
- $list-striped-padding-horizontal: $global-small-margin !default;
1161
- $list-striped-background: $global-muted-background !default;
1162
- $list-large-margin-top: $global-margin !default;
1163
- $list-large-divider-margin-top: $global-margin !default;
1164
- $list-large-striped-padding-vertical: $global-margin !default;
1165
- $list-large-striped-padding-horizontal: $global-small-margin !default;
1166
- $list-bullet-icon-image-path: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22#000%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E' !default;
1161
+ $list-margin-top: $global-small-margin !default;
1162
+ $list-padding-left: 30px !default;
1163
+ $list-marker-height: ($global-line-height * 1em) !default;
1164
+ $list-muted-color: $global-muted-color !default;
1165
+ $list-emphasis-color: $global-emphasis-color !default;
1166
+ $list-primary-color: $global-primary-background !default;
1167
+ $list-secondary-color: $global-secondary-background !default;
1168
+ $list-bullet-icon-color: $global-color !default;
1169
+ $list-divider-margin-top: $global-small-margin !default;
1170
+ $list-divider-border-width: $global-border-width !default;
1171
+ $list-divider-border: $global-border !default;
1172
+ $list-striped-padding-vertical: $global-small-margin !default;
1173
+ $list-striped-padding-horizontal: $global-small-margin !default;
1174
+ $list-striped-background: $global-muted-background !default;
1175
+ $list-large-margin-top: $global-margin !default;
1176
+ $list-large-divider-margin-top: $global-margin !default;
1177
+ $list-large-striped-padding-vertical: $global-margin !default;
1178
+ $list-large-striped-padding-horizontal: $global-small-margin !default;
1179
+ $list-bullet-icon-image-path: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22#000%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E' !default;
1167
1180
 
1168
1181
  // Inverse
1169
- $inverse-list-muted-color: $inverse-global-muted-color !default;
1170
- $inverse-list-emphasis-color: $inverse-global-emphasis-color !default;
1171
- $inverse-list-primary-color: $inverse-global-primary-background !default;
1172
- $inverse-list-secondary-color: $inverse-global-primary-background !default;
1173
- $inverse-list-divider-border: $inverse-global-border !default;
1174
- $inverse-list-striped-background: $inverse-global-muted-background !default;
1175
- $inverse-list-bullet-icon-color: $inverse-global-color !default;
1182
+ $inverse-list-muted-color: $inverse-global-muted-color !default;
1183
+ $inverse-list-emphasis-color: $inverse-global-emphasis-color !default;
1184
+ $inverse-list-primary-color: $inverse-global-primary-background !default;
1185
+ $inverse-list-secondary-color: $inverse-global-primary-background !default;
1186
+ $inverse-list-divider-border: $inverse-global-border !default;
1187
+ $inverse-list-striped-background: $inverse-global-muted-background !default;
1188
+ $inverse-list-bullet-icon-color: $inverse-global-color !default;
1176
1189
 
1177
1190
 
1178
1191
  // Margin
1179
1192
  // ========================================================================
1180
1193
 
1181
- $margin-margin: $global-margin !default;
1182
- $margin-xsmall-margin: $global-xsmall-margin !default;
1183
- $margin-small-margin: $global-small-margin !default;
1184
- $margin-medium-margin: $global-medium-margin !default;
1185
- $margin-large-margin: $global-medium-margin !default;
1186
- $margin-large-margin-l: $global-large-margin !default;
1187
- $margin-xlarge-margin: $global-large-margin !default;
1188
- $margin-xlarge-margin-l: $global-xlarge-margin !default;
1194
+ $margin-margin: $global-margin !default;
1195
+ $margin-xsmall-margin: $global-xsmall-margin !default;
1196
+ $margin-small-margin: $global-small-margin !default;
1197
+ $margin-medium-margin: $global-medium-margin !default;
1198
+ $margin-large-margin: $global-medium-margin !default;
1199
+ $margin-large-margin-l: $global-large-margin !default;
1200
+ $margin-xlarge-margin: $global-large-margin !default;
1201
+ $margin-xlarge-margin-l: $global-xlarge-margin !default;
1189
1202
 
1190
1203
 
1191
1204
  // Marker
1192
1205
  // ========================================================================
1193
1206
 
1194
- $marker-padding: 5px !default;
1195
- $marker-background: $global-secondary-background !default;
1196
- $marker-color: $global-inverse-color !default;
1197
- $marker-hover-color: $global-inverse-color !default;
1207
+ $marker-padding: 5px !default;
1208
+ $marker-background: $global-secondary-background !default;
1209
+ $marker-color: $global-inverse-color !default;
1210
+ $marker-hover-color: $global-inverse-color !default;
1198
1211
 
1199
1212
  // Inverse
1200
- $inverse-marker-background: $global-muted-background !default;
1201
- $inverse-marker-color: $global-color !default;
1202
- $inverse-marker-hover-color: $global-color !default;
1213
+ $inverse-marker-background: $global-muted-background !default;
1214
+ $inverse-marker-color: $global-color !default;
1215
+ $inverse-marker-hover-color: $global-color !default;
1203
1216
 
1204
1217
 
1205
1218
  // Modal
1206
1219
  // ========================================================================
1207
1220
 
1208
- $modal-z-index: $global-z-index + 10 !default;
1209
- $modal-mask-background: rgb(0 0 0 / 30%) !default;
1210
- $modal-padding-horizontal: 15px !default;
1211
- $modal-padding-horizontal-s: $global-gutter !default;
1212
- $modal-padding-horizontal-m: $global-medium-gutter !default;
1213
- $modal-padding-vertical: $modal-padding-horizontal !default;
1214
- $modal-padding-vertical-s: 50px !default;
1215
- $modal-width: 600px !default;
1216
- $modal-content-background: $global-background !default;
1217
- $modal-container-width: 1200px !default;
1218
- $modal-body-padding-horizontal: $global-gutter !default;
1219
- $modal-body-padding-vertical: $global-gutter !default;
1220
- $modal-header-padding-horizontal: $global-gutter !default;
1221
- $modal-header-padding-vertical: ($modal-header-padding-horizontal * 0.5) !default;
1222
- $modal-header-background: $global-muted-background !default;
1223
- $modal-footer-padding-horizontal: $global-gutter !default;
1224
- $modal-footer-padding-vertical: ($modal-footer-padding-horizontal * 0.5) !default;
1225
- $modal-footer-background: $global-muted-background !default;
1226
- $modal-title-font-size: $global-xlarge-font-size !default;
1227
- $modal-title-line-height: 1.3 !default;
1228
- $modal-close-position: $global-small-margin !default;
1229
- $modal-close-padding: 5px !default;
1230
- $modal-close-outside-position: 0 !default;
1231
- $modal-close-outside-translate: 100% !default;
1232
- $modal-close-outside-color: lighten($global-inverse-color, 20%) !default;
1233
- $modal-close-outside-hover-color: $global-inverse-color !default;
1221
+ $modal-z-index: $global-z-index + 10 !default;
1222
+ $modal-mask-background: rgb(0 0 0 / 30%) !default;
1223
+ $modal-padding-horizontal: 15px !default;
1224
+ $modal-padding-horizontal-s: $global-gutter !default;
1225
+ $modal-padding-horizontal-m: $global-medium-gutter !default;
1226
+ $modal-padding-vertical: $modal-padding-horizontal !default;
1227
+ $modal-padding-vertical-s: 50px !default;
1228
+ $modal-width: 600px !default;
1229
+ $modal-content-background: $global-background !default;
1230
+ $modal-container-width: 1200px !default;
1231
+ $modal-body-padding-horizontal: $global-gutter !default;
1232
+ $modal-body-padding-vertical: $global-gutter !default;
1233
+ $modal-header-padding-horizontal: $global-gutter !default;
1234
+ $modal-header-padding-vertical: ($modal-header-padding-horizontal * 0.5) !default;
1235
+ $modal-header-background: $global-muted-background !default;
1236
+ $modal-footer-padding-horizontal: $global-gutter !default;
1237
+ $modal-footer-padding-vertical: ($modal-footer-padding-horizontal * 0.5) !default;
1238
+ $modal-footer-background: $global-muted-background !default;
1239
+ $modal-title-font-size: $global-xlarge-font-size !default;
1240
+ $modal-title-line-height: 1.3 !default;
1241
+ $modal-close-position: $global-small-margin !default;
1242
+ $modal-close-padding: 5px !default;
1243
+ $modal-close-outside-position: 0 !default;
1244
+ $modal-close-outside-translate: 100% !default;
1245
+ $modal-close-outside-color: lighten($global-inverse-color, 20%) !default;
1246
+ $modal-close-outside-hover-color: $global-inverse-color !default;
1234
1247
 
1235
1248
 
1236
1249
  // Nav
1237
1250
  // ========================================================================
1238
1251
 
1239
- $nav-item-padding-vertical: 5px !default;
1240
- $nav-item-padding-horizontal: 0 !default;
1241
- $nav-sublist-padding-vertical: 5px !default;
1242
- $nav-sublist-padding-left: 15px !default;
1243
- $nav-sublist-deeper-padding-left: 15px !default;
1244
- $nav-sublist-item-padding-vertical: 2px !default;
1245
- $nav-parent-icon-width: ($global-line-height * 1em) !default;
1246
- $nav-parent-icon-height: $nav-parent-icon-width !default;
1247
- $nav-parent-icon-color: $global-color !default;
1248
- $nav-header-padding-vertical: $nav-item-padding-vertical !default;
1249
- $nav-header-padding-horizontal: $nav-item-padding-horizontal !default;
1250
- $nav-header-font-size: $global-small-font-size !default;
1251
- $nav-header-text-transform: uppercase !default;
1252
- $nav-header-margin-top: $global-margin !default;
1253
- $nav-divider-border-width: $global-border-width !default;
1254
- $nav-divider-border: $global-border !default;
1255
- $nav-divider-margin-vertical: 5px !default;
1256
- $nav-divider-margin-horizontal: 0 !default;
1257
- $nav-default-item-color: $global-muted-color !default;
1258
- $nav-default-item-hover-color: $global-color !default;
1259
- $nav-default-item-active-color: $global-emphasis-color !default;
1260
- $nav-default-header-color: $global-emphasis-color !default;
1261
- $nav-default-divider-border-width: $global-border-width !default;
1262
- $nav-default-divider-border: $global-border !default;
1263
- $nav-default-sublist-item-color: $global-muted-color !default;
1264
- $nav-default-sublist-item-hover-color: $global-color !default;
1265
- $nav-default-sublist-item-active-color: $global-emphasis-color !default;
1266
- $nav-primary-item-font-size: $global-large-font-size !default;
1267
- $nav-primary-item-line-height: $global-line-height !default;
1268
- $nav-primary-item-color: $global-muted-color !default;
1269
- $nav-primary-item-hover-color: $global-color !default;
1270
- $nav-primary-item-active-color: $global-emphasis-color !default;
1271
- $nav-primary-header-color: $global-emphasis-color !default;
1272
- $nav-primary-divider-border-width: $global-border-width !default;
1273
- $nav-primary-divider-border: $global-border !default;
1274
- $nav-primary-sublist-item-color: $global-muted-color !default;
1275
- $nav-primary-sublist-item-hover-color: $global-color !default;
1276
- $nav-primary-sublist-item-active-color: $global-emphasis-color !default;
1277
- $nav-dividers-margin-top: 0 !default;
1278
- $nav-dividers-border-width: $global-border-width !default;
1279
- $nav-dividers-border: $global-border !default;
1280
- $nav-parent-icon-close-image-path: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E' !default;
1281
- $nav-parent-icon-open-image-path: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E' !default;
1252
+ $nav-item-padding-vertical: 5px !default;
1253
+ $nav-item-padding-horizontal: 0 !default;
1254
+ $nav-sublist-padding-vertical: 5px !default;
1255
+ $nav-sublist-padding-left: 15px !default;
1256
+ $nav-sublist-deeper-padding-left: 15px !default;
1257
+ $nav-sublist-item-padding-vertical: 2px !default;
1258
+ $nav-parent-icon-width: ($global-line-height * 1em) !default;
1259
+ $nav-parent-icon-height: $nav-parent-icon-width !default;
1260
+ $nav-parent-icon-color: $global-color !default;
1261
+ $nav-header-padding-vertical: $nav-item-padding-vertical !default;
1262
+ $nav-header-padding-horizontal: $nav-item-padding-horizontal !default;
1263
+ $nav-header-font-size: $global-small-font-size !default;
1264
+ $nav-header-text-transform: uppercase !default;
1265
+ $nav-header-margin-top: $global-margin !default;
1266
+ $nav-divider-border-width: $global-border-width !default;
1267
+ $nav-divider-border: $global-border !default;
1268
+ $nav-divider-margin-vertical: 5px !default;
1269
+ $nav-divider-margin-horizontal: 0 !default;
1270
+ $nav-default-item-color: $global-muted-color !default;
1271
+ $nav-default-item-hover-color: $global-color !default;
1272
+ $nav-default-item-active-color: $global-emphasis-color !default;
1273
+ $nav-default-header-color: $global-emphasis-color !default;
1274
+ $nav-default-divider-border-width: $global-border-width !default;
1275
+ $nav-default-divider-border: $global-border !default;
1276
+ $nav-default-sublist-item-color: $global-muted-color !default;
1277
+ $nav-default-sublist-item-hover-color: $global-color !default;
1278
+ $nav-default-sublist-item-active-color: $global-emphasis-color !default;
1279
+ $nav-primary-item-font-size: $global-large-font-size !default;
1280
+ $nav-primary-item-line-height: $global-line-height !default;
1281
+ $nav-primary-item-color: $global-muted-color !default;
1282
+ $nav-primary-item-hover-color: $global-color !default;
1283
+ $nav-primary-item-active-color: $global-emphasis-color !default;
1284
+ $nav-primary-header-color: $global-emphasis-color !default;
1285
+ $nav-primary-divider-border-width: $global-border-width !default;
1286
+ $nav-primary-divider-border: $global-border !default;
1287
+ $nav-primary-sublist-item-color: $global-muted-color !default;
1288
+ $nav-primary-sublist-item-hover-color: $global-color !default;
1289
+ $nav-primary-sublist-item-active-color: $global-emphasis-color !default;
1290
+ $nav-dividers-margin-top: 0 !default;
1291
+ $nav-dividers-border-width: $global-border-width !default;
1292
+ $nav-dividers-border: $global-border !default;
1282
1293
 
1283
1294
  // Inverse
1284
- $inverse-nav-parent-icon-color: $inverse-global-color !default;
1285
- $inverse-nav-default-item-color: $inverse-global-muted-color !default;
1286
- $inverse-nav-default-item-hover-color: $inverse-global-color !default;
1287
- $inverse-nav-default-item-active-color: $inverse-global-emphasis-color !default;
1288
- $inverse-nav-default-header-color: $inverse-global-emphasis-color !default;
1289
- $inverse-nav-default-divider-border: $inverse-global-border !default;
1290
- $inverse-nav-default-sublist-item-color: $inverse-global-muted-color !default;
1291
- $inverse-nav-default-sublist-item-hover-color: $inverse-global-color !default;
1292
- $inverse-nav-default-sublist-item-active-color: $inverse-global-emphasis-color !default;
1293
- $inverse-nav-primary-item-color: $inverse-global-muted-color !default;
1294
- $inverse-nav-primary-item-hover-color: $inverse-global-color !default;
1295
- $inverse-nav-primary-item-active-color: $inverse-global-emphasis-color !default;
1296
- $inverse-nav-primary-header-color: $inverse-global-emphasis-color !default;
1297
- $inverse-nav-primary-divider-border: $inverse-global-border !default;
1298
- $inverse-nav-primary-sublist-item-color: $inverse-global-muted-color !default;
1299
- $inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default;
1300
- $inverse-nav-primary-sublist-item-active-color: $inverse-global-emphasis-color !default;
1295
+ $inverse-nav-parent-icon-color: $inverse-global-color !default;
1296
+ $inverse-nav-default-item-color: $inverse-global-muted-color !default;
1297
+ $inverse-nav-default-item-hover-color: $inverse-global-color !default;
1298
+ $inverse-nav-default-item-active-color: $inverse-global-emphasis-color !default;
1299
+ $inverse-nav-default-header-color: $inverse-global-emphasis-color !default;
1300
+ $inverse-nav-default-divider-border: $inverse-global-border !default;
1301
+ $inverse-nav-default-sublist-item-color: $inverse-global-muted-color !default;
1302
+ $inverse-nav-default-sublist-item-hover-color: $inverse-global-color !default;
1303
+ $inverse-nav-default-sublist-item-active-color: $inverse-global-emphasis-color !default;
1304
+ $inverse-nav-primary-item-color: $inverse-global-muted-color !default;
1305
+ $inverse-nav-primary-item-hover-color: $inverse-global-color !default;
1306
+ $inverse-nav-primary-item-active-color: $inverse-global-emphasis-color !default;
1307
+ $inverse-nav-primary-header-color: $inverse-global-emphasis-color !default;
1308
+ $inverse-nav-primary-divider-border: $inverse-global-border !default;
1309
+ $inverse-nav-primary-sublist-item-color: $inverse-global-muted-color !default;
1310
+ $inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default;
1311
+ $inverse-nav-primary-sublist-item-active-color: $inverse-global-emphasis-color !default;
1301
1312
 
1302
1313
 
1303
1314
  // Navbar
1304
1315
  // ========================================================================
1305
1316
 
1306
- $navbar-background: $global-muted-background !default;
1307
- $navbar-color-mode: none !default;
1308
- $navbar-nav-item-height: 80px !default;
1309
- $navbar-nav-item-padding-horizontal: 15px !default;
1310
- $navbar-nav-item-color: $global-muted-color !default;
1311
- $navbar-nav-item-font-size: $global-font-size !default;
1312
- $navbar-nav-item-font-family: $global-font-family !default;
1313
- $navbar-nav-item-hover-color: $global-color !default;
1314
- $navbar-nav-item-onclick-color: $global-emphasis-color !default;
1315
- $navbar-nav-item-active-color: $global-emphasis-color !default;
1316
- $navbar-item-color: $global-color !default;
1317
- $navbar-toggle-color: $global-muted-color !default;
1318
- $navbar-toggle-hover-color: $global-color !default;
1319
- $navbar-subtitle-font-size: $global-small-font-size !default;
1320
- $navbar-dropdown-z-index: $global-z-index + 20 !default;
1321
- $navbar-dropdown-width: 200px !default;
1322
- $navbar-dropdown-margin: 0 !default;
1323
- $navbar-dropdown-padding: 15px !default;
1324
- $navbar-dropdown-background: $global-muted-background !default;
1325
- $navbar-dropdown-color: $global-color !default;
1326
- $navbar-dropdown-grid-gutter-horizontal: $global-gutter !default;
1327
- $navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
1328
- $navbar-dropdown-dropbar-margin-top: 0 !default;
1329
- $navbar-dropdown-dropbar-margin-bottom: $navbar-dropdown-dropbar-margin-top !default;
1330
- $navbar-dropdown-nav-item-color: $global-muted-color !default;
1331
- $navbar-dropdown-nav-item-hover-color: $global-color !default;
1332
- $navbar-dropdown-nav-item-active-color: $global-emphasis-color !default;
1333
- $navbar-dropdown-nav-header-color: $global-emphasis-color !default;
1334
- $navbar-dropdown-nav-divider-border-width: $global-border-width !default;
1335
- $navbar-dropdown-nav-divider-border: $global-border !default;
1336
- $navbar-dropdown-nav-sublist-item-color: $global-muted-color !default;
1337
- $navbar-dropdown-nav-sublist-item-hover-color: $global-color !default;
1338
- $navbar-dropdown-nav-sublist-item-active-color: $global-emphasis-color !default;
1339
- $navbar-dropbar-background: $navbar-dropdown-background !default;
1340
- $navbar-dropbar-z-index: $global-z-index - 20 !default;
1317
+ $navbar-background: $global-muted-background !default;
1318
+ $navbar-color-mode: none !default;
1319
+ $navbar-nav-item-height: 80px !default;
1320
+ $navbar-nav-item-padding-horizontal: 15px !default;
1321
+ $navbar-nav-item-color: $global-muted-color !default;
1322
+ $navbar-nav-item-font-size: $global-font-size !default;
1323
+ $navbar-nav-item-font-family: $global-font-family !default;
1324
+ $navbar-nav-item-hover-color: $global-color !default;
1325
+ $navbar-nav-item-onclick-color: $global-emphasis-color !default;
1326
+ $navbar-nav-item-active-color: $global-emphasis-color !default;
1327
+ $navbar-item-color: $global-color !default;
1328
+ $navbar-toggle-color: $global-muted-color !default;
1329
+ $navbar-toggle-hover-color: $global-color !default;
1330
+ $navbar-subtitle-font-size: $global-small-font-size !default;
1331
+ $navbar-dropdown-z-index: $global-z-index + 20 !default;
1332
+ $navbar-dropdown-width: 200px !default;
1333
+ $navbar-dropdown-margin: 0 !default;
1334
+ $navbar-dropdown-padding: 15px !default;
1335
+ $navbar-dropdown-background: $global-muted-background !default;
1336
+ $navbar-dropdown-color: $global-color !default;
1337
+ $navbar-dropdown-grid-gutter-horizontal: $global-gutter !default;
1338
+ $navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
1339
+ $navbar-dropdown-dropbar-margin-top: 0 !default;
1340
+ $navbar-dropdown-dropbar-margin-bottom: $navbar-dropdown-dropbar-margin-top !default;
1341
+ $navbar-dropdown-nav-item-color: $global-muted-color !default;
1342
+ $navbar-dropdown-nav-item-hover-color: $global-color !default;
1343
+ $navbar-dropdown-nav-item-active-color: $global-emphasis-color !default;
1344
+ $navbar-dropdown-nav-header-color: $global-emphasis-color !default;
1345
+ $navbar-dropdown-nav-divider-border-width: $global-border-width !default;
1346
+ $navbar-dropdown-nav-divider-border: $global-border !default;
1347
+ $navbar-dropdown-nav-sublist-item-color: $global-muted-color !default;
1348
+ $navbar-dropdown-nav-sublist-item-hover-color: $global-color !default;
1349
+ $navbar-dropdown-nav-sublist-item-active-color: $global-emphasis-color !default;
1350
+ $navbar-dropbar-background: $navbar-dropdown-background !default;
1351
+ $navbar-dropbar-z-index: $global-z-index - 20 !default;
1341
1352
 
1342
1353
  // Inverse
1343
- $inverse-navbar-background: $inverse-global-muted-background !default;
1344
- $inverse-navbar-nav-item-color: $inverse-global-muted-color !default;
1345
- $inverse-navbar-nav-item-hover-color: $inverse-global-color !default;
1346
- $inverse-navbar-nav-item-onclick-color: $inverse-global-emphasis-color !default;
1347
- $inverse-navbar-nav-item-active-color: $inverse-global-emphasis-color !default;
1348
- $inverse-navbar-item-color: $inverse-global-color !default;
1349
- $inverse-navbar-toggle-color: $inverse-global-muted-color !default;
1350
- $inverse-navbar-toggle-hover-color: $inverse-global-color !default;
1351
- $inverse-navbar-dropdown-background: $inverse-global-muted-background !default;
1352
- $inverse-navbar-dropdown-color: $inverse-global-color !default;
1353
- $inverse-navbar-dropdown-nav-item-color: $inverse-global-muted-color !default;
1354
- $inverse-navbar-dropdown-nav-item-hover-color: $inverse-global-color !default;
1355
- $inverse-navbar-dropdown-nav-header-color: $inverse-global-emphasis-color !default;
1356
- $inverse-navbar-dropdown-nav-divider-border: $inverse-global-border !default;
1357
- $inverse-navbar-dropdown-nav-sublist-item-color: $inverse-global-muted-color !default;
1358
- $inverse-navbar-dropdown-nav-sublist-item-hover-color: $inverse-global-color !default;
1359
- $inverse-navbar-dropbar-background: $inverse-navbar-dropdown-background !default;
1354
+ $inverse-navbar-background: $inverse-global-muted-background !default;
1355
+ $inverse-navbar-nav-item-color: $inverse-global-muted-color !default;
1356
+ $inverse-navbar-nav-item-hover-color: $inverse-global-color !default;
1357
+ $inverse-navbar-nav-item-onclick-color: $inverse-global-emphasis-color !default;
1358
+ $inverse-navbar-nav-item-active-color: $inverse-global-emphasis-color !default;
1359
+ $inverse-navbar-item-color: $inverse-global-color !default;
1360
+ $inverse-navbar-toggle-color: $inverse-global-muted-color !default;
1361
+ $inverse-navbar-toggle-hover-color: $inverse-global-color !default;
1362
+ $inverse-navbar-dropdown-background: $inverse-global-muted-background !default;
1363
+ $inverse-navbar-dropdown-color: $inverse-global-color !default;
1364
+ $inverse-navbar-dropdown-nav-item-color: $inverse-global-muted-color !default;
1365
+ $inverse-navbar-dropdown-nav-item-hover-color: $inverse-global-color !default;
1366
+ $inverse-navbar-dropdown-nav-header-color: $inverse-global-emphasis-color !default;
1367
+ $inverse-navbar-dropdown-nav-divider-border: $inverse-global-border !default;
1368
+ $inverse-navbar-dropdown-nav-sublist-item-color: $inverse-global-muted-color !default;
1369
+ $inverse-navbar-dropdown-nav-sublist-item-hover-color: $inverse-global-color !default;
1370
+ $inverse-navbar-dropbar-background: $inverse-navbar-dropdown-background !default;
1360
1371
 
1361
1372
 
1362
1373
  // Overlay
1363
1374
  // ========================================================================
1364
1375
 
1365
- $overlay-padding-horizontal: $global-gutter !default;
1366
- $overlay-padding-vertical: $global-gutter !default;
1367
- $overlay-default-background: rgba($global-background, 80%) !default;
1368
- $overlay-primary-background: rgba($global-secondary-background, 80%) !default;
1369
- $overlay-primary-color-mode: light !default;
1376
+ $overlay-padding-horizontal: $global-gutter !default;
1377
+ $overlay-padding-vertical: $global-gutter !default;
1378
+ $overlay-default-background: rgba($global-background, 80%) !default;
1379
+ $overlay-primary-background: rgba($global-secondary-background, 80%) !default;
1380
+ $overlay-primary-color-mode: light !default;
1370
1381
 
1371
1382
 
1372
1383
  // Padding
1373
1384
  // ========================================================================
1374
1385
 
1375
- $padding-padding: $global-gutter !default;
1376
- $padding-padding-l: $global-medium-gutter !default;
1377
- $padding-small-padding: $global-small-gutter !default;
1378
- $padding-large-padding: $global-gutter !default;
1379
- $padding-large-padding-l: $global-large-gutter !default;
1386
+ $padding-padding: $global-gutter !default;
1387
+ $padding-padding-l: $global-medium-gutter !default;
1388
+ $padding-small-padding: $global-small-gutter !default;
1389
+ $padding-large-padding: $global-gutter !default;
1390
+ $padding-large-padding-l: $global-large-gutter !default;
1380
1391
 
1381
1392
 
1382
1393
  // Pagination
1383
1394
  // ========================================================================
1384
1395
 
1385
- $pagination-margin-horizontal: 0 !default;
1386
- $pagination-item-padding-vertical: 5px !default;
1387
- $pagination-item-padding-horizontal: 10px !default;
1388
- $pagination-item-color: $global-muted-color !default;
1389
- $pagination-item-hover-color: $global-color !default;
1390
- $pagination-item-hover-text-decoration: none !default;
1391
- $pagination-item-active-color: $global-color !default;
1392
- $pagination-item-disabled-color: $global-muted-color !default;
1396
+ $pagination-margin-horizontal: 0 !default;
1397
+ $pagination-item-padding-vertical: 5px !default;
1398
+ $pagination-item-padding-horizontal: 10px !default;
1399
+ $pagination-item-color: $global-muted-color !default;
1400
+ $pagination-item-hover-color: $global-color !default;
1401
+ $pagination-item-hover-text-decoration: none !default;
1402
+ $pagination-item-active-color: $global-color !default;
1403
+ $pagination-item-disabled-color: $global-muted-color !default;
1393
1404
 
1394
1405
  // Inverse
1395
- $inverse-pagination-item-color: $inverse-global-muted-color !default;
1396
- $inverse-pagination-item-hover-color: $inverse-global-color !default;
1397
- $inverse-pagination-item-active-color: $inverse-global-color !default;
1398
- $inverse-pagination-item-disabled-color: $inverse-global-muted-color !default;
1406
+ $inverse-pagination-item-color: $inverse-global-muted-color !default;
1407
+ $inverse-pagination-item-hover-color: $inverse-global-color !default;
1408
+ $inverse-pagination-item-active-color: $inverse-global-color !default;
1409
+ $inverse-pagination-item-disabled-color: $inverse-global-muted-color !default;
1399
1410
 
1400
1411
 
1401
1412
  // Placeholder
1402
1413
  // ========================================================================
1403
1414
 
1404
- $placeholder-margin-vertical: $global-margin !default;
1405
- $placeholder-padding-vertical: $global-gutter !default;
1406
- $placeholder-padding-horizontal: $global-gutter !default;
1407
- $placeholder-background: $global-muted-background !default;
1415
+ $placeholder-margin-vertical: $global-margin !default;
1416
+ $placeholder-padding-vertical: $global-gutter !default;
1417
+ $placeholder-padding-horizontal: $global-gutter !default;
1418
+ $placeholder-background: $global-muted-background !default;
1408
1419
 
1409
1420
 
1410
1421
  // Position
1411
1422
  // ========================================================================
1412
1423
 
1413
- $position-small-margin: $global-small-gutter !default;
1414
- $position-medium-margin: $global-gutter !default;
1415
- $position-large-margin: $global-gutter !default;
1416
- $position-large-margin-l: 50px !default;
1424
+ $position-small-margin: $global-small-gutter !default;
1425
+ $position-medium-margin: $global-gutter !default;
1426
+ $position-large-margin: $global-gutter !default;
1427
+ $position-large-margin-l: 50px !default;
1417
1428
 
1418
1429
 
1419
1430
  // Progress
1420
1431
  // ========================================================================
1421
1432
 
1422
- $progress-height: 15px !default;
1423
- $progress-margin-vertical: $global-margin !default;
1424
- $progress-background: $global-muted-background !default;
1425
- $progress-bar-background: $global-primary-background !default;
1433
+ $progress-height: 15px !default;
1434
+ $progress-margin-vertical: $global-margin !default;
1435
+ $progress-background: $global-muted-background !default;
1436
+ $progress-bar-background: $global-primary-background !default;
1426
1437
 
1427
1438
 
1428
1439
  // Search
1429
1440
  // ========================================================================
1430
1441
 
1431
- $search-color: $global-color !default;
1432
- $search-placeholder-color: $global-muted-color !default;
1433
- $search-icon-color: $global-muted-color !default;
1434
- $search-default-width: 180px !default;
1435
- $search-default-height: $global-control-height !default;
1436
- $search-default-padding-horizontal: 6px !default;
1437
- $search-default-background: $global-muted-background !default;
1438
- $search-default-focus-background: $search-default-background !default;
1439
- $search-default-icon-width: $global-control-height !default;
1440
- $search-navbar-width: 400px !default;
1441
- $search-navbar-height: 40px !default;
1442
- $search-navbar-background: transparent !default;
1443
- $search-navbar-font-size: $global-large-font-size !default;
1444
- $search-navbar-icon-width: 40px !default;
1445
- $search-large-width: 500px !default;
1446
- $search-large-height: 80px !default;
1447
- $search-large-background: transparent !default;
1448
- $search-large-font-size: $global-2xlarge-font-size !default;
1449
- $search-large-icon-width: 80px !default;
1450
- $search-toggle-color: $global-muted-color !default;
1451
- $search-toggle-hover-color: $global-color !default;
1442
+ $search-color: $global-color !default;
1443
+ $search-placeholder-color: $global-muted-color !default;
1444
+ $search-icon-color: $global-muted-color !default;
1445
+ $search-default-width: 180px !default;
1446
+ $search-default-height: $global-control-height !default;
1447
+ $search-default-padding-horizontal: 6px !default;
1448
+ $search-default-background: $global-muted-background !default;
1449
+ $search-default-focus-background: $search-default-background !default;
1450
+ $search-default-icon-width: $global-control-height !default;
1451
+ $search-navbar-width: 400px !default;
1452
+ $search-navbar-height: 40px !default;
1453
+ $search-navbar-background: transparent !default;
1454
+ $search-navbar-font-size: $global-large-font-size !default;
1455
+ $search-navbar-icon-width: 40px !default;
1456
+ $search-large-width: 500px !default;
1457
+ $search-large-height: 80px !default;
1458
+ $search-large-background: transparent !default;
1459
+ $search-large-font-size: $global-2xlarge-font-size !default;
1460
+ $search-large-icon-width: 80px !default;
1461
+ $search-toggle-color: $global-muted-color !default;
1462
+ $search-toggle-hover-color: $global-color !default;
1452
1463
 
1453
1464
  // Inverse
1454
- $inverse-search-color: $inverse-global-color !default;
1455
- $inverse-search-placeholder-color: $inverse-global-muted-color !default;
1456
- $inverse-search-icon-color: $inverse-global-muted-color !default;
1457
- $inverse-search-default-background: $inverse-global-muted-background !default;
1458
- $inverse-search-default-focus-background: $inverse-search-default-background !default;
1459
- $inverse-search-navbar-background: transparent !default;
1460
- $inverse-search-large-background: transparent !default;
1461
- $inverse-search-toggle-color: $inverse-global-muted-color !default;
1462
- $inverse-search-toggle-hover-color: $inverse-global-color !default;
1465
+ $inverse-search-color: $inverse-global-color !default;
1466
+ $inverse-search-placeholder-color: $inverse-global-muted-color !default;
1467
+ $inverse-search-icon-color: $inverse-global-muted-color !default;
1468
+ $inverse-search-default-background: $inverse-global-muted-background !default;
1469
+ $inverse-search-default-focus-background: $inverse-search-default-background !default;
1470
+ $inverse-search-navbar-background: transparent !default;
1471
+ $inverse-search-large-background: transparent !default;
1472
+ $inverse-search-toggle-color: $inverse-global-muted-color !default;
1473
+ $inverse-search-toggle-hover-color: $inverse-global-color !default;
1463
1474
 
1464
1475
 
1465
1476
  // Section
1466
1477
  // ========================================================================
1467
1478
 
1468
- $section-padding-vertical: $global-medium-margin !default;
1469
- $section-padding-vertical-m: $global-large-margin !default;
1470
- $section-xsmall-padding-vertical: $global-margin !default;
1471
- $section-small-padding-vertical: $global-medium-margin !default;
1472
- $section-large-padding-vertical: $global-large-margin !default;
1473
- $section-large-padding-vertical-m: $global-xlarge-margin !default;
1474
- $section-xlarge-padding-vertical: $global-xlarge-margin !default;
1475
- $section-xlarge-padding-vertical-m: ($global-large-margin + $global-xlarge-margin) !default;
1476
- $section-default-background: $global-background !default;
1477
- $section-muted-background: $global-muted-background !default;
1478
- $section-primary-background: $global-primary-background !default;
1479
- $section-primary-color-mode: light !default;
1480
- $section-secondary-background: $global-secondary-background !default;
1481
- $section-secondary-color-mode: light !default;
1482
- $section-tertiary-background: $global-tertiary-background !default;
1483
- $section-tertiary-color-mode: light !default;
1479
+ $section-padding-vertical: $global-medium-margin !default;
1480
+ $section-padding-vertical-m: $global-large-margin !default;
1481
+ $section-xsmall-padding-vertical: $global-margin !default;
1482
+ $section-small-padding-vertical: $global-medium-margin !default;
1483
+ $section-large-padding-vertical: $global-large-margin !default;
1484
+ $section-large-padding-vertical-m: $global-xlarge-margin !default;
1485
+ $section-xlarge-padding-vertical: $global-xlarge-margin !default;
1486
+ $section-xlarge-padding-vertical-m: ($global-large-margin + $global-xlarge-margin) !default;
1487
+ $section-default-background: $global-background !default;
1488
+ $section-muted-background: $global-muted-background !default;
1489
+ $section-primary-background: $global-primary-background !default;
1490
+ $section-primary-color-mode: light !default;
1491
+ $section-secondary-background: $global-secondary-background !default;
1492
+ $section-secondary-color-mode: light !default;
1493
+ $section-tertiary-background: $global-tertiary-background !default;
1494
+ $section-tertiary-color-mode: light !default;
1484
1495
 
1485
1496
 
1486
1497
  // Slidenav
1487
1498
  // ========================================================================
1488
1499
 
1489
- $slidenav-padding-vertical: 5px !default;
1490
- $slidenav-padding-horizontal: 10px !default;
1491
- $slidenav-color: rgba($global-color, 50%) !default;
1492
- $slidenav-hover-color: rgba($global-color, 90%) !default;
1493
- $slidenav-active-color: rgba($global-color, 50%) !default;
1494
- $slidenav-large-padding-vertical: 10px !default;
1495
- $slidenav-large-padding-horizontal: $slidenav-large-padding-vertical !default;
1500
+ $slidenav-padding-vertical: 5px !default;
1501
+ $slidenav-padding-horizontal: 10px !default;
1502
+ $slidenav-color: rgba($global-color, 50%) !default;
1503
+ $slidenav-hover-color: rgba($global-color, 90%) !default;
1504
+ $slidenav-active-color: rgba($global-color, 50%) !default;
1505
+ $slidenav-large-padding-vertical: 10px !default;
1506
+ $slidenav-large-padding-horizontal: $slidenav-large-padding-vertical !default;
1496
1507
 
1497
1508
  // Inverse
1498
- $inverse-slidenav-color: rgba($inverse-global-color, 70%) !default;
1499
- $inverse-slidenav-hover-color: rgba($inverse-global-color, 95%) !default;
1500
- $inverse-slidenav-active-color: rgba($inverse-global-color, 70%) !default;
1509
+ $inverse-slidenav-color: rgba($inverse-global-color, 70%) !default;
1510
+ $inverse-slidenav-hover-color: rgba($inverse-global-color, 95%) !default;
1511
+ $inverse-slidenav-active-color: rgba($inverse-global-color, 70%) !default;
1501
1512
 
1502
1513
 
1503
1514
  // Slider
1504
1515
  // ========================================================================
1505
1516
 
1506
- $slider-container-margin-top: -11px !default;
1507
- $slider-container-margin-bottom: -39px !default;
1508
- $slider-container-margin-left: -25px !default;
1509
- $slider-container-margin-right: -25px !default;
1517
+ $slider-container-margin-top: -11px !default;
1518
+ $slider-container-margin-bottom: -39px !default;
1519
+ $slider-container-margin-left: -25px !default;
1520
+ $slider-container-margin-right: -25px !default;
1510
1521
 
1511
1522
 
1512
1523
  // Sortable
1513
1524
  // ========================================================================
1514
1525
 
1515
- $sortable-dragged-z-index: $global-z-index + 50 !default;
1516
- $sortable-placeholder-opacity: 0 !default;
1517
- $sortable-empty-height: 50px !default;
1526
+ $sortable-dragged-z-index: $global-z-index + 50 !default;
1527
+ $sortable-placeholder-opacity: 0 !default;
1528
+ $sortable-empty-height: 50px !default;
1518
1529
 
1519
1530
 
1520
1531
  // Spinner
1521
1532
  // ========================================================================
1522
1533
 
1523
- $spinner-size: 20px !default;
1524
- $spinner-stroke-width: 2 !default;
1525
- $spinner-radius: floor(($spinner-size - $spinner-stroke-width) * 0.5) !default; // Minus stroke width to prevent overflow clipping
1526
- $spinner-circumference: round(2 * 3.141 * $spinner-radius) !default;
1527
- $spinner-duration: 1.4s !default;
1534
+ $spinner-size: 30px !default;
1535
+ $spinner-stroke-width: 2 !default;
1536
+ $spinner-radius: floor((($spinner-size - $spinner-stroke-width) * 0.5)) !default; // Minus stroke width to prevent overflow clipping
1537
+ $spinner-circumference: round(2 * 3.141 * $spinner-radius) !default;
1538
+ $spinner-duration: 1.4s !default;
1528
1539
 
1529
1540
 
1530
1541
  // Sticky
1531
1542
  // ========================================================================
1532
1543
 
1533
- $sticky-z-index: $global-z-index - 20 !default;
1534
- $sticky-animation-duration: 0.2s !default;
1535
- $sticky-reverse-animation-duration: 0.2s !default;
1544
+ $sticky-z-index: $global-z-index - 20 !default;
1545
+ $sticky-animation-duration: 0.2s !default;
1546
+ $sticky-reverse-animation-duration: 0.2s !default;
1536
1547
 
1537
1548
 
1538
1549
  // Subnav
1539
1550
  // ========================================================================
1540
1551
 
1541
- $subnav-margin-horizontal: 20px !default;
1542
- $subnav-item-color: $global-muted-color !default;
1543
- $subnav-item-hover-color: $global-color !default;
1544
- $subnav-item-hover-text-decoration: none !default;
1545
- $subnav-item-active-color: $global-emphasis-color !default;
1546
- $subnav-divider-margin-horizontal: $subnav-margin-horizontal !default;
1547
- $subnav-divider-border-height: 1.5em !default;
1548
- $subnav-divider-border-width: $global-border-width !default;
1549
- $subnav-divider-border: $global-border !default;
1550
- $subnav-pill-item-padding-vertical: 5px !default;
1551
- $subnav-pill-item-padding-horizontal: 10px !default;
1552
- $subnav-pill-item-background: transparent !default;
1553
- $subnav-pill-item-color: $subnav-item-color !default;
1554
- $subnav-pill-item-hover-background: $global-muted-background !default;
1555
- $subnav-pill-item-hover-color: $global-color !default;
1556
- $subnav-pill-item-onclick-background: $subnav-pill-item-hover-background !default;
1557
- $subnav-pill-item-onclick-color: $subnav-pill-item-hover-color !default;
1558
- $subnav-pill-item-active-background: $global-primary-background !default;
1559
- $subnav-pill-item-active-color: $global-inverse-color !default;
1560
- $subnav-item-disabled-color: $global-muted-color !default;
1552
+ $subnav-margin-horizontal: 20px !default;
1553
+ $subnav-item-color: $global-muted-color !default;
1554
+ $subnav-item-hover-color: $global-color !default;
1555
+ $subnav-item-hover-text-decoration: none !default;
1556
+ $subnav-item-active-color: $global-emphasis-color !default;
1557
+ $subnav-divider-margin-horizontal: $subnav-margin-horizontal !default;
1558
+ $subnav-divider-border-height: 1.5em !default;
1559
+ $subnav-divider-border-width: $global-border-width !default;
1560
+ $subnav-divider-border: $global-border !default;
1561
+ $subnav-pill-item-padding-vertical: 5px !default;
1562
+ $subnav-pill-item-padding-horizontal: 10px !default;
1563
+ $subnav-pill-item-background: transparent !default;
1564
+ $subnav-pill-item-color: $subnav-item-color !default;
1565
+ $subnav-pill-item-hover-background: $global-muted-background !default;
1566
+ $subnav-pill-item-hover-color: $global-color !default;
1567
+ $subnav-pill-item-onclick-background: $subnav-pill-item-hover-background !default;
1568
+ $subnav-pill-item-onclick-color: $subnav-pill-item-hover-color !default;
1569
+ $subnav-pill-item-active-background: $global-primary-background !default;
1570
+ $subnav-pill-item-active-color: $global-inverse-color !default;
1571
+ $subnav-item-disabled-color: $global-muted-color !default;
1561
1572
 
1562
1573
  // Inverse
1563
- $inverse-subnav-item-color: $inverse-global-muted-color !default;
1564
- $inverse-subnav-item-hover-color: $inverse-global-color !default;
1565
- $inverse-subnav-item-active-color: $inverse-global-emphasis-color !default;
1566
- $inverse-subnav-divider-border: $inverse-global-border !default;
1567
- $inverse-subnav-pill-item-background: transparent !default;
1568
- $inverse-subnav-pill-item-color: $inverse-global-muted-color !default;
1569
- $inverse-subnav-pill-item-hover-background: $inverse-global-muted-background !default;
1570
- $inverse-subnav-pill-item-hover-color: $inverse-global-color !default;
1571
- $inverse-subnav-pill-item-onclick-background: $inverse-subnav-pill-item-hover-background !default;
1572
- $inverse-subnav-pill-item-onclick-color: $inverse-subnav-pill-item-hover-color !default;
1573
- $inverse-subnav-pill-item-active-background: $inverse-global-primary-background !default;
1574
- $inverse-subnav-pill-item-active-color: $inverse-global-inverse-color !default;
1575
- $inverse-subnav-item-disabled-color: $inverse-global-muted-color !default;
1574
+ $inverse-subnav-item-color: $inverse-global-muted-color !default;
1575
+ $inverse-subnav-item-hover-color: $inverse-global-color !default;
1576
+ $inverse-subnav-item-active-color: $inverse-global-emphasis-color !default;
1577
+ $inverse-subnav-divider-border: $inverse-global-border !default;
1578
+ $inverse-subnav-pill-item-background: transparent !default;
1579
+ $inverse-subnav-pill-item-color: $inverse-global-muted-color !default;
1580
+ $inverse-subnav-pill-item-hover-background: $inverse-global-muted-background !default;
1581
+ $inverse-subnav-pill-item-hover-color: $inverse-global-color !default;
1582
+ $inverse-subnav-pill-item-onclick-background: $inverse-subnav-pill-item-hover-background !default;
1583
+ $inverse-subnav-pill-item-onclick-color: $inverse-subnav-pill-item-hover-color !default;
1584
+ $inverse-subnav-pill-item-active-background: $inverse-global-primary-background !default;
1585
+ $inverse-subnav-pill-item-active-color: $inverse-global-inverse-color !default;
1586
+ $inverse-subnav-item-disabled-color: $inverse-global-muted-color !default;
1576
1587
 
1577
1588
 
1578
1589
  // Tab
1579
1590
  // ========================================================================
1580
1591
 
1581
- $tabs-margin-horizontal: 20px !default;
1582
- $tabs-margin-vertical: 10px !default;
1583
- $tabs-tab-padding-horizontal: 15px !default;
1584
- $tabs-tab-padding-vertical: 10px !default;
1585
- $tabs-large-tab-padding-horizontal: 25px !default;
1586
- $tabs-large-tab-padding-vertical: 20px !default;
1587
- $tabs-tab-font-size: $global-font-size !default;
1588
- $tabs-tab-color: $global-color !default;
1589
- $tabs-tab-hover-color: $global-primary-background !default;
1590
- $tabs-tab-active-color: $global-primary-background !default;
1591
- $tabs-tab-disabled-color: $global-muted-color !default;
1592
- $tabs-tab-remove-color: $global-muted-color !default;
1593
- $tabs-tab-remove-font-size: $global-small-font-size !default;
1594
- $tabs-tab-remove-hover-color: $global-danger-background !default;
1595
- $tabs-tab-remove-active-color: $global-danger-background !default;
1596
- $tabs-nav-more-font-size: $global-small-font-size !default;
1597
- $tabs-ink-bar-color: $global-primary-background !default;
1598
- $tabs-ink-bar-height: 2px !default;
1599
- $tabs-ink-bar-width: 2px !default;
1600
- $tabs-card-tab-background: $global-muted-background !default;
1601
- $tabs-card-tab-border-width: $global-border-width !default;
1602
- $tabs-card-tab-border-style: $global-border-style !default;
1603
- $tabs-card-tab-border: $global-border !default;
1604
- $tabs-card-tab-border-radius: $global-border-radius !default;
1605
- $tabs-card-tab-padding-horizontal: 15px !default;
1606
- $tabs-card-tab-padding-vertical: 10px !default;
1607
- $tabs-card-large-tab-padding-horizontal: 25px !default;
1608
- $tabs-card-large-tab-padding-vertical: 20px !default;
1609
- $tabs-card-tab-active-background: $global-background !default;
1610
- $tabs-card-gutter: $global-xsmall-gutter !default;
1611
- $tabs-dropdown-background: $dropdown-background !default;
1612
- $tabs-dropdown-border-radius: $global-border-radius !default;
1613
- $tabs-dropdown-item-color: $tabs-tab-color !default;
1614
- $tabs-dropdown-item-hover-color: $global-inverse-color !default;
1615
- $tabs-dropdown-item-disabled-color: $tabs-tab-disabled-color !default;
1616
- $tabs-dropdown-item-hover-background: $global-primary-background !default;
1617
- $tabs-dropdown-item-padding-horizontal: $tabs-tab-padding-horizontal !default;
1618
- $tabs-dropdown-item-padding-vertical: $tabs-tab-padding-vertical !default;
1592
+ $switch-background: darken($global-muted-background, 20%) !default;
1593
+ $switch-checked-background: $global-success-background !default;
1594
+ $switch-border: $global-border !default;
1595
+ $switch-border-style: $global-border-style !default;
1596
+ $switch-border-width: $global-border-width !default;
1597
+ $switch-border-radius: 100px !default;
1598
+ $switch-height: 22px !default;
1599
+ $switch-width: 44px !default;
1600
+ $switch-handle-background: $global-background !default;
1601
+ $switch-handle-border-radius: 100px !default;
1602
+ $switch-handle-offset: 2px !default;
1603
+
1604
+
1605
+ // Tab
1606
+ // ========================================================================
1607
+
1608
+ $tabs-margin-horizontal: 20px !default;
1609
+ $tabs-margin-vertical: 10px !default;
1610
+ $tabs-tab-padding-horizontal: 15px !default;
1611
+ $tabs-tab-padding-vertical: 10px !default;
1612
+ $tabs-large-tab-padding-horizontal: 25px !default;
1613
+ $tabs-large-tab-padding-vertical: 20px !default;
1614
+ $tabs-tab-font-size: $global-font-size !default;
1615
+ $tabs-tab-color: $global-color !default;
1616
+ $tabs-tab-hover-color: $global-primary-background !default;
1617
+ $tabs-tab-active-color: $global-primary-background !default;
1618
+ $tabs-tab-disabled-color: $global-muted-color !default;
1619
+ $tabs-tab-remove-color: $global-muted-color !default;
1620
+ $tabs-tab-remove-font-size: $global-small-font-size !default;
1621
+ $tabs-tab-remove-hover-color: $global-danger-background !default;
1622
+ $tabs-tab-remove-active-color: $global-danger-background !default;
1623
+ $tabs-nav-more-font-size: $global-small-font-size !default;
1624
+ $tabs-ink-bar-color: $global-primary-background !default;
1625
+ $tabs-ink-bar-height: 2px !default;
1626
+ $tabs-ink-bar-width: 2px !default;
1627
+ $tabs-card-tab-background: $global-muted-background !default;
1628
+ $tabs-card-tab-border-width: $global-border-width !default;
1629
+ $tabs-card-tab-border-style: $global-border-style !default;
1630
+ $tabs-card-tab-border: $global-border !default;
1631
+ $tabs-card-tab-border-radius: $global-border-radius !default;
1632
+ $tabs-card-tab-padding-horizontal: 15px !default;
1633
+ $tabs-card-tab-padding-vertical: 10px !default;
1634
+ $tabs-card-large-tab-padding-horizontal: 25px !default;
1635
+ $tabs-card-large-tab-padding-vertical: 20px !default;
1636
+ $tabs-card-tab-active-background: $global-background !default;
1637
+ $tabs-card-gutter: $global-xsmall-gutter !default;
1638
+ $tabs-dropdown-background: $dropdown-background !default;
1639
+ $tabs-dropdown-border-radius: $global-border-radius !default;
1640
+ $tabs-dropdown-item-color: $tabs-tab-color !default;
1641
+ $tabs-dropdown-item-hover-color: $global-inverse-color !default;
1642
+ $tabs-dropdown-item-disabled-color: $tabs-tab-disabled-color !default;
1643
+ $tabs-dropdown-item-hover-background: $global-primary-background !default;
1644
+ $tabs-dropdown-item-padding-horizontal: $tabs-tab-padding-horizontal !default;
1645
+ $tabs-dropdown-item-padding-vertical: $tabs-tab-padding-vertical !default;
1619
1646
 
1620
1647
  // Inverse
1621
- $inverse-tabs-tab-color: $inverse-global-muted-color !default;
1622
- $inverse-tabs-tab-hover-color: $inverse-global-color !default;
1623
- $inverse-tabs-tab-active-color: $inverse-global-emphasis-color !default;
1624
- $inverse-tabs-tab-disabled-color: $inverse-global-muted-color !default;
1648
+ $inverse-tabs-tab-color: $inverse-global-muted-color !default;
1649
+ $inverse-tabs-tab-hover-color: $inverse-global-color !default;
1650
+ $inverse-tabs-tab-active-color: $inverse-global-emphasis-color !default;
1651
+ $inverse-tabs-tab-disabled-color: $inverse-global-muted-color !default;
1625
1652
 
1626
1653
 
1627
1654
  // Table
1628
1655
  // ========================================================================
1629
1656
 
1630
- $table-margin-vertical: $global-margin !default;
1631
- $table-cell-padding-vertical: 16px !default;
1632
- $table-cell-padding-horizontal: 12px !default;
1633
- $table-header-cell-font-size: $global-font-size !default;
1634
- $table-header-cell-font-weight: bold !default;
1635
- $table-header-cell-color: $global-color !default;
1636
- $table-footer-font-size: $global-small-font-size !default;
1637
- $table-caption-font-size: $global-small-font-size !default;
1638
- $table-caption-color: $global-muted-color !default;
1639
- $table-row-active-background: #ffd !default;
1640
- $table-divider-border-width: $global-border-width !default;
1641
- $table-divider-border: $global-border !default;
1642
- $table-striped-row-background: $global-muted-background !default;
1643
- $table-hover-row-background: $table-row-active-background !default;
1644
- $table-small-cell-padding-vertical: 10px !default;
1645
- $table-small-cell-padding-horizontal: 12px !default;
1646
- $table-large-cell-padding-vertical: 22px !default;
1647
- $table-large-cell-padding-horizontal: 12px !default;
1648
- $table-expand-min-width: 150px !default;
1657
+ $table-margin-vertical: $global-margin !default;
1658
+ $table-cell-padding-vertical: 16px !default;
1659
+ $table-cell-padding-horizontal: 12px !default;
1660
+ $table-header-cell-font-size: $global-font-size !default;
1661
+ $table-header-cell-font-weight: bold !default;
1662
+ $table-header-cell-color: $global-color !default;
1663
+ $table-footer-font-size: $global-small-font-size !default;
1664
+ $table-caption-font-size: $global-small-font-size !default;
1665
+ $table-caption-color: $global-muted-color !default;
1666
+ $table-row-active-background: #ffd !default;
1667
+ $table-divider-border-width: $global-border-width !default;
1668
+ $table-divider-border: $global-border !default;
1669
+ $table-striped-row-background: $global-muted-background !default;
1670
+ $table-hover-row-background: $table-row-active-background !default;
1671
+ $table-small-cell-padding-vertical: 10px !default;
1672
+ $table-small-cell-padding-horizontal: 12px !default;
1673
+ $table-large-cell-padding-vertical: 22px !default;
1674
+ $table-large-cell-padding-horizontal: 12px !default;
1675
+ $table-expand-min-width: 150px !default;
1649
1676
 
1650
1677
  // Inverse
1651
- $inverse-table-header-cell-color: $inverse-global-color !default;
1652
- $inverse-table-caption-color: $inverse-global-muted-color !default;
1653
- $inverse-table-row-active-background: fade-out($inverse-global-muted-background, 0.02) !default;
1654
- $inverse-table-divider-border: $inverse-global-border !default;
1655
- $inverse-table-striped-row-background: $inverse-global-muted-background !default;
1656
- $inverse-table-hover-row-background: $inverse-table-row-active-background !default;
1678
+ $inverse-table-header-cell-color: $inverse-global-color !default;
1679
+ $inverse-table-caption-color: $inverse-global-muted-color !default;
1680
+ $inverse-table-row-active-background: fade-out($inverse-global-muted-background, 0.02) !default;
1681
+ $inverse-table-divider-border: $inverse-global-border !default;
1682
+ $inverse-table-striped-row-background: $inverse-global-muted-background !default;
1683
+ $inverse-table-hover-row-background: $inverse-table-row-active-background !default;
1657
1684
 
1658
1685
 
1659
1686
  // Text
1660
1687
  // ========================================================================
1661
1688
 
1662
- $text-lead-font-size: $global-large-font-size !default;
1663
- $text-lead-line-height: 1.5 !default;
1664
- $text-lead-color: $global-emphasis-color !default;
1665
- $text-meta-font-size: $global-small-font-size !default;
1666
- $text-meta-line-height: 1.4 !default;
1667
- $text-meta-color: $global-muted-color !default;
1668
- $text-small-font-size: $global-small-font-size !default;
1669
- $text-small-line-height: 1.5 !default;
1670
- $text-large-font-size: $global-large-font-size !default;
1671
- $text-large-line-height: 1.5 !default;
1672
- $text-muted-color: $global-muted-color !default;
1673
- $text-emphasis-color: $global-emphasis-color !default;
1674
- $text-primary-color: $global-primary-background !default;
1675
- $text-secondary-color: $global-secondary-background !default;
1676
- $text-success-color: $global-success-background !default;
1677
- $text-warning-color: $global-warning-background !default;
1678
- $text-danger-color: $global-danger-background !default;
1679
- $text-background-color: $global-primary-background !default;
1689
+ $text-lead-font-size: $global-large-font-size !default;
1690
+ $text-lead-line-height: 1.5 !default;
1691
+ $text-lead-color: $global-emphasis-color !default;
1692
+ $text-meta-font-size: $global-small-font-size !default;
1693
+ $text-meta-line-height: 1.4 !default;
1694
+ $text-meta-color: $global-muted-color !default;
1695
+ $text-small-font-size: $global-small-font-size !default;
1696
+ $text-small-line-height: 1.5 !default;
1697
+ $text-large-font-size: $global-large-font-size !default;
1698
+ $text-large-line-height: 1.5 !default;
1699
+ $text-muted-color: $global-muted-color !default;
1700
+ $text-emphasis-color: $global-emphasis-color !default;
1701
+ $text-primary-color: $global-primary-background !default;
1702
+ $text-secondary-color: $global-secondary-background !default;
1703
+ $text-success-color: $global-success-background !default;
1704
+ $text-warning-color: $global-warning-background !default;
1705
+ $text-danger-color: $global-danger-background !default;
1706
+ $text-background-color: $global-primary-background !default;
1680
1707
 
1681
1708
  // Inverse
1682
- $inverse-text-lead-color: $inverse-global-color !default;
1683
- $inverse-text-meta-color: $inverse-global-muted-color !default;
1684
- $inverse-text-muted-color: $inverse-global-muted-color !default;
1685
- $inverse-text-emphasis-color: $inverse-global-emphasis-color !default;
1686
- $inverse-text-primary-color: $inverse-global-primary-background !default;
1687
- $inverse-text-secondary-color: $inverse-global-primary-background !default;
1688
- $inverse-text-tertiary-color: $inverse-global-primary-background !default;
1709
+ $inverse-text-lead-color: $inverse-global-color !default;
1710
+ $inverse-text-meta-color: $inverse-global-muted-color !default;
1711
+ $inverse-text-muted-color: $inverse-global-muted-color !default;
1712
+ $inverse-text-emphasis-color: $inverse-global-emphasis-color !default;
1713
+ $inverse-text-primary-color: $inverse-global-primary-background !default;
1714
+ $inverse-text-secondary-color: $inverse-global-primary-background !default;
1715
+ $inverse-text-tertiary-color: $inverse-global-primary-background !default;
1689
1716
 
1690
1717
 
1691
1718
  // Thumbnav
1692
1719
  // ========================================================================
1693
1720
 
1694
- $thumbnav-margin-horizontal: 15px !default;
1695
- $thumbnav-margin-vertical: $thumbnav-margin-horizontal !default;
1721
+ $thumbnav-margin-horizontal: 15px !default;
1722
+ $thumbnav-margin-vertical: $thumbnav-margin-horizontal !default;
1696
1723
 
1697
1724
 
1698
1725
  // Tile
1699
1726
  // ========================================================================
1700
1727
 
1701
- $tile-padding-horizontal: 15px !default;
1702
- $tile-padding-horizontal-s: $global-gutter !default;
1703
- $tile-padding-horizontal-m: $global-medium-gutter !default;
1704
- $tile-padding-vertical: $global-medium-margin !default;
1705
- $tile-padding-vertical-m: $global-large-margin !default;
1706
- $tile-xsmall-padding-vertical: $global-margin !default;
1707
- $tile-small-padding-vertical: $global-medium-margin !default;
1708
- $tile-large-padding-vertical: $global-large-margin !default;
1709
- $tile-large-padding-vertical-m: $global-xlarge-margin !default;
1710
- $tile-xlarge-padding-vertical: $global-xlarge-margin !default;
1711
- $tile-xlarge-padding-vertical-m: ($global-large-margin + $global-xlarge-margin) !default;
1712
- $tile-default-background: $global-background !default;
1713
- $tile-muted-background: $global-muted-background !default;
1714
- $tile-primary-background: $global-primary-background !default;
1715
- $tile-primary-color-mode: light !default;
1716
- $tile-secondary-background: $global-secondary-background !default;
1717
- $tile-secondary-color-mode: light !default;
1718
- $tile-tertiary-background: $global-tertiary-background !default;
1719
- $tile-tertiary-color-mode: light !default;
1728
+ $tile-padding-horizontal: 15px !default;
1729
+ $tile-padding-horizontal-s: $global-gutter !default;
1730
+ $tile-padding-horizontal-m: $global-medium-gutter !default;
1731
+ $tile-padding-vertical: $global-medium-margin !default;
1732
+ $tile-padding-vertical-m: $global-large-margin !default;
1733
+ $tile-xsmall-padding-vertical: $global-margin !default;
1734
+ $tile-small-padding-vertical: $global-medium-margin !default;
1735
+ $tile-large-padding-vertical: $global-large-margin !default;
1736
+ $tile-large-padding-vertical-m: $global-xlarge-margin !default;
1737
+ $tile-xlarge-padding-vertical: $global-xlarge-margin !default;
1738
+ $tile-xlarge-padding-vertical-m: ($global-large-margin + $global-xlarge-margin) !default;
1739
+ $tile-default-background: $global-background !default;
1740
+ $tile-muted-background: $global-muted-background !default;
1741
+ $tile-primary-background: $global-primary-background !default;
1742
+ $tile-primary-color-mode: light !default;
1743
+ $tile-secondary-background: $global-secondary-background !default;
1744
+ $tile-secondary-color-mode: light !default;
1745
+ $tile-tertiary-background: $global-tertiary-background !default;
1746
+ $tile-tertiary-color-mode: light !default;
1720
1747
 
1721
1748
 
1722
1749
  // Tooltip
1723
1750
  // ========================================================================
1724
1751
 
1725
- $tooltip-z-index: $global-z-index + 30 !default;
1726
- $tooltip-max-width: 200px !default;
1727
- $tooltip-padding-vertical: 3px !default;
1728
- $tooltip-padding-horizontal: 6px !default;
1729
- $tooltip-background: #666 !default;
1730
- $tooltip-border-radius: 2px !default;
1731
- $tooltip-color: $global-inverse-color !default;
1732
- $tooltip-font-size: 12px !default;
1733
- $tooltip-margin: 10px !default;
1752
+ $tooltip-z-index: $global-z-index + 30 !default;
1753
+ $tooltip-max-width: 200px !default;
1754
+ $tooltip-padding-vertical: 3px !default;
1755
+ $tooltip-padding-horizontal: 6px !default;
1756
+ $tooltip-background: #666 !default;
1757
+ $tooltip-border-radius: 2px !default;
1758
+ $tooltip-color: $global-inverse-color !default;
1759
+ $tooltip-font-size: 12px !default;
1760
+ $tooltip-margin: 10px !default;
1734
1761
 
1735
1762
 
1736
1763
  // Totop
1737
1764
  // ========================================================================
1738
1765
 
1739
- $totop-padding: 5px !default;
1740
- $totop-color: $global-muted-color !default;
1741
- $totop-hover-color: $global-color !default;
1742
- $totop-active-color: $global-emphasis-color !default;
1766
+ $totop-padding: 5px !default;
1767
+ $totop-color: $global-muted-color !default;
1768
+ $totop-hover-color: $global-color !default;
1769
+ $totop-active-color: $global-emphasis-color !default;
1743
1770
 
1744
1771
  // Inverse
1745
- $inverse-totop-color: $inverse-global-muted-color !default;
1746
- $inverse-totop-hover-color: $inverse-global-color !default;
1747
- $inverse-totop-active-color: $inverse-global-emphasis-color !default;
1748
-
1749
-
1750
- // Transition
1751
- // ========================================================================
1752
-
1753
- $transition-duration: 0.3s !default;
1754
- $transition-scale: 1.1 !default;
1755
- $transition-slide-small-translate: 10px !default;
1756
- $transition-slide-medium-translate: 50px !default;
1757
- $transition-fast-duration: 0.1s !default;
1758
- $transition-medium-fast-duration: 0.2s !default;
1759
- $transition-slow-duration: 0.7s !default;
1772
+ $inverse-totop-color: $inverse-global-muted-color !default;
1773
+ $inverse-totop-hover-color: $inverse-global-color !default;
1774
+ $inverse-totop-active-color: $inverse-global-emphasis-color !default;
1760
1775
 
1761
1776
 
1762
1777
  // Utility
1763
1778
  // ========================================================================
1764
1779
 
1765
- $panel-scrollable-height: 170px !default;
1766
- $panel-scrollable-padding: 10px !default;
1767
- $panel-scrollable-border-width: $global-border-width !default;
1768
- $panel-scrollable-border: $global-border !default;
1769
- $border-rounded-border-radius: 5px !default;
1770
- $box-shadow-duration: 0.1s !default;
1771
- $box-shadow-bottom-height: 30px !default;
1772
- $box-shadow-bottom-border-radius: 100% !default;
1773
- $box-shadow-bottom-background: #444 !default;
1774
- $box-shadow-bottom-blur: 20px !default;
1775
- $dropcap-margin-right: 10px !default;
1776
- $dropcap-font-size: (($global-line-height * 3) * 1em) !default;
1777
- $logo-font-size: $global-large-font-size !default;
1778
- $logo-font-family: $global-font-family !default;
1779
- $logo-color: $global-color !default;
1780
- $logo-hover-color: $global-color !default;
1781
- $dragover-box-shadow: 0 0 20px rgb(100 100 100 / 30%) !default;
1780
+ $panel-scrollable-height: 170px !default;
1781
+ $panel-scrollable-padding: 10px !default;
1782
+ $panel-scrollable-border-width: $global-border-width !default;
1783
+ $panel-scrollable-border: $global-border !default;
1784
+ $border-rounded-border-radius: 5px !default;
1785
+ $box-shadow-duration: 0.1s !default;
1786
+ $box-shadow-bottom-height: 30px !default;
1787
+ $box-shadow-bottom-border-radius: 100% !default;
1788
+ $box-shadow-bottom-background: #444 !default;
1789
+ $box-shadow-bottom-blur: 20px !default;
1790
+ $dropcap-margin-right: 10px !default;
1791
+ $dropcap-font-size: (($global-line-height * 3) * 1em) !default;
1792
+ $logo-font-size: $global-large-font-size !default;
1793
+ $logo-font-family: $global-font-family !default;
1794
+ $logo-color: $global-color !default;
1795
+ $logo-hover-color: $global-color !default;
1796
+ $dragover-box-shadow: 0 0 20px rgb(100 100 100 / 30%) !default;
1782
1797
 
1783
1798
  // Inverse
1784
- $inverse-logo-color: $inverse-global-color !default;
1785
- $inverse-logo-hover-color: $inverse-global-color !default;
1799
+ $inverse-logo-color: $inverse-global-color !default;
1800
+ $inverse-logo-hover-color: $inverse-global-color !default;
1786
1801
 
1787
1802
 
1788
1803
  // Width
1789
1804
  // ========================================================================
1790
1805
 
1791
- $width-small-width: 150px !default;
1792
- $width-medium-width: 300px !default;
1793
- $width-large-width: 450px !default;
1794
- $width-xlarge-width: 600px !default;
1795
- $width-2xlarge-width: 750px !default;
1806
+ $width-small-width: 150px !default;
1807
+ $width-medium-width: 300px !default;
1808
+ $width-large-width: 450px !default;
1809
+ $width-xlarge-width: 600px !default;
1810
+ $width-2xlarge-width: 750px !default;