@graupl/graupl 1.0.0-alpha.8 → 1.0.0-beta.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 (347) hide show
  1. package/.github/workflows/codeql-analysis.yml +3 -3
  2. package/.husky/commit-msg +0 -1
  3. package/.husky/pre-commit +0 -1
  4. package/.stylelintignore +9 -0
  5. package/CHANGELOG.md +160 -0
  6. package/build.js +7 -0
  7. package/dist/css/base/button.css +2 -0
  8. package/dist/css/base/button.css.map +1 -0
  9. package/dist/css/base/form.css +2 -0
  10. package/dist/css/base/form.css.map +1 -0
  11. package/dist/css/base/link.css +2 -0
  12. package/dist/css/base/link.css.map +1 -0
  13. package/dist/css/base/table.css +2 -0
  14. package/dist/css/base/table.css.map +1 -0
  15. package/dist/css/base.css +2 -0
  16. package/dist/css/base.css.map +1 -0
  17. package/dist/css/component/accordion.css +2 -0
  18. package/dist/css/component/accordion.css.map +1 -0
  19. package/dist/css/component/alert.css +2 -0
  20. package/dist/css/component/alert.css.map +1 -0
  21. package/dist/css/component/card.css +2 -0
  22. package/dist/css/component/card.css.map +1 -0
  23. package/dist/css/component/carousel.css +2 -0
  24. package/dist/css/component/carousel.css.map +1 -0
  25. package/dist/{component → css/component}/input-group.css +1 -1
  26. package/dist/css/component/input-group.css.map +1 -0
  27. package/dist/css/component/menu.css +2 -0
  28. package/dist/css/component/menu.css.map +1 -0
  29. package/dist/css/component/navigation.css +2 -0
  30. package/dist/css/component/navigation.css.map +1 -0
  31. package/dist/css/component.css +2 -0
  32. package/dist/css/component.css.map +1 -0
  33. package/dist/css/graupl.css +2 -0
  34. package/dist/css/graupl.css.map +1 -0
  35. package/dist/css/init.css +2 -0
  36. package/dist/css/init.css.map +1 -0
  37. package/dist/css/layout/columns.css +2 -0
  38. package/dist/css/layout/columns.css.map +1 -0
  39. package/dist/css/layout/container.css.map +1 -0
  40. package/dist/css/layout/flex-columns.css +2 -0
  41. package/dist/css/layout/flex-columns.css.map +1 -0
  42. package/dist/css/layout.css +2 -0
  43. package/dist/css/layout.css.map +1 -0
  44. package/dist/css/normalize.css +2 -0
  45. package/dist/css/normalize.css.map +1 -0
  46. package/dist/css/state/focus.css +2 -0
  47. package/dist/css/state/focus.css.map +1 -0
  48. package/dist/css/state.css +2 -0
  49. package/dist/css/state.css.map +1 -0
  50. package/dist/css/theme/color.css +2 -0
  51. package/dist/css/theme/color.css.map +1 -0
  52. package/dist/css/theme/typography.css +2 -0
  53. package/dist/css/theme/typography.css.map +1 -0
  54. package/dist/css/theme.css +2 -0
  55. package/dist/css/theme.css.map +1 -0
  56. package/dist/css/utilities/alignment.css +2 -0
  57. package/dist/css/utilities/alignment.css.map +1 -0
  58. package/dist/{utilities/colors.css → css/utilities/color.css} +2 -2
  59. package/dist/css/utilities/color.css.map +1 -0
  60. package/dist/css/utilities/display.css +2 -0
  61. package/dist/css/utilities/display.css.map +1 -0
  62. package/dist/css/utilities/flex.css +2 -0
  63. package/dist/css/utilities/flex.css.map +1 -0
  64. package/dist/css/utilities/height.css +2 -0
  65. package/dist/css/utilities/height.css.map +1 -0
  66. package/dist/css/utilities/inset.css +2 -0
  67. package/dist/css/utilities/inset.css.map +1 -0
  68. package/dist/css/utilities/justification.css +2 -0
  69. package/dist/css/utilities/justification.css.map +1 -0
  70. package/dist/css/utilities/list.css +2 -0
  71. package/dist/css/utilities/list.css.map +1 -0
  72. package/dist/css/utilities/order.css +2 -0
  73. package/dist/css/utilities/order.css.map +1 -0
  74. package/dist/css/utilities/postion.css +2 -0
  75. package/dist/css/utilities/postion.css.map +1 -0
  76. package/dist/css/utilities/ratio.css +2 -0
  77. package/dist/css/utilities/ratio.css.map +1 -0
  78. package/dist/css/utilities/spacing.css +2 -0
  79. package/dist/css/utilities/spacing.css.map +1 -0
  80. package/dist/css/utilities/typography.css +2 -0
  81. package/dist/css/utilities/typography.css.map +1 -0
  82. package/dist/css/utilities/visibility.css +2 -0
  83. package/dist/css/utilities/visibility.css.map +1 -0
  84. package/dist/css/utilities/width.css +2 -0
  85. package/dist/css/utilities/width.css.map +1 -0
  86. package/dist/css/utilities.css +2 -0
  87. package/dist/css/utilities.css.map +1 -0
  88. package/dist/js/component/accordion.cjs.js +3 -0
  89. package/dist/js/component/accordion.esm.js +1289 -0
  90. package/dist/js/component/accordion.iife.js +3 -0
  91. package/dist/js/component/alert.cjs.js +3 -0
  92. package/dist/js/component/alert.esm.js +529 -0
  93. package/dist/js/component/alert.iife.js +3 -0
  94. package/dist/js/component/carousel.cjs.js +3 -0
  95. package/dist/js/component/carousel.esm.js +1110 -0
  96. package/dist/js/component/carousel.iife.js +3 -0
  97. package/dist/js/graupl.cjs.js +5 -0
  98. package/dist/js/graupl.esm.js +1462 -0
  99. package/dist/js/graupl.iife.js +5 -0
  100. package/docs/.vitepress/config.js +39 -12
  101. package/docs/components/alert.md +130 -0
  102. package/docs/components/button.md +84 -0
  103. package/docs/components/card.md +369 -0
  104. package/docs/components/index.md +1 -0
  105. package/docs/components/inputgroup.md +159 -0
  106. package/docs/components/menu.md +326 -0
  107. package/docs/components/navigation.md +158 -0
  108. package/docs/content.md +237 -0
  109. package/docs/defaults.md +121 -0
  110. package/docs/forms.md +79 -0
  111. package/docs/functions.md +9 -0
  112. package/docs/getting-started.md +1 -0
  113. package/docs/index.md +1 -7
  114. package/docs/introduction.md +22 -2
  115. package/docs/layout.md +200 -0
  116. package/docs/mixins.md +47 -0
  117. package/docs/state.md +67 -0
  118. package/docs/theme.md +258 -0
  119. package/docs/utilities.md +357 -0
  120. package/eslint.config.js +1 -0
  121. package/index.html +816 -327
  122. package/index.js +12 -0
  123. package/package.json +32 -41
  124. package/scss/base/button.scss +3 -0
  125. package/scss/base/form.scss +1 -1
  126. package/scss/base/link.scss +1 -1
  127. package/scss/base/table.scss +1 -1
  128. package/scss/base.scss +1 -1
  129. package/scss/component/accordion.scss +3 -0
  130. package/scss/component/alert.scss +3 -0
  131. package/scss/component/card.scss +3 -0
  132. package/scss/component/carousel.scss +3 -0
  133. package/scss/component/input-group.scss +1 -1
  134. package/scss/component/menu.scss +3 -0
  135. package/scss/component/navigation.scss +3 -0
  136. package/scss/component.scss +1 -1
  137. package/scss/graupl.scss +1 -3
  138. package/scss/init.scss +3 -0
  139. package/scss/layout/columns.scss +1 -1
  140. package/scss/layout/container.scss +1 -1
  141. package/scss/layout/flex-columns.scss +3 -0
  142. package/scss/layout.scss +1 -1
  143. package/scss/normalize.scss +3 -0
  144. package/scss/state/focus.scss +1 -1
  145. package/scss/state.scss +1 -1
  146. package/scss/theme/color.scss +1 -1
  147. package/scss/theme/typography.scss +1 -1
  148. package/scss/theme.scss +1 -1
  149. package/scss/utilities/alignment.scss +3 -0
  150. package/scss/utilities/color.scss +3 -0
  151. package/scss/utilities/display.scss +3 -0
  152. package/scss/utilities/flex.scss +3 -0
  153. package/scss/utilities/height.scss +3 -0
  154. package/scss/utilities/inset.scss +3 -0
  155. package/scss/utilities/justification.scss +3 -0
  156. package/scss/utilities/list.scss +3 -0
  157. package/scss/utilities/order.scss +3 -0
  158. package/scss/utilities/postion.scss +3 -0
  159. package/scss/utilities/ratio.scss +3 -0
  160. package/scss/utilities/spacing.scss +1 -1
  161. package/scss/utilities/typography.scss +1 -1
  162. package/scss/utilities/visibility.scss +3 -0
  163. package/scss/utilities/width.scss +3 -0
  164. package/scss/utilities.scss +1 -1
  165. package/src/js/accordion/Accordion.js +1163 -0
  166. package/src/js/accordion/AccordionItem.js +496 -0
  167. package/src/js/accordion/index.js +10 -0
  168. package/src/js/alert/Alert.js +581 -0
  169. package/src/js/alert/index.js +11 -0
  170. package/src/js/carousel/Carousel.js +1427 -0
  171. package/src/js/carousel/index.js +10 -0
  172. package/src/js/domHelpers.js +37 -0
  173. package/src/js/eventHandlers.js +39 -0
  174. package/src/js/navigation/index.js +36 -0
  175. package/src/js/storage.js +106 -0
  176. package/src/js/validate.js +225 -0
  177. package/src/scss/_defaults.scss +74 -5
  178. package/src/scss/_index.scss +4 -3
  179. package/src/scss/_init.scss +2 -2
  180. package/src/scss/_normalize.scss +197 -0
  181. package/src/scss/_variables.scss +7 -7
  182. package/src/scss/base/_index.scss +2 -1
  183. package/src/scss/base/button/_defaults.scss +60 -0
  184. package/src/scss/base/button/_index.scss +107 -0
  185. package/src/scss/base/button/_mixins.scss +166 -0
  186. package/src/scss/{component → base}/button/_variables.scss +64 -19
  187. package/src/scss/base/form/_defaults.scss +14 -4
  188. package/src/scss/base/form/_index.scss +23 -20
  189. package/src/scss/base/form/_variables.scss +14 -2
  190. package/src/scss/base/link/_defaults.scss +48 -5
  191. package/src/scss/base/link/_index.scss +111 -10
  192. package/src/scss/base/link/_variables.scss +234 -4
  193. package/src/scss/base/table/_defaults.scss +49 -4
  194. package/src/scss/base/table/_index.scss +102 -8
  195. package/src/scss/base/table/_variables.scss +75 -5
  196. package/src/scss/component/_index.scss +7 -3
  197. package/src/scss/component/accordion/_defaults.scss +40 -0
  198. package/src/scss/component/accordion/_index.scss +180 -0
  199. package/src/scss/component/accordion/_variables.scss +316 -0
  200. package/src/scss/component/alert/_defaults.scss +49 -0
  201. package/src/scss/component/alert/_index.scss +118 -0
  202. package/src/scss/component/alert/_variables.scss +173 -0
  203. package/src/scss/component/card/_defaults.scss +32 -0
  204. package/src/scss/component/card/_index.scss +178 -0
  205. package/src/scss/component/card/_variables.scss +186 -0
  206. package/src/scss/component/carousel/_defaults.scss +43 -0
  207. package/src/scss/component/carousel/_index.scss +188 -0
  208. package/src/scss/component/carousel/_variables.scss +104 -0
  209. package/src/scss/component/input-group/_defaults.scss +11 -4
  210. package/src/scss/component/input-group/_index.scss +13 -11
  211. package/src/scss/component/input-group/_variables.scss +4 -1
  212. package/src/scss/component/menu/_defaults.scss +66 -0
  213. package/src/scss/component/menu/_index.scss +305 -0
  214. package/src/scss/component/menu/_variables.scss +500 -0
  215. package/src/scss/component/navigation/_defaults.scss +29 -0
  216. package/src/scss/component/navigation/_index.scss +189 -0
  217. package/src/scss/component/navigation/_variables.scss +237 -0
  218. package/src/scss/functions/_important.scss +2 -0
  219. package/src/scss/functions/_screen.scss +30 -0
  220. package/src/scss/functions/_theme.scss +28 -7
  221. package/src/scss/layout/_index.scss +2 -1
  222. package/src/scss/layout/columns/_defaults.scss +12 -4
  223. package/src/scss/layout/columns/_index.scss +29 -7
  224. package/src/scss/layout/columns/_variables.scss +6 -2
  225. package/src/scss/layout/container/_defaults.scss +13 -4
  226. package/src/scss/layout/container/_index.scss +12 -7
  227. package/src/scss/layout/container/_variables.scss +4 -1
  228. package/src/scss/layout/flex-columns/_defaults.scss +18 -0
  229. package/src/scss/layout/flex-columns/_index.scss +80 -0
  230. package/src/scss/layout/flex-columns/_variables.scss +26 -0
  231. package/src/scss/mixins/_animation.scss +15 -0
  232. package/src/scss/mixins/_layer.scss +3 -5
  233. package/src/scss/mixins/_screen.scss +56 -0
  234. package/src/scss/mixins/_utility.scss +30 -0
  235. package/src/scss/mixins/_visually-hidden.scss +20 -0
  236. package/src/scss/state/_index.scss +1 -1
  237. package/src/scss/state/focus/_defaults.scss +6 -4
  238. package/src/scss/state/focus/_index.scss +7 -7
  239. package/src/scss/state/focus/_mixins.scss +15 -0
  240. package/src/scss/state/focus/_variables.scss +6 -2
  241. package/src/scss/theme/_index.scss +1 -1
  242. package/src/scss/theme/color/_defaults.scss +101 -19
  243. package/src/scss/theme/color/_index.scss +17 -17
  244. package/src/scss/theme/color/_variables.scss +72 -64
  245. package/src/scss/theme/typography/_defaults.scss +7 -5
  246. package/src/scss/theme/typography/_index.scss +1 -1
  247. package/src/scss/theme/typography/_variables.scss +11 -7
  248. package/src/scss/utilities/_index.scss +14 -2
  249. package/src/scss/utilities/alignment/_defaults.scss +62 -0
  250. package/src/scss/utilities/alignment/_index.scss +75 -0
  251. package/src/scss/utilities/alignment/_variables.scss +6 -0
  252. package/src/scss/utilities/color/_defaults.scss +35 -0
  253. package/src/scss/utilities/color/_index.scss +91 -0
  254. package/src/scss/utilities/color/_variables.scss +6 -0
  255. package/src/scss/utilities/display/_defaults.scss +32 -0
  256. package/src/scss/utilities/display/_index.scss +61 -0
  257. package/src/scss/utilities/display/_variables.scss +6 -0
  258. package/src/scss/utilities/flex/_defaults.scss +63 -0
  259. package/src/scss/utilities/flex/_index.scss +71 -0
  260. package/src/scss/utilities/flex/_variables.scss +6 -0
  261. package/src/scss/utilities/height/_defaults.scss +41 -0
  262. package/src/scss/utilities/height/_index.scss +98 -0
  263. package/src/scss/utilities/height/_variables.scss +6 -0
  264. package/src/scss/utilities/inset/_defaults.scss +41 -0
  265. package/src/scss/utilities/inset/_index.scss +37 -0
  266. package/src/scss/utilities/inset/_variables.scss +6 -0
  267. package/src/scss/utilities/justification/_defaults.scss +59 -0
  268. package/src/scss/utilities/justification/_index.scss +75 -0
  269. package/src/scss/utilities/justification/_variables.scss +6 -0
  270. package/src/scss/utilities/list/_defaults.scss +39 -0
  271. package/src/scss/utilities/list/_index.scss +56 -0
  272. package/src/scss/utilities/list/_variables.scss +6 -0
  273. package/src/scss/utilities/order/_defaults.scss +22 -0
  274. package/src/scss/utilities/order/_index.scss +63 -0
  275. package/src/scss/utilities/order/_variables.scss +6 -0
  276. package/src/scss/utilities/position/_defaults.scss +26 -0
  277. package/src/scss/utilities/position/_index.scss +37 -0
  278. package/src/scss/utilities/position/_variables.scss +6 -0
  279. package/src/scss/utilities/ratio/_defaults.scss +28 -0
  280. package/src/scss/utilities/ratio/_index.scss +52 -0
  281. package/src/scss/utilities/ratio/_variables.scss +9 -0
  282. package/src/scss/utilities/spacing/_defaults.scss +9 -4
  283. package/src/scss/utilities/spacing/_index.scss +134 -29
  284. package/src/scss/utilities/spacing/_variables.scss +5 -2
  285. package/src/scss/utilities/typography/_defaults.scss +29 -4
  286. package/src/scss/utilities/typography/_index.scss +155 -23
  287. package/src/scss/utilities/typography/_variables.scss +5 -2
  288. package/src/scss/utilities/visibility/_defaults.scss +25 -0
  289. package/src/scss/utilities/visibility/_index.scss +36 -0
  290. package/src/scss/utilities/visibility/_variables.scss +6 -0
  291. package/src/scss/utilities/width/_defaults.scss +41 -0
  292. package/src/scss/utilities/width/_index.scss +98 -0
  293. package/src/scss/utilities/width/_variables.scss +6 -0
  294. package/stylelint.config.js +5 -0
  295. package/vite.config.js +57 -0
  296. package/dist/base/form.css +0 -2
  297. package/dist/base/form.css.map +0 -1
  298. package/dist/base/link.css +0 -2
  299. package/dist/base/link.css.map +0 -1
  300. package/dist/base/table.css +0 -2
  301. package/dist/base/table.css.map +0 -1
  302. package/dist/base.css +0 -2
  303. package/dist/base.css.map +0 -1
  304. package/dist/component/button.css +0 -2
  305. package/dist/component/button.css.map +0 -1
  306. package/dist/component/input-group.css.map +0 -1
  307. package/dist/component/table.css +0 -2
  308. package/dist/component/table.css.map +0 -1
  309. package/dist/component.css +0 -2
  310. package/dist/component.css.map +0 -1
  311. package/dist/graupl.css +0 -2
  312. package/dist/graupl.css.map +0 -1
  313. package/dist/layout/columns.css +0 -2
  314. package/dist/layout/columns.css.map +0 -1
  315. package/dist/layout/container.css.map +0 -1
  316. package/dist/layout.css +0 -2
  317. package/dist/layout.css.map +0 -1
  318. package/dist/state/focus.css +0 -2
  319. package/dist/state/focus.css.map +0 -1
  320. package/dist/state.css +0 -2
  321. package/dist/state.css.map +0 -1
  322. package/dist/theme/color.css +0 -2
  323. package/dist/theme/color.css.map +0 -1
  324. package/dist/theme/typography.css +0 -2
  325. package/dist/theme/typography.css.map +0 -1
  326. package/dist/theme.css +0 -2
  327. package/dist/theme.css.map +0 -1
  328. package/dist/utilities/colors.css.map +0 -1
  329. package/dist/utilities/spacing.css +0 -2
  330. package/dist/utilities/spacing.css.map +0 -1
  331. package/dist/utilities/typography.css +0 -2
  332. package/dist/utilities/typography.css.map +0 -1
  333. package/dist/utilities.css +0 -2
  334. package/dist/utilities.css.map +0 -1
  335. package/scss/component/button.scss +0 -3
  336. package/scss/component/table.scss +0 -3
  337. package/scss/utilities/colors.scss +0 -3
  338. package/src/scss/component/button/_defaults.scss +0 -39
  339. package/src/scss/component/button/_index.scss +0 -98
  340. package/src/scss/component/table/_defaults.scss +0 -30
  341. package/src/scss/component/table/_index.scss +0 -77
  342. package/src/scss/component/table/_variables.scss +0 -64
  343. package/src/scss/mixins/_media-queries.scss +0 -26
  344. package/src/scss/utilities/colors/_defaults.scss +0 -5
  345. package/src/scss/utilities/colors/_index.scss +0 -22
  346. package/src/scss/utilities/colors/_variables.scss +0 -3
  347. /package/dist/{layout → css/layout}/container.css +0 -0
@@ -1,2 +0,0 @@
1
- @layer graupl.utilities{.bg-primary-100{background:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))!important}.text-primary-100{color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))!important}.bg-primary-200{background:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))!important}.text-primary-200{color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))!important}.bg-primary-300{background:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))!important}.text-primary-300{color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))!important}.bg-primary-400{background:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))!important}.text-primary-400{color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))!important}.bg-primary-500{background:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))!important}.text-primary-500{color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))!important}.bg-primary-600{background:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))!important}.text-primary-600{color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))!important}.bg-primary-700{background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))!important}.text-primary-700{color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))!important}.bg-primary-800{background:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))!important}.text-primary-800{color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))!important}.bg-primary-900{background:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))!important}.text-primary-900{color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))!important}.bg-secondary-100{background:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))!important}.text-secondary-100{color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))!important}.bg-secondary-200{background:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))!important}.text-secondary-200{color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))!important}.bg-secondary-300{background:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))!important}.text-secondary-300{color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))!important}.bg-secondary-400{background:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))!important}.text-secondary-400{color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))!important}.bg-secondary-500{background:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))!important}.text-secondary-500{color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))!important}.bg-secondary-600{background:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))!important}.text-secondary-600{color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))!important}.bg-secondary-700{background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))!important}.text-secondary-700{color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))!important}.bg-secondary-800{background:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))!important}.text-secondary-800{color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))!important}.bg-secondary-900{background:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))!important}.text-secondary-900{color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))!important}.bg-tertiary-100{background:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))!important}.text-tertiary-100{color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))!important}.bg-tertiary-200{background:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))!important}.text-tertiary-200{color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))!important}.bg-tertiary-300{background:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))!important}.text-tertiary-300{color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))!important}.bg-tertiary-400{background:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))!important}.text-tertiary-400{color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))!important}.bg-tertiary-500{background:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))!important}.text-tertiary-500{color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))!important}.bg-tertiary-600{background:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))!important}.text-tertiary-600{color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))!important}.bg-tertiary-700{background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))!important}.text-tertiary-700{color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))!important}.bg-tertiary-800{background:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))!important}.text-tertiary-800{color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))!important}.bg-tertiary-900{background:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))!important}.text-tertiary-900{color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))!important}.g-0.columns{--graupl-columns-column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;--graupl-columns-row-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.g-0:not(.columns){gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.g-1.columns{--graupl-columns-column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important;--graupl-columns-row-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important}.g-1:not(.columns){gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.g-2.columns{--graupl-columns-column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important;--graupl-columns-row-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important}.g-2:not(.columns){gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.g-3.columns{--graupl-columns-column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important;--graupl-columns-row-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important}.g-3:not(.columns){gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.g-4.columns{--graupl-columns-column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important;--graupl-columns-row-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important}.g-4:not(.columns){gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.g-5.columns{--graupl-columns-column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;--graupl-columns-row-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.g-5:not(.columns){gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.g-6.columns{--graupl-columns-column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;--graupl-columns-row-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.g-6:not(.columns){gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.g-7.columns{--graupl-columns-column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;--graupl-columns-row-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.g-7:not(.columns){gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.g-8.columns{--graupl-columns-column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;--graupl-columns-row-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.g-8:not(.columns){gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.g-9.columns{--graupl-columns-column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;--graupl-columns-row-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.g-9:not(.columns){gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.g-10.columns{--graupl-columns-column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;--graupl-columns-row-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.g-10:not(.columns){gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.rg-0.columns{--graupl-columns-row-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.rg-0:not(.columns){row-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.rg-1.columns{--graupl-columns-row-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important}.rg-1:not(.columns){row-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.rg-2.columns{--graupl-columns-row-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important}.rg-2:not(.columns){row-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.rg-3.columns{--graupl-columns-row-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important}.rg-3:not(.columns){row-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.rg-4.columns{--graupl-columns-row-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important}.rg-4:not(.columns){row-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.rg-5.columns{--graupl-columns-row-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.rg-5:not(.columns){row-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.rg-6.columns{--graupl-columns-row-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.rg-6:not(.columns){row-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.rg-7.columns{--graupl-columns-row-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.rg-7:not(.columns){row-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.rg-8.columns{--graupl-columns-row-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.rg-8:not(.columns){row-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.rg-9.columns{--graupl-columns-row-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.rg-9:not(.columns){row-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.rg-10.columns{--graupl-columns-row-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.rg-10:not(.columns){row-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.cg-0.columns{--graupl-columns-column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.cg-0:not(.columns){-moz-column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.cg-1.columns{--graupl-columns-column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important}.cg-1:not(.columns){-moz-column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.cg-2.columns{--graupl-columns-column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important}.cg-2:not(.columns){-moz-column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.cg-3.columns{--graupl-columns-column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important}.cg-3:not(.columns){-moz-column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.cg-4.columns{--graupl-columns-column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important}.cg-4:not(.columns){-moz-column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.cg-5.columns{--graupl-columns-column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.cg-5:not(.columns){-moz-column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.cg-6.columns{--graupl-columns-column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.cg-6:not(.columns){-moz-column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.cg-7.columns{--graupl-columns-column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.cg-7:not(.columns){-moz-column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.cg-8.columns{--graupl-columns-column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.cg-8:not(.columns){-moz-column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.cg-9.columns{--graupl-columns-column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.cg-9:not(.columns){-moz-column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.cg-10.columns{--graupl-columns-column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.cg-10:not(.columns){-moz-column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.p-0{padding:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.p-1{padding:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.p-2{padding:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.p-3{padding:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.p-4{padding:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.p-5{padding:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.p-6{padding:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.p-7{padding:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.p-8{padding:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.p-9{padding:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.p-10{padding:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pt-0{padding-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pt-1{padding-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pt-2{padding-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pt-3{padding-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pt-4{padding-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pt-5{padding-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pt-6{padding-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pt-7{padding-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pt-8{padding-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pt-9{padding-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pt-10{padding-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pr-0{padding-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pr-1{padding-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pr-2{padding-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pr-3{padding-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pr-4{padding-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pr-5{padding-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pr-6{padding-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pr-7{padding-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pr-8{padding-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pr-9{padding-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pr-10{padding-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pb-0{padding-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pb-1{padding-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pb-2{padding-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pb-3{padding-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pb-4{padding-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pb-5{padding-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pb-6{padding-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pb-7{padding-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pb-8{padding-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pb-9{padding-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pb-10{padding-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pl-0{padding-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pl-1{padding-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pl-2{padding-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pl-3{padding-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pl-4{padding-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pl-5{padding-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pl-6{padding-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pl-7{padding-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pl-8{padding-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pl-9{padding-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pl-10{padding-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.px-0{padding-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.px-1{padding-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.px-2{padding-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.px-3{padding-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.px-4{padding-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.px-5{padding-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.px-6{padding-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.px-7{padding-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.px-8{padding-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.px-9{padding-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.px-10{padding-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.py-0{padding-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.py-1{padding-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.py-2{padding-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.py-3{padding-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.py-4{padding-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.py-5{padding-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.py-6{padding-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.py-7{padding-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.py-8{padding-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.py-9{padding-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.py-10{padding-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pbs-0{padding-block-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pbs-1{padding-block-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pbs-2{padding-block-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pbs-3{padding-block-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pbs-4{padding-block-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pbs-5{padding-block-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pbs-6{padding-block-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pbs-7{padding-block-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pbs-8{padding-block-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pbs-9{padding-block-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pbs-10{padding-block-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pbe-0{padding-block-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pbe-1{padding-block-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pbe-2{padding-block-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pbe-3{padding-block-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pbe-4{padding-block-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pbe-5{padding-block-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pbe-6{padding-block-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pbe-7{padding-block-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pbe-8{padding-block-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pbe-9{padding-block-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pbe-10{padding-block-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pbse-0{padding-block-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-block-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pbse-1{padding-block-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-block-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pbse-2{padding-block-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-block-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pbse-3{padding-block-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-block-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pbse-4{padding-block-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-block-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pbse-5{padding-block-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-block-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pbse-6{padding-block-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-block-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pbse-7{padding-block-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-block-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pbse-8{padding-block-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-block-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pbse-9{padding-block-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-block-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pbse-10{padding-block-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-block-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pis-0{padding-inline-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pis-1{padding-inline-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pis-2{padding-inline-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pis-3{padding-inline-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pis-4{padding-inline-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pis-5{padding-inline-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pis-6{padding-inline-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pis-7{padding-inline-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pis-8{padding-inline-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pis-9{padding-inline-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pis-10{padding-inline-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pie-0{padding-inline-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pie-1{padding-inline-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pie-2{padding-inline-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pie-3{padding-inline-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pie-4{padding-inline-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pie-5{padding-inline-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pie-6{padding-inline-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pie-7{padding-inline-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pie-8{padding-inline-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pie-9{padding-inline-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pie-10{padding-inline-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pise-0{padding-inline-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-inline-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pise-1{padding-inline-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-inline-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pise-2{padding-inline-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-inline-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pise-3{padding-inline-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-inline-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pise-4{padding-inline-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-inline-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pise-5{padding-inline-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-inline-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pise-6{padding-inline-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-inline-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pise-7{padding-inline-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-inline-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pise-8{padding-inline-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-inline-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pise-9{padding-inline-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-inline-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pise-10{padding-inline-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-inline-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.m-0{margin:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.m-1{margin:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.m-2{margin:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.m-3{margin:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.m-4{margin:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.m-5{margin:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.m-6{margin:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.m-7{margin:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.m-8{margin:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.m-9{margin:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.m-10{margin:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mt-0{margin-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mt-1{margin-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mt-2{margin-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mt-3{margin-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mt-4{margin-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mt-5{margin-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mt-6{margin-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mt-7{margin-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mt-8{margin-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mt-9{margin-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mt-10{margin-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mr-0{margin-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mr-1{margin-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mr-2{margin-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mr-3{margin-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mr-4{margin-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mr-5{margin-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mr-6{margin-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mr-7{margin-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mr-8{margin-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mr-9{margin-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mr-10{margin-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mb-0{margin-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mb-1{margin-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mb-2{margin-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mb-3{margin-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mb-4{margin-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mb-5{margin-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mb-6{margin-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mb-7{margin-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mb-8{margin-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mb-9{margin-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mb-10{margin-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.ml-0{margin-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.ml-1{margin-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.ml-2{margin-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.ml-3{margin-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.ml-4{margin-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.ml-5{margin-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.ml-6{margin-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.ml-7{margin-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.ml-8{margin-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.ml-9{margin-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.ml-10{margin-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mx-0{margin-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mx-1{margin-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mx-2{margin-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mx-3{margin-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mx-4{margin-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mx-5{margin-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mx-6{margin-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mx-7{margin-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mx-8{margin-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mx-9{margin-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mx-10{margin-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.my-0{margin-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.my-1{margin-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.my-2{margin-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.my-3{margin-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.my-4{margin-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.my-5{margin-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.my-6{margin-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.my-7{margin-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.my-8{margin-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.my-9{margin-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.my-10{margin-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mbs-0{margin-block-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mbs-1{margin-block-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mbs-2{margin-block-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mbs-3{margin-block-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mbs-4{margin-block-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mbs-5{margin-block-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mbs-6{margin-block-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mbs-7{margin-block-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mbs-8{margin-block-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mbs-9{margin-block-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mbs-10{margin-block-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mbe-0{margin-block-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mbe-1{margin-block-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mbe-2{margin-block-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mbe-3{margin-block-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mbe-4{margin-block-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mbe-5{margin-block-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mbe-6{margin-block-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mbe-7{margin-block-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mbe-8{margin-block-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mbe-9{margin-block-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mbe-10{margin-block-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mbse-0{margin-block-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-block-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mbse-1{margin-block-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-block-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mbse-2{margin-block-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-block-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mbse-3{margin-block-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-block-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mbse-4{margin-block-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-block-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mbse-5{margin-block-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-block-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mbse-6{margin-block-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-block-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mbse-7{margin-block-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-block-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mbse-8{margin-block-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-block-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mbse-9{margin-block-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-block-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mbse-10{margin-block-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-block-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mis-0{margin-inline-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mis-1{margin-inline-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mis-2{margin-inline-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mis-3{margin-inline-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mis-4{margin-inline-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mis-5{margin-inline-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mis-6{margin-inline-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mis-7{margin-inline-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mis-8{margin-inline-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mis-9{margin-inline-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mis-10{margin-inline-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mie-0{margin-inline-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mie-1{margin-inline-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mie-2{margin-inline-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mie-3{margin-inline-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mie-4{margin-inline-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mie-5{margin-inline-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mie-6{margin-inline-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mie-7{margin-inline-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mie-8{margin-inline-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mie-9{margin-inline-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mie-10{margin-inline-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mise-0{margin-inline-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-inline-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mise-1{margin-inline-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-inline-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mise-2{margin-inline-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-inline-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mise-3{margin-inline-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-inline-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mise-4{margin-inline-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-inline-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mise-5{margin-inline-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-inline-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mise-6{margin-inline-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-inline-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mise-7{margin-inline-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-inline-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mise-8{margin-inline-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-inline-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mise-9{margin-inline-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-inline-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mise-10{margin-inline-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-inline-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.text-xs{font-size:var(--graupl-font-xs,calc(var(--graupl-font-base, 1rem)*.694))!important}.text-sm{font-size:var(--graupl-font-sm,calc(var(--graupl-font-base, 1rem)*.833))!important}.text-base{font-size:var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1))!important}.text-lg{font-size:var(--graupl-font-lg,calc(var(--graupl-font-base, 1rem)*1.2))!important}.text-xl{font-size:var(--graupl-font-xl,calc(var(--graupl-font-base, 1rem)*1.44))!important}.text-2xl{font-size:var(--graupl-font-2xl,calc(var(--graupl-font-base, 1rem)*1.728))!important}.text-3xl{font-size:var(--graupl-font-3xl,calc(var(--graupl-font-base, 1rem)*2.074))!important}.text-4xl{font-size:var(--graupl-font-4xl,calc(var(--graupl-font-base, 1rem)*2.488))!important}.text-5xl{font-size:var(--graupl-font-5xl,calc(var(--graupl-font-base, 1rem)*2.986))!important}.text-paragraph{font-size:var(--graupl-paragraph-font-size,var(--graupl-body-font-size,var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1))))!important;font-weight:var(--graupl-paragraph-font-weight,var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400)))!important;line-height:var(--graupl-paragraph-line-height,var(--graupl-body-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-paragraph-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0)!important}.text-small{font-size:var(--graupl-small-font-size,var(--graupl-font-sm,calc(var(--graupl-font-base, 1rem)*.833)))!important;font-weight:var(--graupl-small-font-weight,var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400)))!important;line-height:var(--graupl-small-line-height,var(--graupl-line-height,1.2em))!important;margin:var(--graupl-small-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0)!important}.text-h1{font-family:var(--graupl-h1-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h1-font-size,var(--graupl-font-5xl,calc(var(--graupl-font-base, 1rem)*2.986)))!important;font-weight:var(--graupl-h1-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h1-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h1-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h2{font-family:var(--graupl-h2-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h2-font-size,var(--graupl-font-4xl,calc(var(--graupl-font-base, 1rem)*2.488)))!important;font-weight:var(--graupl-h2-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h2-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h2-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h3{font-family:var(--graupl-h3-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h3-font-size,var(--graupl-font-3xl,calc(var(--graupl-font-base, 1rem)*2.074)))!important;font-weight:var(--graupl-h3-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h3-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h3-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h4{font-family:var(--graupl-h4-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h4-font-size,var(--graupl-font-2xl,calc(var(--graupl-font-base, 1rem)*1.728)))!important;font-weight:var(--graupl-h4-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h4-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h4-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h5{font-family:var(--graupl-h5-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h5-font-size,var(--graupl-font-xl,calc(var(--graupl-font-base, 1rem)*1.44)))!important;font-weight:var(--graupl-h5-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h5-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h5-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h6{font-family:var(--graupl-h6-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h6-font-size,var(--graupl-font-lg,calc(var(--graupl-font-base, 1rem)*1.2)))!important;font-weight:var(--graupl-h6-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h6-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h6-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.font-light{font-weight:var(--graupl-font-weight-light,300)!important}.font-normal{font-weight:var(--graupl-font-weight-normal,400)!important}.font-bold{font-weight:var(--graupl-font-weight-bold,700)!important}.font-italic{font-style:italic!important}.font-not-italic{font-style:normal!important}}@layer graupl.utilities{}@layer graupl.utilities{}
2
- /*# sourceMappingURL=utilities.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/scss/mixins/_layer.scss","../src/scss/utilities/colors/_index.scss","utilities.css","../src/scss/utilities/spacing/_index.scss","../src/scss/utilities/typography/_index.scss"],"names":[],"mappings":"AASI,wBCGE,gBACE,wICVN,CDaI,kBACE,mICXN,CDMI,gBACE,wICJN,CDOI,kBACE,mICLN,CDAI,gBACE,wICEN,CDCI,kBACE,mICCN,CDNI,gBACE,wICQN,CDLI,kBACE,mICON,CDZI,gBACE,wICcN,CDXI,kBACE,mICaN,CDlBI,gBACE,wICoBN,CDjBI,kBACE,mICmBN,CDxBI,gBACE,wIC0BN,CDvBI,kBACE,mICyBN,CD9BI,gBACE,wICgCN,CD7BI,kBACE,mIC+BN,CDpCI,gBACE,wICsCN,CDnCI,kBACE,mICqCN,CD1CI,kBACE,8IC4CN,CDzCI,oBACE,yIC2CN,CDhDI,kBACE,8ICkDN,CD/CI,oBACE,yICiDN,CDtDI,kBACE,8ICwDN,CDrDI,oBACE,yICuDN,CD5DI,kBACE,8IC8DN,CD3DI,oBACE,yIC6DN,CDlEI,kBACE,8ICoEN,CDjEI,oBACE,yICmEN,CDxEI,kBACE,8IC0EN,CDvEI,oBACE,yICyEN,CD9EI,kBACE,8ICgFN,CD7EI,oBACE,yIC+EN,CDpFI,kBACE,8ICsFN,CDnFI,oBACE,yICqFN,CD1FI,kBACE,8IC4FN,CDzFI,oBACE,yIC2FN,CDhGI,iBACE,2ICkGN,CD/FI,mBACE,sICiGN,CDtGI,iBACE,2ICwGN,CDrGI,mBACE,sICuGN,CD5GI,iBACE,2IC8GN,CD3GI,mBACE,sIC6GN,CDlHI,iBACE,2ICoHN,CDjHI,mBACE,sICmHN,CDxHI,iBACE,wIC0HN,CDvHI,mBACE,mICyHN,CD9HI,iBACE,2ICgIN,CD7HI,mBACE,sIC+HN,CDpII,iBACE,2ICsIN,CDnII,mBACE,sICqIN,CD1II,iBACE,2IC4IN,CDzII,mBACE,sIC2IN,CDhJI,iBACE,2ICkJN,CD/II,mBACE,sICiJN,CCjJQ,aACE,+FAAA,CAGA,4FDmJV,CC9IQ,mBAEI,uED+IZ,CC1JQ,aACE,mGAAA,CAGA,gGD0JV,CCrJQ,mBAEI,0EDsJZ,CCjKQ,aACE,kGAAA,CAGA,+FDiKV,CC5JQ,mBAEI,yED6JZ,CCxKQ,aACE,iGAAA,CAGA,8FDwKV,CCnKQ,mBAEI,wEDoKZ,CC/KQ,aACE,kGAAA,CAGA,+FD+KV,CC1KQ,mBAEI,yED2KZ,CCtLQ,aACE,+FAAA,CAGA,4FDsLV,CCjLQ,mBAEI,uEDkLZ,CC7LQ,aACE,iGAAA,CAGA,8FD6LV,CCxLQ,mBAEI,yEDyLZ,CCpMQ,aACE,+FAAA,CAGA,4FDoMV,CC/LQ,mBAEI,uEDgMZ,CC3MQ,aACE,+FAAA,CAGA,4FD2MV,CCtMQ,mBAEI,uEDuMZ,CClNQ,aACE,+FAAA,CAGA,4FDkNV,CC7MQ,mBAEI,uED8MZ,CCzNQ,cACE,iGAAA,CAGA,8FDyNV,CCpNQ,oBAEI,yEDqNZ,CCrMQ,cACE,4FDuMV,CClMQ,oBAEI,2EDmMZ,CC3MQ,cACE,gGD6MV,CCxMQ,oBAEI,8EDyMZ,CCjNQ,cACE,+FDmNV,CC9MQ,oBAEI,6ED+MZ,CCvNQ,cACE,8FDyNV,CCpNQ,oBAEI,4EDqNZ,CC7NQ,cACE,+FD+NV,CC1NQ,oBAEI,6ED2NZ,CCnOQ,cACE,4FDqOV,CChOQ,oBAEI,2EDiOZ,CCzOQ,cACE,8FD2OV,CCtOQ,oBAEI,6EDuOZ,CC/OQ,cACE,4FDiPV,CC5OQ,oBAEI,2ED6OZ,CCrPQ,cACE,4FDuPV,CClPQ,oBAEI,2EDmPZ,CC3PQ,cACE,4FD6PV,CCxPQ,oBAEI,2EDyPZ,CCjQQ,eACE,8FDmQV,CC9PQ,qBAEI,6ED+PZ,CCnRQ,cACE,+FDqRV,CChRQ,oBAEI,mFAAA,CAAA,8EDiRZ,CCzRQ,cACE,mGD2RV,CCtRQ,oBAEI,sFAAA,CAAA,iFDuRZ,CC/RQ,cACE,kGDiSV,CC5RQ,oBAEI,qFAAA,CAAA,gFD6RZ,CCrSQ,cACE,iGDuSV,CClSQ,oBAEI,oFAAA,CAAA,+EDmSZ,CC3SQ,cACE,kGD6SV,CCxSQ,oBAEI,qFAAA,CAAA,gFDySZ,CCjTQ,cACE,+FDmTV,CC9SQ,oBAEI,mFAAA,CAAA,8ED+SZ,CCvTQ,cACE,iGDyTV,CCpTQ,oBAEI,qFAAA,CAAA,gFDqTZ,CC7TQ,cACE,+FD+TV,CC1TQ,oBAEI,mFAAA,CAAA,8ED2TZ,CCnUQ,cACE,+FDqUV,CChUQ,oBAEI,mFAAA,CAAA,8EDiUZ,CCzUQ,cACE,+FD2UV,CCtUQ,oBAEI,mFAAA,CAAA,8EDuUZ,CC/UQ,eACE,iGDiVV,CC5UQ,qBAEI,qFAAA,CAAA,gFD6UZ,CCxWI,KA4CM,2ED+TV,CC3WI,KA4CM,8EDkUV,CC9WI,KA4CM,6EDqUV,CCjXI,KA4CM,4EDwUV,CCpXI,KA4CM,6ED2UV,CCvXI,KA4CM,2ED8UV,CC1XI,KA4CM,6EDiVV,CC7XI,KA4CM,2EDoVV,CChYI,KA4CM,2EDuVV,CCnYI,KA4CM,2ED0VV,CCtYI,MA4CM,6ED6VV,CCzYI,MA4CM,+EDgWV,CC5YI,MA4CM,kFDmWV,CC/YI,MA4CM,iFDsWV,CClZI,MA4CM,gFDyWV,CCrZI,MA4CM,iFD4WV,CCxZI,MA4CM,+ED+WV,CC3ZI,MA4CM,iFDkXV,CC9ZI,MA4CM,+EDqXV,CCjaI,MA4CM,+EDwXV,CCpaI,MA4CM,+ED2XV,CCvaI,OA4CM,iFD8XV,CC1aI,MA4CM,iFDiYV,CC7aI,MA4CM,oFDoYV,CChbI,MA4CM,mFDuYV,CCnbI,MA4CM,kFD0YV,CCtbI,MA4CM,mFD6YV,CCzbI,MA4CM,iFDgZV,CC5bI,MA4CM,mFDmZV,CC/bI,MA4CM,iFDsZV,CClcI,MA4CM,iFDyZV,CCrcI,MA4CM,iFD4ZV,CCxcI,OA4CM,mFD+ZV,CC3cI,MA4CM,kFDkaV,CC9cI,MA4CM,qFDqaV,CCjdI,MA4CM,oFDwaV,CCpdI,MA4CM,mFD2aV,CCvdI,MA4CM,oFD8aV,CC1dI,MA4CM,kFDibV,CC7dI,MA4CM,oFDobV,CCheI,MA4CM,kFDubV,CCneI,MA4CM,kFD0bV,CCteI,MA4CM,kFD6bV,CCzeI,OA4CM,oFDgcV,CC5eI,MA4CM,gFDmcV,CC/eI,MA4CM,mFDscV,CClfI,MA4CM,kFDycV,CCrfI,MA4CM,iFD4cV,CCxfI,MA4CM,kFD+cV,CC3fI,MA4CM,gFDkdV,CC9fI,MA4CM,kFDqdV,CCjgBI,MA4CM,gFDwdV,CCpgBI,MA4CM,gFD2dV,CCvgBI,MA4CM,gFD8dV,CC1gBI,OA4CM,kFDieV,CC7gBI,MA4CM,gFAAA,CAAA,iFDqeV,CCjhBI,MA4CM,mFAAA,CAAA,oFDyeV,CCrhBI,MA4CM,kFAAA,CAAA,mFD6eV,CCzhBI,MA4CM,iFAAA,CAAA,kFDifV,CC7hBI,MA4CM,kFAAA,CAAA,mFDqfV,CCjiBI,MA4CM,gFAAA,CAAA,iFDyfV,CCriBI,MA4CM,kFAAA,CAAA,mFD6fV,CCziBI,MA4CM,gFAAA,CAAA,iFDigBV,CC7iBI,MA4CM,gFAAA,CAAA,iFDqgBV,CCjjBI,MA4CM,gFAAA,CAAA,iFDygBV,CCrjBI,OA4CM,kFAAA,CAAA,mFD6gBV,CCzjBI,MA4CM,kFAAA,CAAA,+EDihBV,CC7jBI,MA4CM,qFAAA,CAAA,kFDqhBV,CCjkBI,MA4CM,oFAAA,CAAA,iFDyhBV,CCrkBI,MA4CM,mFAAA,CAAA,gFD6hBV,CCzkBI,MA4CM,oFAAA,CAAA,iFDiiBV,CC7kBI,MA4CM,kFAAA,CAAA,+EDqiBV,CCjlBI,MA4CM,oFAAA,CAAA,iFDyiBV,CCrlBI,MA4CM,kFAAA,CAAA,+ED6iBV,CCzlBI,MA4CM,kFAAA,CAAA,+EDijBV,CC7lBI,MA4CM,kFAAA,CAAA,+EDqjBV,CCjmBI,OA4CM,oFAAA,CAAA,iFDyjBV,CCrmBI,OA4CM,uFD4jBV,CCxmBI,OA4CM,0FD+jBV,CC3mBI,OA4CM,yFDkkBV,CC9mBI,OA4CM,wFDqkBV,CCjnBI,OA4CM,yFDwkBV,CCpnBI,OA4CM,uFD2kBV,CCvnBI,OA4CM,yFD8kBV,CC1nBI,OA4CM,uFDilBV,CC7nBI,OA4CM,uFDolBV,CChoBI,OA4CM,uFDulBV,CCnoBI,QA4CM,yFD0lBV,CCtoBI,OA4CM,qFD6lBV,CCzoBI,OA4CM,wFDgmBV,CC5oBI,OA4CM,uFDmmBV,CC/oBI,OA4CM,sFDsmBV,CClpBI,OA4CM,uFDymBV,CCrpBI,OA4CM,qFD4mBV,CCxpBI,OA4CM,uFD+mBV,CC3pBI,OA4CM,qFDknBV,CC9pBI,OA4CM,qFDqnBV,CCjqBI,OA4CM,qFDwnBV,CCpqBI,QA4CM,uFD2nBV,CCvqBI,QA4CM,qFAAA,CAAA,uFD+nBV,CC3qBI,QA4CM,wFAAA,CAAA,0FDmoBV,CC/qBI,QA4CM,uFAAA,CAAA,yFDuoBV,CCnrBI,QA4CM,sFAAA,CAAA,wFD2oBV,CCvrBI,QA4CM,uFAAA,CAAA,yFD+oBV,CC3rBI,QA4CM,qFAAA,CAAA,uFDmpBV,CC/rBI,QA4CM,uFAAA,CAAA,yFDupBV,CCnsBI,QA4CM,qFAAA,CAAA,uFD2pBV,CCvsBI,QA4CM,qFAAA,CAAA,uFD+pBV,CC3sBI,QA4CM,qFAAA,CAAA,uFDmqBV,CC/sBI,SA4CM,uFAAA,CAAA,yFDuqBV,CCntBI,OA4CM,wFD0qBV,CCttBI,OA4CM,2FD6qBV,CCztBI,OA4CM,0FDgrBV,CC5tBI,OA4CM,yFDmrBV,CC/tBI,OA4CM,0FDsrBV,CCluBI,OA4CM,wFDyrBV,CCruBI,OA4CM,0FD4rBV,CCxuBI,OA4CM,wFD+rBV,CC3uBI,OA4CM,wFDksBV,CC9uBI,OA4CM,wFDqsBV,CCjvBI,QA4CM,0FDwsBV,CCpvBI,OA4CM,sFD2sBV,CCvvBI,OA4CM,yFD8sBV,CC1vBI,OA4CM,wFDitBV,CC7vBI,OA4CM,uFDotBV,CChwBI,OA4CM,wFDutBV,CCnwBI,OA4CM,sFD0tBV,CCtwBI,OA4CM,wFD6tBV,CCzwBI,OA4CM,sFDguBV,CC5wBI,OA4CM,sFDmuBV,CC/wBI,OA4CM,sFDsuBV,CClxBI,QA4CM,wFDyuBV,CCrxBI,QA4CM,sFAAA,CAAA,wFD6uBV,CCzxBI,QA4CM,yFAAA,CAAA,2FDivBV,CC7xBI,QA4CM,wFAAA,CAAA,0FDqvBV,CCjyBI,QA4CM,uFAAA,CAAA,yFDyvBV,CCryBI,QA4CM,wFAAA,CAAA,0FD6vBV,CCzyBI,QA4CM,sFAAA,CAAA,wFDiwBV,CC7yBI,QA4CM,wFAAA,CAAA,0FDqwBV,CCjzBI,QA4CM,sFAAA,CAAA,wFDywBV,CCrzBI,QA4CM,sFAAA,CAAA,wFD6wBV,CCzzBI,QA4CM,sFAAA,CAAA,wFDixBV,CC7zBI,SA4CM,wFAAA,CAAA,0FDqxBV,CCj0BI,KA4CM,0EDwxBV,CCp0BI,KA4CM,6ED2xBV,CCv0BI,KA4CM,4ED8xBV,CC10BI,KA4CM,2EDiyBV,CC70BI,KA4CM,4EDoyBV,CCh1BI,KA4CM,0EDuyBV,CCn1BI,KA4CM,4ED0yBV,CCt1BI,KA4CM,0ED6yBV,CCz1BI,KA4CM,0EDgzBV,CC51BI,KA4CM,0EDmzBV,CC/1BI,MA4CM,4EDszBV,CCl2BI,MA4CM,8EDyzBV,CCr2BI,MA4CM,iFD4zBV,CCx2BI,MA4CM,gFD+zBV,CC32BI,MA4CM,+EDk0BV,CC92BI,MA4CM,gFDq0BV,CCj3BI,MA4CM,8EDw0BV,CCp3BI,MA4CM,gFD20BV,CCv3BI,MA4CM,8ED80BV,CC13BI,MA4CM,8EDi1BV,CC73BI,MA4CM,8EDo1BV,CCh4BI,OA4CM,gFDu1BV,CCn4BI,MA4CM,gFD01BV,CCt4BI,MA4CM,mFD61BV,CCz4BI,MA4CM,kFDg2BV,CC54BI,MA4CM,iFDm2BV,CC/4BI,MA4CM,kFDs2BV,CCl5BI,MA4CM,gFDy2BV,CCr5BI,MA4CM,kFD42BV,CCx5BI,MA4CM,gFD+2BV,CC35BI,MA4CM,gFDk3BV,CC95BI,MA4CM,gFDq3BV,CCj6BI,OA4CM,kFDw3BV,CCp6BI,MA4CM,iFD23BV,CCv6BI,MA4CM,oFD83BV,CC16BI,MA4CM,mFDi4BV,CC76BI,MA4CM,kFDo4BV,CCh7BI,MA4CM,mFDu4BV,CCn7BI,MA4CM,iFD04BV,CCt7BI,MA4CM,mFD64BV,CCz7BI,MA4CM,iFDg5BV,CC57BI,MA4CM,iFDm5BV,CC/7BI,MA4CM,iFDs5BV,CCl8BI,OA4CM,mFDy5BV,CCr8BI,MA4CM,+ED45BV,CCx8BI,MA4CM,kFD+5BV,CC38BI,MA4CM,iFDk6BV,CC98BI,MA4CM,gFDq6BV,CCj9BI,MA4CM,iFDw6BV,CCp9BI,MA4CM,+ED26BV,CCv9BI,MA4CM,iFD86BV,CC19BI,MA4CM,+EDi7BV,CC79BI,MA4CM,+EDo7BV,CCh+BI,MA4CM,+EDu7BV,CCn+BI,OA4CM,iFD07BV,CCt+BI,MA4CM,+EAAA,CAAA,gFD87BV,CC1+BI,MA4CM,kFAAA,CAAA,mFDk8BV,CC9+BI,MA4CM,iFAAA,CAAA,kFDs8BV,CCl/BI,MA4CM,gFAAA,CAAA,iFD08BV,CCt/BI,MA4CM,iFAAA,CAAA,kFD88BV,CC1/BI,MA4CM,+EAAA,CAAA,gFDk9BV,CC9/BI,MA4CM,iFAAA,CAAA,kFDs9BV,CClgCI,MA4CM,+EAAA,CAAA,gFD09BV,CCtgCI,MA4CM,+EAAA,CAAA,gFD89BV,CC1gCI,MA4CM,+EAAA,CAAA,gFDk+BV,CC9gCI,OA4CM,iFAAA,CAAA,kFDs+BV,CClhCI,MA4CM,iFAAA,CAAA,8ED0+BV,CCthCI,MA4CM,oFAAA,CAAA,iFD8+BV,CC1hCI,MA4CM,mFAAA,CAAA,gFDk/BV,CC9hCI,MA4CM,kFAAA,CAAA,+EDs/BV,CCliCI,MA4CM,mFAAA,CAAA,gFD0/BV,CCtiCI,MA4CM,iFAAA,CAAA,8ED8/BV,CC1iCI,MA4CM,mFAAA,CAAA,gFDkgCV,CC9iCI,MA4CM,iFAAA,CAAA,8EDsgCV,CCljCI,MA4CM,iFAAA,CAAA,8ED0gCV,CCtjCI,MA4CM,iFAAA,CAAA,8ED8gCV,CC1jCI,OA4CM,mFAAA,CAAA,gFDkhCV,CC9jCI,OA4CM,sFDqhCV,CCjkCI,OA4CM,yFDwhCV,CCpkCI,OA4CM,wFD2hCV,CCvkCI,OA4CM,uFD8hCV,CC1kCI,OA4CM,wFDiiCV,CC7kCI,OA4CM,sFDoiCV,CChlCI,OA4CM,wFDuiCV,CCnlCI,OA4CM,sFD0iCV,CCtlCI,OA4CM,sFD6iCV,CCzlCI,OA4CM,sFDgjCV,CC5lCI,QA4CM,wFDmjCV,CC/lCI,OA4CM,oFDsjCV,CClmCI,OA4CM,uFDyjCV,CCrmCI,OA4CM,sFD4jCV,CCxmCI,OA4CM,qFD+jCV,CC3mCI,OA4CM,sFDkkCV,CC9mCI,OA4CM,oFDqkCV,CCjnCI,OA4CM,sFDwkCV,CCpnCI,OA4CM,oFD2kCV,CCvnCI,OA4CM,oFD8kCV,CC1nCI,OA4CM,oFDilCV,CC7nCI,QA4CM,sFDolCV,CChoCI,QA4CM,oFAAA,CAAA,sFDwlCV,CCpoCI,QA4CM,uFAAA,CAAA,yFD4lCV,CCxoCI,QA4CM,sFAAA,CAAA,wFDgmCV,CC5oCI,QA4CM,qFAAA,CAAA,uFDomCV,CChpCI,QA4CM,sFAAA,CAAA,wFDwmCV,CCppCI,QA4CM,oFAAA,CAAA,sFD4mCV,CCxpCI,QA4CM,sFAAA,CAAA,wFDgnCV,CC5pCI,QA4CM,oFAAA,CAAA,sFDonCV,CChqCI,QA4CM,oFAAA,CAAA,sFDwnCV,CCpqCI,QA4CM,oFAAA,CAAA,sFD4nCV,CCxqCI,SA4CM,sFAAA,CAAA,wFDgoCV,CC5qCI,OA4CM,uFDmoCV,CC/qCI,OA4CM,0FDsoCV,CClrCI,OA4CM,yFDyoCV,CCrrCI,OA4CM,wFD4oCV,CCxrCI,OA4CM,yFD+oCV,CC3rCI,OA4CM,uFDkpCV,CC9rCI,OA4CM,yFDqpCV,CCjsCI,OA4CM,uFDwpCV,CCpsCI,OA4CM,uFD2pCV,CCvsCI,OA4CM,uFD8pCV,CC1sCI,QA4CM,yFDiqCV,CC7sCI,OA4CM,qFDoqCV,CChtCI,OA4CM,wFDuqCV,CCntCI,OA4CM,uFD0qCV,CCttCI,OA4CM,sFD6qCV,CCztCI,OA4CM,uFDgrCV,CC5tCI,OA4CM,qFDmrCV,CC/tCI,OA4CM,uFDsrCV,CCluCI,OA4CM,qFDyrCV,CCruCI,OA4CM,qFD4rCV,CCxuCI,OA4CM,qFD+rCV,CC3uCI,QA4CM,uFDksCV,CC9uCI,QA4CM,qFAAA,CAAA,uFDssCV,CClvCI,QA4CM,wFAAA,CAAA,0FD0sCV,CCtvCI,QA4CM,uFAAA,CAAA,yFD8sCV,CC1vCI,QA4CM,sFAAA,CAAA,wFDktCV,CC9vCI,QA4CM,uFAAA,CAAA,yFDstCV,CClwCI,QA4CM,qFAAA,CAAA,uFD0tCV,CCtwCI,QA4CM,uFAAA,CAAA,yFD8tCV,CC1wCI,QA4CM,qFAAA,CAAA,uFDkuCV,CC9wCI,QA4CM,qFAAA,CAAA,uFDsuCV,CClxCI,QA4CM,qFAAA,CAAA,uFD0uCV,CCtxCI,SA4CM,uFAAA,CAAA,yFD8uCV,CE9xCE,SACE,kFFmyCJ,CEpyCE,SACE,kFFsyCJ,CEvyCE,WACE,iFFyyCJ,CE1yCE,SACE,iFF4yCJ,CE7yCE,SACE,kFF+yCJ,CEhzCE,UACE,oFFkzCJ,CEnzCE,UACE,oFFqzCJ,CEtzCE,UACE,oFFwzCJ,CEzzCE,UACE,oFF2zCJ,CEvzCA,gBAEE,gJAAA,CACA,6HAAA,CACA,wHAAA,CAHA,iHF4zCF,CEtzCA,YAEE,gHAAA,CACA,yHAAA,CACA,qFAAA,CAHA,6GF2zCF,CErzCA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LF2zCF,CEpzCA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LF0zCF,CEnzCA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LFyzCF,CElzCA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LFwzCF,CEjzCA,SAEE,8MAAA,CACA,6GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LFuzCF,CEhzCA,SAEE,8MAAA,CACA,4GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LFszCF,CE7yCE,YACE,yDF+yCJ,CEhzCE,aACE,0DFkzCJ,CEnzCE,WACE,wDFqzCJ,CEhzCA,aACE,2BFkzCF,CE/yCA,iBACE,2BFizCF,CAvuCF,CF1JI,wBE+xCJ,CF/xCI,wBEk4CJ","file":"utilities.css"}
@@ -1,3 +0,0 @@
1
- // Graupl Button Component.
2
-
3
- @forward "../../src/scss/component/button";
@@ -1,3 +0,0 @@
1
- // Table component styles.
2
-
3
- @forward "../../src/scss/component/table";
@@ -1,3 +0,0 @@
1
- // Graupl color utilities.
2
-
3
- @forward "../../src/scss/utilities/colors";
@@ -1,39 +0,0 @@
1
- // Default values for Graupl.
2
- //
3
- // Generally, these should not be used directly when styling components.
4
- // They are mainly used to provide default fallbacks for custom properties
5
- // which can be found in the `variables.scss` file.
6
-
7
- @use "sass:map";
8
-
9
- $button-hover-transform: none !default;
10
- $button-hover-transform-reduced-motion: none !default;
11
- $button-active-transform: scale(0.95) !default;
12
- $button-active-transform-reduced-motion: scale(0.98) !default;
13
-
14
- // Button state theme defaults.
15
- // This map is used to define the default colour shades for the
16
- // themed button components.
17
- //
18
- // e.g.
19
- // Primary buttons will use primary--900 as the text colour, primary--100 as the background
20
- // and primary--900 as the border colour.
21
- //
22
- // Secondary/tertiary buttons will use the same shade for their respective colours.
23
- $base-button-state-theme-map: (
24
- color: 900,
25
- border-color: 700,
26
- hover-color: 100,
27
- hover-background: 700,
28
- hover-border-color: 700,
29
- active-color: 100,
30
- active-background: 700,
31
- active-border-color: 700,
32
- disabled-color: 200,
33
- disabled-border-color: 200,
34
- );
35
- $custom-button-state-theme-map: () !default;
36
- $button-state-theme-map: map.merge(
37
- $base-button-state-theme-map,
38
- $custom-button-state-theme-map
39
- );
@@ -1,98 +0,0 @@
1
- // Graupl Button Component.
2
-
3
- @use "defaults";
4
- @use "../../defaults" as root-defaults;
5
- @use "../../theme/color/variables" as color;
6
- @use "variables" as *;
7
- @use "../../mixins/layer" as *;
8
- @use "../../mixins/media-queries" as *;
9
- @use "sass:map";
10
-
11
- @include layer(component) {
12
- .button {
13
- display: flex;
14
- align-items: center;
15
- justify-content: center;
16
- min-width: $button-min-width;
17
- min-height: $button-min-height;
18
- padding: $button-padding;
19
- transition: $button-transition;
20
- border-width: $button-border-width;
21
- border-style: $button-border-style;
22
- border-radius: $button-border-radius;
23
- font-size: $button-font-size;
24
- cursor: pointer;
25
-
26
- &:hover {
27
- transform: $button-hover-transform;
28
- }
29
-
30
- &:active {
31
- transform: $button-active-transform;
32
- }
33
-
34
- &:disabled {
35
- cursor: not-allowed;
36
-
37
- &:hover,
38
- &:active {
39
- transform: none;
40
- }
41
- }
42
- }
43
-
44
- @include animation-off {
45
- .button {
46
- transition: $button-transition-reduced-motion;
47
-
48
- &:hover {
49
- transform: $button-hover-transform-reduced-motion;
50
- }
51
-
52
- &:active {
53
- transform: $button-active-transform-reduced-motion;
54
- }
55
- }
56
- }
57
- }
58
-
59
- @include layer(theme) {
60
- .button {
61
- border-color: $button-border-color;
62
- background: $button-background;
63
- color: $button-color;
64
-
65
- &:hover {
66
- border-color: $button-hover-border-color;
67
- background: $button-hover-background;
68
- color: $button-hover-color;
69
- }
70
-
71
- &:active {
72
- border-color: $button-active-border-color;
73
- background: $button-active-background;
74
- color: $button-active-color;
75
- }
76
-
77
- &:disabled {
78
- border-color: $button-disabled-border-color;
79
- background: $button-disabled-background;
80
- color: $button-disabled-color;
81
-
82
- &:hover,
83
- &:active {
84
- border-color: $button-disabled-border-color;
85
- background: $button-disabled-background;
86
- color: $button-disabled-color;
87
- }
88
- }
89
-
90
- @each $color, $map in color.$theme-active {
91
- &.#{$color} {
92
- @each $prop, $shade in defaults.$button-state-theme-map {
93
- --#{root-defaults.$prefix}-button-#{$prop}: #{map.get($map, $shade)};
94
- }
95
- }
96
- }
97
- }
98
- }
@@ -1,30 +0,0 @@
1
- // Default values for Graupl.
2
- //
3
- // Generally, these should not be used directly when styling components.
4
- // They are mainly used to provide default fallbacks for custom properties
5
- // which can be found in the `variables.scss` file.
6
-
7
- @use "sass:map";
8
-
9
- // Table theme defaults.
10
- // This map is used to define the default colour shades for the
11
- // themed table components.
12
- //
13
- // e.g.
14
- // Primary tables will use primary--700 as the header background,
15
- // and primary--100 as the header text colour.
16
- //
17
- // Secondary/tertiary tables will use the same shade for their respective colours.
18
- $base-table-theme-map: (
19
- header-background: 700,
20
- header-color: 100,
21
- striped-background: 200,
22
- striped-color: 900,
23
- hover-background: 300,
24
- hover-color: 900,
25
- border-color: 900,
26
- highlight-background: 500,
27
- highlight-color: 100,
28
- );
29
- $custom-table-theme-map: () !default;
30
- $table-theme-map: map.merge($base-table-theme-map, $custom-table-theme-map);
@@ -1,77 +0,0 @@
1
- // Table component styles.
2
-
3
- @use "variables" as *;
4
- @use "defaults";
5
- @use "../../mixins/layer" as *;
6
- @use "../../defaults" as root-defaults;
7
- @use "../../functions/theme";
8
-
9
- @include layer(component) {
10
- table {
11
- @each $variant in theme.variants() {
12
- &.#{$variant},
13
- .#{$variant} {
14
- @each $prop, $key in defaults.$table-theme-map {
15
- --#{root-defaults.$prefix}-table-#{$prop}: #{theme.get(
16
- $variant,
17
- $key
18
- )};
19
- }
20
- }
21
- }
22
-
23
- &.bordered {
24
- border-collapse: collapse;
25
- border-width: $table-border-width;
26
- border-style: $table-border-style;
27
- border-color: $table-border-color;
28
-
29
- tr > * {
30
- border-width: $table-cell-border-width;
31
- border-style: $table-cell-border-style;
32
- border-color: $table-cell-border-color;
33
- }
34
- }
35
-
36
- &.striped-columns {
37
- tbody tr:nth-child(odd) > * {
38
- background: $table-striped-background;
39
- color: $table-striped-color;
40
- }
41
- }
42
-
43
- &.striped-rows {
44
- tbody tr > :nth-child(odd) {
45
- background: $table-striped-background;
46
- color: $table-striped-color;
47
- }
48
- }
49
-
50
- &.hoverable {
51
- tbody tr:hover > * {
52
- background: $table-hover-background;
53
- color: $table-hover-color;
54
- }
55
- }
56
-
57
- .highlight {
58
- --#{root-defaults.$prefix}-table-cell-background: #{$table-highlight-background};
59
- --#{root-defaults.$prefix}-table-cell-color: #{$table-highlight-color};
60
- --#{root-defaults.$prefix}-table-header-background: #{$table-highlight-background};
61
- --#{root-defaults.$prefix}-table-header-color: #{$table-highlight-color};
62
- --#{root-defaults.$prefix}-table-striped-background: #{$table-highlight-background};
63
- --#{root-defaults.$prefix}-table-striped-color: #{$table-highlight-color};
64
- }
65
- }
66
-
67
- .responsive-table {
68
- display: block;
69
- width: 100%;
70
- overflow: scroll hidden;
71
-
72
- table {
73
- width: 100%;
74
- margin-bottom: 0;
75
- }
76
- }
77
- }
@@ -1,64 +0,0 @@
1
- // Variables referencing custom properties.
2
-
3
- @use "defaults";
4
- @use "../../defaults" as root-defaults;
5
- @use "../../variables" as root-variables;
6
- @use "../../functions/theme";
7
-
8
- // Table border properties.
9
- $table-border-width: var(
10
- --#{root-defaults.$prefix}-table-border-width,
11
- #{root-variables.$border-width}
12
- );
13
- $table-border-style: var(
14
- --#{root-defaults.$prefix}-table-border-style,
15
- #{root-variables.$border-style}
16
- );
17
- $table-border-color: var(
18
- --#{root-defaults.$prefix}-table-border-color,
19
- #{theme.get(primary, 900)}
20
- );
21
-
22
- // Table cell border properties.
23
- $table-cell-border-width: var(
24
- --#{root-defaults.$prefix}-table-cell-border-width,
25
- #{$table-border-width}
26
- );
27
- $table-cell-border-style: var(
28
- --#{root-defaults.$prefix}-table-cell-border-style,
29
- #{$table-border-style}
30
- );
31
- $table-cell-border-color: var(
32
- --#{root-defaults.$prefix}-table-cell-border-color,
33
- #{$table-border-color}
34
- );
35
-
36
- // Table striped properties.
37
- $table-striped-background: var(
38
- --#{root-defaults.$prefix}-table-striped-background,
39
- #{theme.get(secondary, 200)}
40
- );
41
- $table-striped-color: var(
42
- --#{root-defaults.$prefix}-table-striped-color,
43
- #{theme.get(secondary, 900)}
44
- );
45
-
46
- // Table hover properties.
47
- $table-hover-background: var(
48
- --#{root-defaults.$prefix}-table-hover-background,
49
- #{theme.get(secondary, 300)}
50
- );
51
- $table-hover-color: var(
52
- --#{root-defaults.$prefix}-table-hover-color,
53
- #{theme.get(secondary, 900)}
54
- );
55
-
56
- // Table highlight properties.
57
- $table-highlight-background: var(
58
- --#{root-defaults.$prefix}-table-highlight-background,
59
- #{theme.get(secondary, 500)}
60
- );
61
- $table-highlight-color: var(
62
- --#{root-defaults.$prefix}-table-highlight-color,
63
- #{theme.get(secondary, 100)}
64
- );
@@ -1,26 +0,0 @@
1
- // Media query mixins.
2
-
3
- @use "../defaults" as root-defaults;
4
- @use "sass:map";
5
-
6
- // A media query for targetting users who have not requested reduced motion.
7
- @mixin animation-on {
8
- @media (prefers-reduced-motion: no-preference) {
9
- @content;
10
- }
11
- }
12
-
13
- // A media query for targetting users who have requested reduced motion.
14
- @mixin animation-off {
15
- @media (prefers-reduced-motion: reduce) {
16
- @content;
17
- }
18
- }
19
-
20
- @mixin screen($size) {
21
- $screen-size: map.get(root-defaults.$screen-sizes, $size);
22
-
23
- @media screen and #{$screen-size} {
24
- @content;
25
- }
26
- }
@@ -1,5 +0,0 @@
1
- // Default values for Graupl.
2
- //
3
- // Generally, these should not be used directly when styling components.
4
- // They are mainly used to provide default fallbacks for custom properties
5
- // which can be found in the `variables.scss` file.
@@ -1,22 +0,0 @@
1
- // Graupl color utilities.
2
-
3
- @use "variables" as *;
4
- @use "../../mixins/layer" as *;
5
- @use "../../functions/important";
6
- @use "../../theme/color/variables" as color;
7
-
8
- @include layer(utilities) {
9
- @each $color, $map in color.$theme-active {
10
- @each $shade, $value in $map {
11
- $name: #{$color}-#{$shade};
12
-
13
- .bg-#{$name} {
14
- background: important.insert($value);
15
- }
16
-
17
- .text-#{$name} {
18
- color: important.insert($value);
19
- }
20
- }
21
- }
22
- }
@@ -1,3 +0,0 @@
1
- // Variables referencing custom properties.
2
-
3
- @forward "defaults";
File without changes