@graupl/graupl 1.0.0-beta.4 → 1.0.0-beta.41

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 (475) hide show
  1. package/LICENSE +674 -0
  2. package/README.md +9 -0
  3. package/dist/css/base/button.css +2 -2
  4. package/dist/css/base/button.css.map +1 -1
  5. package/dist/css/base/form.css +2 -2
  6. package/dist/css/base/form.css.map +1 -1
  7. package/dist/css/base/link.css +2 -2
  8. package/dist/css/base/link.css.map +1 -1
  9. package/dist/css/base/table.css +2 -2
  10. package/dist/css/base/table.css.map +1 -1
  11. package/dist/css/base.css +2 -2
  12. package/dist/css/base.css.map +1 -1
  13. package/dist/css/component/accordion.css +2 -2
  14. package/dist/css/component/accordion.css.map +1 -1
  15. package/dist/css/component/alert.css +2 -2
  16. package/dist/css/component/alert.css.map +1 -1
  17. package/dist/css/component/badge.css +2 -0
  18. package/dist/css/component/badge.css.map +1 -0
  19. package/dist/css/component/breadcrumb.css +2 -0
  20. package/dist/css/component/breadcrumb.css.map +1 -0
  21. package/dist/css/component/card.css +2 -2
  22. package/dist/css/component/card.css.map +1 -1
  23. package/dist/css/component/carousel.css +2 -2
  24. package/dist/css/component/carousel.css.map +1 -1
  25. package/dist/css/component/disclosure.css +2 -0
  26. package/dist/css/component/disclosure.css.map +1 -0
  27. package/dist/css/component/input-group.css +2 -2
  28. package/dist/css/component/input-group.css.map +1 -1
  29. package/dist/css/component/list.css +2 -2
  30. package/dist/css/component/list.css.map +1 -1
  31. package/dist/css/component/menu.css +2 -2
  32. package/dist/css/component/menu.css.map +1 -1
  33. package/dist/css/component/navigation.css +2 -2
  34. package/dist/css/component/navigation.css.map +1 -1
  35. package/dist/css/component/tabs.css +2 -0
  36. package/dist/css/component/tabs.css.map +1 -0
  37. package/dist/css/component.css +2 -2
  38. package/dist/css/component.css.map +1 -1
  39. package/dist/css/graupl.css +2 -2
  40. package/dist/css/graupl.css.map +1 -1
  41. package/dist/css/init.css +2 -2
  42. package/dist/css/init.css.map +1 -1
  43. package/dist/css/layout/columns.css +2 -2
  44. package/dist/css/layout/columns.css.map +1 -1
  45. package/dist/css/layout/container.css +2 -2
  46. package/dist/css/layout/container.css.map +1 -1
  47. package/dist/css/layout/flex-columns.css +2 -2
  48. package/dist/css/layout/flex-columns.css.map +1 -1
  49. package/dist/css/layout.css +2 -2
  50. package/dist/css/layout.css.map +1 -1
  51. package/dist/css/normalize.css +2 -2
  52. package/dist/css/normalize.css.map +1 -1
  53. package/dist/css/state/focus.css +2 -2
  54. package/dist/css/state/focus.css.map +1 -1
  55. package/dist/css/state.css +2 -2
  56. package/dist/css/state.css.map +1 -1
  57. package/dist/css/theme/color.css +2 -2
  58. package/dist/css/theme/color.css.map +1 -1
  59. package/dist/css/theme/typography.css +2 -2
  60. package/dist/css/theme/typography.css.map +1 -1
  61. package/dist/css/theme.css +2 -2
  62. package/dist/css/theme.css.map +1 -1
  63. package/dist/css/utilities/alignment.css +1 -1
  64. package/dist/css/utilities/alignment.css.map +1 -1
  65. package/dist/css/utilities/background.css +2 -2
  66. package/dist/css/utilities/background.css.map +1 -1
  67. package/dist/css/utilities/border.css +2 -2
  68. package/dist/css/utilities/border.css.map +1 -1
  69. package/dist/css/utilities/color.css +2 -2
  70. package/dist/css/utilities/color.css.map +1 -1
  71. package/dist/css/utilities/container.css +2 -0
  72. package/dist/css/utilities/container.css.map +1 -0
  73. package/dist/css/utilities/display.css +2 -2
  74. package/dist/css/utilities/display.css.map +1 -1
  75. package/dist/css/utilities/flex.css +2 -2
  76. package/dist/css/utilities/flex.css.map +1 -1
  77. package/dist/css/utilities/gradient.css +2 -2
  78. package/dist/css/utilities/gradient.css.map +1 -1
  79. package/dist/css/utilities/height.css +2 -2
  80. package/dist/css/utilities/height.css.map +1 -1
  81. package/dist/css/utilities/inset.css +2 -2
  82. package/dist/css/utilities/inset.css.map +1 -1
  83. package/dist/css/utilities/isolation.css +2 -0
  84. package/dist/css/utilities/isolation.css.map +1 -0
  85. package/dist/css/utilities/justification.css +1 -1
  86. package/dist/css/utilities/justification.css.map +1 -1
  87. package/dist/css/utilities/list.css +1 -1
  88. package/dist/css/utilities/list.css.map +1 -1
  89. package/dist/css/utilities/object.css +2 -0
  90. package/dist/css/utilities/object.css.map +1 -0
  91. package/dist/css/utilities/order.css +2 -2
  92. package/dist/css/utilities/order.css.map +1 -1
  93. package/dist/css/utilities/position.css +2 -0
  94. package/dist/css/utilities/position.css.map +1 -0
  95. package/dist/css/utilities/ratio.css +2 -2
  96. package/dist/css/utilities/ratio.css.map +1 -1
  97. package/dist/css/utilities/spacing.css +2 -2
  98. package/dist/css/utilities/spacing.css.map +1 -1
  99. package/dist/css/utilities/typography.css +2 -2
  100. package/dist/css/utilities/typography.css.map +1 -1
  101. package/dist/css/utilities/visibility.css +2 -2
  102. package/dist/css/utilities/visibility.css.map +1 -1
  103. package/dist/css/utilities/visually-hidden.css +2 -0
  104. package/dist/css/utilities/visually-hidden.css.map +1 -0
  105. package/dist/css/utilities/width.css +2 -2
  106. package/dist/css/utilities/width.css.map +1 -1
  107. package/dist/css/utilities/z-index.css +2 -0
  108. package/dist/css/utilities/z-index.css.map +1 -0
  109. package/dist/css/utilities.css +2 -2
  110. package/dist/css/utilities.css.map +1 -1
  111. package/dist/js/accordion.js +5 -0
  112. package/dist/js/accordion.js.map +1 -0
  113. package/dist/js/alert.js +5 -0
  114. package/dist/js/alert.js.map +1 -0
  115. package/dist/js/breadcrumb.js +5 -0
  116. package/dist/js/breadcrumb.js.map +1 -0
  117. package/dist/js/carousel.js +5 -0
  118. package/dist/js/carousel.js.map +1 -0
  119. package/dist/js/component/accordion.cjs.js +5 -3
  120. package/dist/js/component/accordion.cjs.js.map +1 -0
  121. package/dist/js/component/accordion.es.js +5 -0
  122. package/dist/js/component/accordion.es.js.map +1 -0
  123. package/dist/js/component/accordion.iife.js +5 -3
  124. package/dist/js/component/accordion.iife.js.map +1 -0
  125. package/dist/js/component/alert.cjs.js +5 -3
  126. package/dist/js/component/alert.cjs.js.map +1 -0
  127. package/dist/js/component/alert.es.js +5 -0
  128. package/dist/js/component/alert.es.js.map +1 -0
  129. package/dist/js/component/alert.iife.js +5 -3
  130. package/dist/js/component/alert.iife.js.map +1 -0
  131. package/dist/js/component/breadcrumb.cjs.js +5 -0
  132. package/dist/js/component/breadcrumb.cjs.js.map +1 -0
  133. package/dist/js/component/breadcrumb.es.js +5 -0
  134. package/dist/js/component/breadcrumb.es.js.map +1 -0
  135. package/dist/js/component/breadcrumb.iife.js +5 -0
  136. package/dist/js/component/breadcrumb.iife.js.map +1 -0
  137. package/dist/js/component/carousel.cjs.js +5 -3
  138. package/dist/js/component/carousel.cjs.js.map +1 -0
  139. package/dist/js/component/carousel.es.js +5 -0
  140. package/dist/js/component/carousel.es.js.map +1 -0
  141. package/dist/js/component/carousel.iife.js +5 -3
  142. package/dist/js/component/carousel.iife.js.map +1 -0
  143. package/dist/js/component/disclosure.cjs.js +5 -0
  144. package/dist/js/component/disclosure.cjs.js.map +1 -0
  145. package/dist/js/component/disclosure.es.js +5 -0
  146. package/dist/js/component/disclosure.es.js.map +1 -0
  147. package/dist/js/component/disclosure.iife.js +5 -0
  148. package/dist/js/component/disclosure.iife.js.map +1 -0
  149. package/dist/js/component/tabs.cjs.js +5 -0
  150. package/dist/js/component/tabs.cjs.js.map +1 -0
  151. package/dist/js/component/tabs.es.js +5 -0
  152. package/dist/js/component/tabs.es.js.map +1 -0
  153. package/dist/js/component/tabs.iife.js +5 -0
  154. package/dist/js/component/tabs.iife.js.map +1 -0
  155. package/dist/js/disclosure.js +5 -0
  156. package/dist/js/disclosure.js.map +1 -0
  157. package/dist/js/generator/accordion.cjs.js +5 -0
  158. package/dist/js/generator/accordion.cjs.js.map +1 -0
  159. package/dist/js/generator/accordion.es.js +5 -0
  160. package/dist/js/generator/accordion.es.js.map +1 -0
  161. package/dist/js/generator/accordion.iife.js +5 -0
  162. package/dist/js/generator/accordion.iife.js.map +1 -0
  163. package/dist/js/generator/alert.cjs.js +5 -0
  164. package/dist/js/generator/alert.cjs.js.map +1 -0
  165. package/dist/js/generator/alert.es.js +5 -0
  166. package/dist/js/generator/alert.es.js.map +1 -0
  167. package/dist/js/generator/alert.iife.js +5 -0
  168. package/dist/js/generator/alert.iife.js.map +1 -0
  169. package/dist/js/generator/breadcrumb.cjs.js +5 -0
  170. package/dist/js/generator/breadcrumb.cjs.js.map +1 -0
  171. package/dist/js/generator/breadcrumb.es.js +5 -0
  172. package/dist/js/generator/breadcrumb.es.js.map +1 -0
  173. package/dist/js/generator/breadcrumb.iife.js +5 -0
  174. package/dist/js/generator/breadcrumb.iife.js.map +1 -0
  175. package/dist/js/generator/carousel.cjs.js +5 -0
  176. package/dist/js/generator/carousel.cjs.js.map +1 -0
  177. package/dist/js/generator/carousel.es.js +5 -0
  178. package/dist/js/generator/carousel.es.js.map +1 -0
  179. package/dist/js/generator/carousel.iife.js +5 -0
  180. package/dist/js/generator/carousel.iife.js.map +1 -0
  181. package/dist/js/generator/disclosure.cjs.js +5 -0
  182. package/dist/js/generator/disclosure.cjs.js.map +1 -0
  183. package/dist/js/generator/disclosure.es.js +5 -0
  184. package/dist/js/generator/disclosure.es.js.map +1 -0
  185. package/dist/js/generator/disclosure.iife.js +5 -0
  186. package/dist/js/generator/disclosure.iife.js.map +1 -0
  187. package/dist/js/generator/navigation.cjs.js +3 -0
  188. package/dist/js/generator/navigation.cjs.js.map +1 -0
  189. package/dist/js/generator/navigation.es.js +3 -0
  190. package/dist/js/generator/navigation.es.js.map +1 -0
  191. package/dist/js/generator/navigation.iife.js +3 -0
  192. package/dist/js/generator/navigation.iife.js.map +1 -0
  193. package/dist/js/generator/tabs.cjs.js +5 -0
  194. package/dist/js/generator/tabs.cjs.js.map +1 -0
  195. package/dist/js/generator/tabs.es.js +5 -0
  196. package/dist/js/generator/tabs.es.js.map +1 -0
  197. package/dist/js/generator/tabs.iife.js +5 -0
  198. package/dist/js/generator/tabs.iife.js.map +1 -0
  199. package/dist/js/graupl.js +5 -0
  200. package/dist/js/graupl.js.map +1 -0
  201. package/dist/js/navigation.js +3 -0
  202. package/dist/js/navigation.js.map +1 -0
  203. package/dist/js/storage/initializer.js +3 -0
  204. package/dist/js/storage/initializer.js.map +1 -0
  205. package/dist/js/storage/storage-manager.cjs.js +3 -0
  206. package/dist/js/storage/storage-manager.cjs.js.map +1 -0
  207. package/dist/js/storage/storage-manager.es.js +3 -0
  208. package/dist/js/storage/storage-manager.es.js.map +1 -0
  209. package/dist/js/storage/storage-manager.iife.js +3 -0
  210. package/dist/js/storage/storage-manager.iife.js.map +1 -0
  211. package/dist/js/tabs.js +5 -0
  212. package/dist/js/tabs.js.map +1 -0
  213. package/package.json +59 -49
  214. package/scss/base/button.scss +1 -1
  215. package/scss/base/form.scss +1 -1
  216. package/scss/base/link.scss +1 -1
  217. package/scss/base/table.scss +1 -1
  218. package/scss/base.scss +1 -1
  219. package/scss/component/accordion.scss +1 -1
  220. package/scss/component/alert.scss +1 -1
  221. package/scss/component/badge.scss +3 -0
  222. package/scss/component/breadcrumb.scss +3 -0
  223. package/scss/component/card.scss +1 -1
  224. package/scss/component/carousel.scss +1 -1
  225. package/scss/component/disclosure.scss +3 -0
  226. package/scss/component/input-group.scss +1 -1
  227. package/scss/component/list.scss +1 -1
  228. package/scss/component/menu.scss +1 -1
  229. package/scss/component/navigation.scss +1 -1
  230. package/scss/component/tabs.scss +3 -0
  231. package/scss/component.scss +1 -1
  232. package/scss/graupl.scss +1 -1
  233. package/scss/init.scss +1 -1
  234. package/scss/layout/columns.scss +1 -1
  235. package/scss/layout/container.scss +1 -1
  236. package/scss/layout/flex-columns.scss +1 -1
  237. package/scss/layout.scss +1 -1
  238. package/scss/normalize.scss +1 -1
  239. package/scss/state/focus.scss +1 -1
  240. package/scss/state.scss +1 -1
  241. package/scss/theme/color.scss +1 -1
  242. package/scss/theme/typography.scss +1 -1
  243. package/scss/theme.scss +1 -1
  244. package/scss/utilities/alignment.scss +1 -1
  245. package/scss/utilities/background.scss +1 -1
  246. package/scss/utilities/border.scss +1 -1
  247. package/scss/utilities/color.scss +1 -1
  248. package/scss/utilities/container.scss +3 -0
  249. package/scss/utilities/display.scss +1 -1
  250. package/scss/utilities/flex.scss +1 -1
  251. package/scss/utilities/gradient.scss +1 -1
  252. package/scss/utilities/height.scss +1 -1
  253. package/scss/utilities/inset.scss +1 -1
  254. package/scss/utilities/isolation.scss +3 -0
  255. package/scss/utilities/justification.scss +1 -1
  256. package/scss/utilities/list.scss +1 -1
  257. package/scss/utilities/object.scss +3 -0
  258. package/scss/utilities/order.scss +1 -1
  259. package/scss/utilities/position.scss +3 -0
  260. package/scss/utilities/ratio.scss +1 -1
  261. package/scss/utilities/spacing.scss +1 -1
  262. package/scss/utilities/typography.scss +1 -1
  263. package/scss/utilities/visibility.scss +1 -1
  264. package/scss/utilities/visually-hidden.scss +3 -0
  265. package/scss/utilities/width.scss +1 -1
  266. package/scss/utilities/z-index.scss +3 -0
  267. package/scss/utilities.scss +1 -1
  268. package/.browserslistrc +0 -3
  269. package/.czrc +0 -3
  270. package/.editorconfig +0 -13
  271. package/.github/CODE_OF_CONDUCT.md +0 -73
  272. package/.github/COMMIT_CONVENTION.md +0 -17
  273. package/.github/CONTRIBUTING.md +0 -86
  274. package/.github/ISSUE_TEMPLATE/bug_report.md +0 -30
  275. package/.github/ISSUE_TEMPLATE/documentation.md +0 -20
  276. package/.github/ISSUE_TEMPLATE/feature_request.md +0 -20
  277. package/.github/SECURITY.md +0 -26
  278. package/.github/dependabot.yml +0 -17
  279. package/.github/pull_request_template.md +0 -5
  280. package/.github/workflows/codeql-analysis.yml +0 -71
  281. package/.github/workflows/docs.yml +0 -59
  282. package/.github/workflows/test.yml +0 -27
  283. package/.husky/commit-msg +0 -3
  284. package/.husky/pre-commit +0 -4
  285. package/.prettierignore +0 -12
  286. package/.stylelintignore +0 -9
  287. package/.versionrc.cjs +0 -61
  288. package/CHANGELOG.md +0 -430
  289. package/build.js +0 -7
  290. package/combine-at-rules.cjs +0 -61
  291. package/commitlint.config.js +0 -5
  292. package/dist/css/utilities/postion.css +0 -2
  293. package/dist/css/utilities/postion.css.map +0 -1
  294. package/dist/js/component/accordion.esm.js +0 -1289
  295. package/dist/js/component/alert.esm.js +0 -529
  296. package/dist/js/component/carousel.esm.js +0 -1110
  297. package/dist/js/graupl.cjs.js +0 -5
  298. package/dist/js/graupl.esm.js +0 -1462
  299. package/dist/js/graupl.iife.js +0 -5
  300. package/docs/.vitepress/config.js +0 -78
  301. package/docs/.vitepress/theme/custom.scss +0 -35
  302. package/docs/.vitepress/theme/index.js +0 -4
  303. package/docs/compiling-graupl.md +0 -56
  304. package/docs/components/alert.md +0 -130
  305. package/docs/components/button.md +0 -84
  306. package/docs/components/card.md +0 -369
  307. package/docs/components/index.md +0 -1
  308. package/docs/components/inputgroup.md +0 -159
  309. package/docs/components/menu.md +0 -326
  310. package/docs/components/navigation.md +0 -158
  311. package/docs/content.md +0 -237
  312. package/docs/defaults.md +0 -121
  313. package/docs/forms.md +0 -79
  314. package/docs/functions.md +0 -9
  315. package/docs/getting-started.md +0 -1
  316. package/docs/index.md +0 -1
  317. package/docs/introduction.md +0 -25
  318. package/docs/layout.md +0 -200
  319. package/docs/mixins.md +0 -47
  320. package/docs/state.md +0 -67
  321. package/docs/theme.md +0 -258
  322. package/docs/utilities.md +0 -357
  323. package/eslint.config.js +0 -74
  324. package/index.html +0 -923
  325. package/index.js +0 -12
  326. package/lint-staged.config.js +0 -6
  327. package/postcss.config.cjs +0 -11
  328. package/prettier.config.js +0 -16
  329. package/scss/utilities/postion.scss +0 -3
  330. package/src/js/accordion/Accordion.js +0 -1163
  331. package/src/js/accordion/AccordionItem.js +0 -496
  332. package/src/js/accordion/index.js +0 -10
  333. package/src/js/alert/Alert.js +0 -581
  334. package/src/js/alert/index.js +0 -11
  335. package/src/js/carousel/Carousel.js +0 -1427
  336. package/src/js/carousel/index.js +0 -10
  337. package/src/js/domHelpers.js +0 -37
  338. package/src/js/eventHandlers.js +0 -39
  339. package/src/js/navigation/index.js +0 -36
  340. package/src/js/storage.js +0 -106
  341. package/src/js/validate.js +0 -225
  342. package/src/scss/_defaults.scss +0 -152
  343. package/src/scss/_index.scss +0 -15
  344. package/src/scss/_init.scss +0 -6
  345. package/src/scss/_normalize.scss +0 -197
  346. package/src/scss/_variables.scss +0 -53
  347. package/src/scss/base/_index.scss +0 -6
  348. package/src/scss/base/button/_defaults.scss +0 -60
  349. package/src/scss/base/button/_index.scss +0 -107
  350. package/src/scss/base/button/_mixins.scss +0 -166
  351. package/src/scss/base/button/_variables.scss +0 -176
  352. package/src/scss/base/form/_defaults.scss +0 -17
  353. package/src/scss/base/form/_index.scss +0 -93
  354. package/src/scss/base/form/_variables.scss +0 -153
  355. package/src/scss/base/link/_defaults.scss +0 -50
  356. package/src/scss/base/link/_index.scss +0 -134
  357. package/src/scss/base/link/_variables.scss +0 -262
  358. package/src/scss/base/table/_defaults.scss +0 -53
  359. package/src/scss/base/table/_index.scss +0 -121
  360. package/src/scss/base/table/_variables.scss +0 -135
  361. package/src/scss/component/_index.scss +0 -10
  362. package/src/scss/component/accordion/_defaults.scss +0 -40
  363. package/src/scss/component/accordion/_index.scss +0 -180
  364. package/src/scss/component/accordion/_variables.scss +0 -316
  365. package/src/scss/component/alert/_defaults.scss +0 -49
  366. package/src/scss/component/alert/_index.scss +0 -118
  367. package/src/scss/component/alert/_variables.scss +0 -170
  368. package/src/scss/component/card/_defaults.scss +0 -32
  369. package/src/scss/component/card/_index.scss +0 -178
  370. package/src/scss/component/card/_variables.scss +0 -186
  371. package/src/scss/component/carousel/_defaults.scss +0 -43
  372. package/src/scss/component/carousel/_index.scss +0 -188
  373. package/src/scss/component/carousel/_variables.scss +0 -104
  374. package/src/scss/component/input-group/_defaults.scss +0 -30
  375. package/src/scss/component/input-group/_index.scss +0 -47
  376. package/src/scss/component/input-group/_variables.scss +0 -66
  377. package/src/scss/component/list/_defaults.scss +0 -15
  378. package/src/scss/component/list/_index.scss +0 -50
  379. package/src/scss/component/list/_variables.scss +0 -176
  380. package/src/scss/component/menu/_defaults.scss +0 -66
  381. package/src/scss/component/menu/_index.scss +0 -305
  382. package/src/scss/component/menu/_variables.scss +0 -500
  383. package/src/scss/component/navigation/_defaults.scss +0 -29
  384. package/src/scss/component/navigation/_index.scss +0 -189
  385. package/src/scss/component/navigation/_variables.scss +0 -237
  386. package/src/scss/functions/_important.scss +0 -13
  387. package/src/scss/functions/_screen.scss +0 -38
  388. package/src/scss/functions/_theme.scss +0 -39
  389. package/src/scss/functions/_utility.scss +0 -28
  390. package/src/scss/layout/_index.scss +0 -5
  391. package/src/scss/layout/columns/_defaults.scss +0 -24
  392. package/src/scss/layout/columns/_index.scss +0 -58
  393. package/src/scss/layout/columns/_variables.scss +0 -51
  394. package/src/scss/layout/container/_defaults.scss +0 -23
  395. package/src/scss/layout/container/_index.scss +0 -43
  396. package/src/scss/layout/container/_variables.scss +0 -50
  397. package/src/scss/layout/flex-columns/_defaults.scss +0 -24
  398. package/src/scss/layout/flex-columns/_index.scss +0 -78
  399. package/src/scss/layout/flex-columns/_variables.scss +0 -26
  400. package/src/scss/mixins/_animation.scss +0 -15
  401. package/src/scss/mixins/_layer.scss +0 -16
  402. package/src/scss/mixins/_screen.scss +0 -77
  403. package/src/scss/mixins/_state.scss +0 -18
  404. package/src/scss/mixins/_theme.scss +0 -15
  405. package/src/scss/mixins/_utility.scss +0 -138
  406. package/src/scss/mixins/_visually-hidden.scss +0 -20
  407. package/src/scss/state/_index.scss +0 -3
  408. package/src/scss/state/focus/_defaults.scss +0 -10
  409. package/src/scss/state/focus/_index.scss +0 -13
  410. package/src/scss/state/focus/_mixins.scss +0 -15
  411. package/src/scss/state/focus/_variables.scss +0 -44
  412. package/src/scss/theme/_index.scss +0 -4
  413. package/src/scss/theme/color/_defaults.scss +0 -143
  414. package/src/scss/theme/color/_index.scss +0 -42
  415. package/src/scss/theme/color/_variables.scss +0 -129
  416. package/src/scss/theme/typography/_defaults.scss +0 -54
  417. package/src/scss/theme/typography/_index.scss +0 -111
  418. package/src/scss/theme/typography/_variables.scss +0 -231
  419. package/src/scss/utilities/_index.scss +0 -20
  420. package/src/scss/utilities/alignment/_defaults.scss +0 -64
  421. package/src/scss/utilities/alignment/_index.scss +0 -168
  422. package/src/scss/utilities/alignment/_variables.scss +0 -6
  423. package/src/scss/utilities/background/_defaults.scss +0 -145
  424. package/src/scss/utilities/background/_index.scss +0 -340
  425. package/src/scss/utilities/background/_variables.scss +0 -6
  426. package/src/scss/utilities/border/_defaults.scss +0 -61
  427. package/src/scss/utilities/border/_index.scss +0 -269
  428. package/src/scss/utilities/border/_variables.scss +0 -6
  429. package/src/scss/utilities/color/_defaults.scss +0 -37
  430. package/src/scss/utilities/color/_index.scss +0 -202
  431. package/src/scss/utilities/color/_variables.scss +0 -6
  432. package/src/scss/utilities/display/_defaults.scss +0 -36
  433. package/src/scss/utilities/display/_index.scss +0 -134
  434. package/src/scss/utilities/display/_variables.scss +0 -6
  435. package/src/scss/utilities/flex/_defaults.scss +0 -87
  436. package/src/scss/utilities/flex/_index.scss +0 -255
  437. package/src/scss/utilities/flex/_variables.scss +0 -6
  438. package/src/scss/utilities/gradient/_defaults.scss +0 -58
  439. package/src/scss/utilities/gradient/_index.scss +0 -380
  440. package/src/scss/utilities/gradient/_variables.scss +0 -29
  441. package/src/scss/utilities/height/_defaults.scss +0 -43
  442. package/src/scss/utilities/height/_index.scss +0 -236
  443. package/src/scss/utilities/height/_variables.scss +0 -6
  444. package/src/scss/utilities/inset/_defaults.scss +0 -43
  445. package/src/scss/utilities/inset/_index.scss +0 -90
  446. package/src/scss/utilities/inset/_variables.scss +0 -6
  447. package/src/scss/utilities/justification/_defaults.scss +0 -61
  448. package/src/scss/utilities/justification/_index.scss +0 -168
  449. package/src/scss/utilities/justification/_variables.scss +0 -6
  450. package/src/scss/utilities/list/_defaults.scss +0 -41
  451. package/src/scss/utilities/list/_index.scss +0 -125
  452. package/src/scss/utilities/list/_variables.scss +0 -6
  453. package/src/scss/utilities/order/_defaults.scss +0 -24
  454. package/src/scss/utilities/order/_index.scss +0 -111
  455. package/src/scss/utilities/order/_variables.scss +0 -6
  456. package/src/scss/utilities/position/_defaults.scss +0 -28
  457. package/src/scss/utilities/position/_index.scss +0 -82
  458. package/src/scss/utilities/position/_variables.scss +0 -6
  459. package/src/scss/utilities/ratio/_defaults.scss +0 -30
  460. package/src/scss/utilities/ratio/_index.scss +0 -91
  461. package/src/scss/utilities/ratio/_variables.scss +0 -9
  462. package/src/scss/utilities/spacing/_defaults.scss +0 -51
  463. package/src/scss/utilities/spacing/_index.scss +0 -382
  464. package/src/scss/utilities/spacing/_variables.scss +0 -6
  465. package/src/scss/utilities/typography/_defaults.scss +0 -46
  466. package/src/scss/utilities/typography/_index.scss +0 -658
  467. package/src/scss/utilities/typography/_variables.scss +0 -6
  468. package/src/scss/utilities/visibility/_defaults.scss +0 -27
  469. package/src/scss/utilities/visibility/_index.scss +0 -82
  470. package/src/scss/utilities/visibility/_variables.scss +0 -6
  471. package/src/scss/utilities/width/_defaults.scss +0 -43
  472. package/src/scss/utilities/width/_index.scss +0 -236
  473. package/src/scss/utilities/width/_variables.scss +0 -6
  474. package/stylelint.config.js +0 -22
  475. package/vite.config.js +0 -57
package/dist/css/theme/typography.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/theme/typography/_index.scss","typography.css","../../../src/scss/theme/typography/_variables.scss"],"names":[],"mappings":"AASI,mBCFF,EACE,uGCJF,CDOA,MACE,mGCLF,CDQA,GACE,qLCNF,CDSA,GACE,qLCPF,CDUA,GACE,qLCRF,CDWA,GACE,qLCTF,CDYA,GACE,qLCVF,CDaA,GACE,qLCXF,CACF,CFjBI,oBCgCF,MACE,qIEEe,CFDf,yECZF,CDeA,SAEE,6ECbF,CDgBA,KACE,yGEEa,CFDb,+EESe,CFRf,0ECdF,CDiBA,EACE,2IEQkB,CFPlB,mHEmBoB,CFlBpB,8GCfF,CDkBA,MACE,2GEkBc,CFjBd,+GE6BgB,CF5BhB,2EChBF,CDmBA,GACE,oME0Da,CFzDb,0GEgDW,CF/CX,4IE4Da,CF3Db,0GCjBF,CDoBA,GACE,oMEsEa,CFrEb,0GE4DW,CF3DX,4IEwEa,CFvEb,0GClBF,CDqBA,GACE,oMEkFa,CFjFb,0GEwEW,CFvEX,4IEoFa,CFnFb,0GCnBF,CDsBA,GACE,oME8Fa,CF7Fb,0GEoFW,CFnFX,4IEgGa,CF/Fb,0GCpBF,CDuBA,GACE,oME0Ga,CFzGb,wGEgGW,CF/FX,4IE4Ga,CF3Gb,0GCrBF,CDwBA,GACE,oMEsHa,CFrHb,uGE4GW,CF3GX,4IEwHa,CFvHb,0GCtBF,CACF","file":"typography.css"}
1
+ {"version":3,"sourceRoot":null,"mappings":"AESI,mBCoNkC,2GAKJ,2GAKD,6GAMI,2GAMN,2LAKA,2LAKA,2LAKA,2LAKA,2LAKA,4LDnQ3B,oBC0QF,gjBAY+B,ytBAcK,+vBAaJ,owBAaH,shCAaA,shCAaA,shCAaA,shCAaA,ohCAaA","sources":["dist/css/theme/typography.css","Users/nickdjm/Development/contrib/graupl/graupl/node_modules/@graupl/core/src/scss/theme/typography/_defaults.scss","Users/nickdjm/Development/contrib/graupl/graupl/node_modules/@graupl/core/src/scss/mixins/_layer.scss","Users/nickdjm/Development/contrib/graupl/graupl/node_modules/@graupl/core/src/scss/theme/typography/_index.scss","Users/nickdjm/Development/contrib/graupl/graupl/node_modules/@graupl/core/src/scss/theme/typography/_variables.scss"],"sourcesContent":["/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n@layer graupl.base {\n p {\n margin: var(--graupl-paragraph-margin, 0 0 var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) 0);\n }\n small {\n margin: var(--graupl-small-margin, 0 0 var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) 0);\n }\n b,\n strong {\n margin: var(--graupl-bold-margin, 0 0 var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) 0);\n }\n em,\n i {\n margin: var(--graupl-italic-margin, 0 0 var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) 0);\n }\n h1 {\n margin: var(--graupl-h1-margin, var(--graupl-heading-margin, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))) 0 var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) 0));\n }\n h2 {\n margin: var(--graupl-h2-margin, var(--graupl-heading-margin, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))) 0 var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) 0));\n }\n h3 {\n margin: var(--graupl-h3-margin, var(--graupl-heading-margin, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))) 0 var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) 0));\n }\n h4 {\n margin: var(--graupl-h4-margin, var(--graupl-heading-margin, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))) 0 var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) 0));\n }\n h5 {\n margin: var(--graupl-h5-margin, var(--graupl-heading-margin, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))) 0 var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) 0));\n }\n h6 {\n margin: var(--graupl-h6-margin, var(--graupl-heading-margin, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))) 0 var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) 0));\n }\n}\n@layer graupl.theme {\n :root {\n font-family: var(--graupl-root-font-family, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);\n font-size: var(--graupl-root-font-size, clamp(0.85rem, 0.8rem + 0.5vw, 1.25rem));\n font-style: var(--graupl-root-font-style, normal);\n font-variant: var(--graupl-root-font-variant, normal);\n font-weight: var(--graupl-root-font-weight, var(--graupl-font-weight-normal, 400));\n letter-spacing: var(--graupl-root-letter-spacing, normal);\n line-height: var(--graupl-root-line-height, 1.2em);\n word-spacing: var(--graupl-root-word-spacing, normal);\n }\n b,\n strong {\n color: var(--graupl-bold-color, var(--graupl-font-color, currentColor));\n font-family: var(--graupl-bold-font-family, var(--graupl-font-family, inherit));\n font-size: var(--graupl-bold-font-size, var(--graupl-font-size, inherit));\n font-style: var(--graupl-bold-font-style, var(--graupl-font-style, inherit));\n font-variant: var(--graupl-bold-font-variant, var(--graupl-font-variant, inherit));\n font-weight: var(--graupl-bold-font-weight, var(--graupl-font-weight, inherit));\n letter-spacing: var(--graupl-bold-letter-spacing, var(--graupl-letter-spacing, inherit));\n line-height: var(--graupl-bold-line-height, var(--graupl-line-height, var(--graupl-root-line-height, 1.2em)));\n word-spacing: var(--graupl-bold-word-spacing, var(--graupl-word-spacing, inherit));\n }\n p {\n color: var(--graupl-paragraph-color, var(--graupl-font-color, currentColor));\n font-family: var(--graupl-paragraph-font-family, var(--graupl-font-family, inherit));\n font-size: var(--graupl-paragraph-font-size, var(--graupl-font-size, inherit));\n font-style: var(--graupl-paragraph-font-style, var(--graupl-font-style, inherit));\n font-variant: var(--graupl-paragraph-font-variant, var(--graupl-font-variant, inherit));\n font-weight: var(--graupl-paragraph-font-weight, var(--graupl-font-weight, inherit));\n letter-spacing: var(--graupl-paragraph-letter-spacing, var(--graupl-letter-spacing, inherit));\n line-height: var(--graupl-paragraph-line-height, var(--graupl-line-height, var(--graupl-root-line-height, 1.2em)));\n word-spacing: var(--graupl-paragraph-word-spacing, var(--graupl-word-spacing, inherit));\n }\n small {\n color: var(--graupl-small-color, var(--graupl-font-color, currentColor));\n font-family: var(--graupl-small-font-family, var(--graupl-font-family, inherit));\n font-size: var(--graupl-small-font-size, var(--graupl-font-sm, calc(0.833 * var(--graupl-font-size-base, 1rem))));\n font-style: var(--graupl-small-font-style, var(--graupl-font-style, inherit));\n font-variant: var(--graupl-small-font-variant, var(--graupl-font-variant, inherit));\n font-weight: var(--graupl-small-font-weight, var(--graupl-font-weight, inherit));\n letter-spacing: var(--graupl-small-letter-spacing, var(--graupl-letter-spacing, inherit));\n line-height: var(--graupl-small-line-height, var(--graupl-line-height, var(--graupl-root-line-height, 1.2em)));\n word-spacing: var(--graupl-small-word-spacing, var(--graupl-word-spacing, inherit));\n }\n h1 {\n color: var(--graupl-h1-color, var(--graupl-heading-color, var(--graupl-font-color, currentColor)));\n font-family: var(--graupl-h1-font-family, var(--graupl-heading-font-family, var(--graupl-font-family, inherit)));\n font-size: var(--graupl-h1-font-size, var(--graupl-font-5xl, calc(2.986 * var(--graupl-font-size-base, 1rem))));\n font-style: var(--graupl-h1-font-style, var(--graupl-heading-font-style, var(--graupl-font-style, inherit)));\n font-variant: var(--graupl-h1-font-variant, var(--graupl-heading-font-variant, var(--graupl-font-variant, inherit)));\n font-weight: var(--graupl-h1-font-weight, var(--graupl-heading-font-weight, var(--graupl-font-weight-bold, var(--graupl-font-weight-bold, 700))));\n letter-spacing: var(--graupl-h1-letter-spacing, var(--graupl-heading-letter-spacing, var(--graupl-letter-spacing, inherit)));\n line-height: var(--graupl-h1-line-height, var(--graupl-heading-line-height, var(--graupl-line-height, var(--graupl-root-line-height, 1.2em))));\n word-spacing: var(--graupl-h1-word-spacing, var(--graupl-heading-word-spacing, var(--graupl-word-spacing, inherit)));\n }\n h2 {\n color: var(--graupl-h2-color, var(--graupl-heading-color, var(--graupl-font-color, currentColor)));\n font-family: var(--graupl-h2-font-family, var(--graupl-heading-font-family, var(--graupl-font-family, inherit)));\n font-size: var(--graupl-h2-font-size, var(--graupl-font-4xl, calc(2.488 * var(--graupl-font-size-base, 1rem))));\n font-style: var(--graupl-h2-font-style, var(--graupl-heading-font-style, var(--graupl-font-style, inherit)));\n font-variant: var(--graupl-h2-font-variant, var(--graupl-heading-font-variant, var(--graupl-font-variant, inherit)));\n font-weight: var(--graupl-h2-font-weight, var(--graupl-heading-font-weight, var(--graupl-font-weight-bold, var(--graupl-font-weight-bold, 700))));\n letter-spacing: var(--graupl-h2-letter-spacing, var(--graupl-heading-letter-spacing, var(--graupl-letter-spacing, inherit)));\n line-height: var(--graupl-h2-line-height, var(--graupl-heading-line-height, var(--graupl-line-height, var(--graupl-root-line-height, 1.2em))));\n word-spacing: var(--graupl-h2-word-spacing, var(--graupl-heading-word-spacing, var(--graupl-word-spacing, inherit)));\n }\n h3 {\n color: var(--graupl-h3-color, var(--graupl-heading-color, var(--graupl-font-color, currentColor)));\n font-family: var(--graupl-h3-font-family, var(--graupl-heading-font-family, var(--graupl-font-family, inherit)));\n font-size: var(--graupl-h3-font-size, var(--graupl-font-3xl, calc(2.074 * var(--graupl-font-size-base, 1rem))));\n font-style: var(--graupl-h3-font-style, var(--graupl-heading-font-style, var(--graupl-font-style, inherit)));\n font-variant: var(--graupl-h3-font-variant, var(--graupl-heading-font-variant, var(--graupl-font-variant, inherit)));\n font-weight: var(--graupl-h3-font-weight, var(--graupl-heading-font-weight, var(--graupl-font-weight-bold, var(--graupl-font-weight-bold, 700))));\n letter-spacing: var(--graupl-h3-letter-spacing, var(--graupl-heading-letter-spacing, var(--graupl-letter-spacing, inherit)));\n line-height: var(--graupl-h3-line-height, var(--graupl-heading-line-height, var(--graupl-line-height, var(--graupl-root-line-height, 1.2em))));\n word-spacing: var(--graupl-h3-word-spacing, var(--graupl-heading-word-spacing, var(--graupl-word-spacing, inherit)));\n }\n h4 {\n color: var(--graupl-h4-color, var(--graupl-heading-color, var(--graupl-font-color, currentColor)));\n font-family: var(--graupl-h4-font-family, var(--graupl-heading-font-family, var(--graupl-font-family, inherit)));\n font-size: var(--graupl-h4-font-size, var(--graupl-font-2xl, calc(1.728 * var(--graupl-font-size-base, 1rem))));\n font-style: var(--graupl-h4-font-style, var(--graupl-heading-font-style, var(--graupl-font-style, inherit)));\n font-variant: var(--graupl-h4-font-variant, var(--graupl-heading-font-variant, var(--graupl-font-variant, inherit)));\n font-weight: var(--graupl-h4-font-weight, var(--graupl-heading-font-weight, var(--graupl-font-weight-bold, var(--graupl-font-weight-bold, 700))));\n letter-spacing: var(--graupl-h4-letter-spacing, var(--graupl-heading-letter-spacing, var(--graupl-letter-spacing, inherit)));\n line-height: var(--graupl-h4-line-height, var(--graupl-heading-line-height, var(--graupl-line-height, var(--graupl-root-line-height, 1.2em))));\n word-spacing: var(--graupl-h4-word-spacing, var(--graupl-heading-word-spacing, var(--graupl-word-spacing, inherit)));\n }\n h5 {\n color: var(--graupl-h5-color, var(--graupl-heading-color, var(--graupl-font-color, currentColor)));\n font-family: var(--graupl-h5-font-family, var(--graupl-heading-font-family, var(--graupl-font-family, inherit)));\n font-size: var(--graupl-h5-font-size, var(--graupl-font-xl, calc(1.44 * var(--graupl-font-size-base, 1rem))));\n font-style: var(--graupl-h5-font-style, var(--graupl-heading-font-style, var(--graupl-font-style, inherit)));\n font-variant: var(--graupl-h5-font-variant, var(--graupl-heading-font-variant, var(--graupl-font-variant, inherit)));\n font-weight: var(--graupl-h5-font-weight, var(--graupl-heading-font-weight, var(--graupl-font-weight-bold, var(--graupl-font-weight-bold, 700))));\n letter-spacing: var(--graupl-h5-letter-spacing, var(--graupl-heading-letter-spacing, var(--graupl-letter-spacing, inherit)));\n line-height: var(--graupl-h5-line-height, var(--graupl-heading-line-height, var(--graupl-line-height, var(--graupl-root-line-height, 1.2em))));\n word-spacing: var(--graupl-h5-word-spacing, var(--graupl-heading-word-spacing, var(--graupl-word-spacing, inherit)));\n }\n h6 {\n color: var(--graupl-h6-color, var(--graupl-heading-color, var(--graupl-font-color, currentColor)));\n font-family: var(--graupl-h6-font-family, var(--graupl-heading-font-family, var(--graupl-font-family, inherit)));\n font-size: var(--graupl-h6-font-size, var(--graupl-font-lg, calc(1.2 * var(--graupl-font-size-base, 1rem))));\n font-style: var(--graupl-h6-font-style, var(--graupl-heading-font-style, var(--graupl-font-style, inherit)));\n font-variant: var(--graupl-h6-font-variant, var(--graupl-heading-font-variant, var(--graupl-font-variant, inherit)));\n font-weight: var(--graupl-h6-font-weight, var(--graupl-heading-font-weight, var(--graupl-font-weight-bold, var(--graupl-font-weight-bold, 700))));\n letter-spacing: var(--graupl-h6-letter-spacing, var(--graupl-heading-letter-spacing, var(--graupl-letter-spacing, inherit)));\n line-height: var(--graupl-h6-line-height, var(--graupl-heading-line-height, var(--graupl-line-height, var(--graupl-root-line-height, 1.2em))));\n word-spacing: var(--graupl-h6-word-spacing, var(--graupl-heading-word-spacing, var(--graupl-word-spacing, inherit)));\n }\n}","// @graupl/core typography theme default values.\n//\n// Generally, these should not be used directly when styling components unless a static value is needed.\n// They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.\n//\n// They should not be used to define direct property values (i.e. font-size, color, etc.).\n// Those should be defined as custom properties in the `_variables.scss` file.\n\n@use \"../../defaults\" as root-defaults;\n@use \"sass:map\";\n\n// font properties.\n$selector-base: root-defaults.$element-selector-base !default;\n$modifier-selector-base: root-defaults.$modifier-selector-base !default;\n$paragraph-selector-base: $selector-base !default;\n$paragraph-selector: \"p\";\n$small-selector-base: $selector-base !default;\n$small-selector: \"small\";\n$h1-selector-base: $selector-base !default;\n$h1-selector: \"h1\" !default;\n$h2-selector-base: $selector-base !default;\n$h2-selector: \"h2\" !default;\n$h3-selector-base: $selector-base !default;\n$h3-selector: \"h3\" !default;\n$h4-selector-base: $selector-base !default;\n$h4-selector: \"h4\" !default;\n$h5-selector-base: $selector-base !default;\n$h5-selector: \"h5\" !default;\n$h6-selector-base: $selector-base !default;\n$h6-selector: \"h6\" !default;\n$root-selector-base: root-defaults.$root-selector-base !default;\n$root-selector: root-defaults.$root-selector !default;\n$bold-selector-base: $selector-base !default;\n$bold-selector: \"b\" !default;\n$strong-selector-base: $selector-base !default;\n$strong-selector: \"strong\" !default;\n$emphasis-selector-base: $selector-base !default;\n$emphasis-selector: \"em\" !default;\n$italic-selector-base: $selector-base !default;\n$italic-selector: \"i\" !default;\n$generate-base-font-sizes: root-defaults.$generate-base-font-sizes !default;\n$generate-base-font-weights: root-defaults.$generate-base-font-weights !default;\n$font-size-base: 1rem !default;\n$root-font-size: clamp(0.85rem, calc(0.8rem + 0.5vw), 1.25rem) !default;\n$root-line-height: 1.2em !default;\n$root-letter-spacing: normal !default;\n$root-word-spacing: normal !default;\n$root-font-style: normal !default;\n$root-font-variant: normal !default;\n\n// Multipliers for font sizes.\n// This uses a minor third scale.\n// See: https://typescale.com/?size=16&scale=1.250&text=A%20Visual%20Type%20Scale&font=Lato&fontweight=400&bodyfont=body_font_default&bodyfontweight=400&lineheight=1.75&backgroundcolor=%23ffffff&fontcolor=%23000000\n$-font-size-multipliers: (\n xs: 0.694,\n sm: 0.833,\n base: 1,\n lg: 1.2,\n xl: 1.44,\n 2xl: 1.728,\n 3xl: 2.074,\n 4xl: 2.488,\n 5xl: 2.986,\n);\n$font-size-multipliers: () !default;\n\n// Merge the font size multipliers with the default ones.\n@if $generate-base-font-sizes {\n $font-size-multipliers: map.merge(\n $-font-size-multipliers,\n $font-size-multipliers\n );\n}\n\n// Weights.\n$-font-weights: (\n light: 300,\n normal: 400,\n bold: 700,\n);\n$font-weights: () !default;\n\n// Merge the custom font weights with the default ones.\n@if $generate-base-font-weights {\n $font-weights: map.merge($-font-weights, $font-weights);\n}\n\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$root-font-family:\n system-ui,\n -apple-system,\n blinkmacsystemfont,\n \"Segoe UI\",\n roboto,\n \"Helvetica Neue\",\n arial,\n sans-serif !default;\n","// @graupl/core layer mixins.\n//\n// These should be used to define the layers of your components to ensure that\n// they are output in the correct order in the final compiled CSS.\n\n@use \"../defaults\" as root-defaults;\n\n@mixin layer($layer) {\n @if root-defaults.$use-layers {\n @layer #{root-defaults.$id}.#{$layer} {\n @content;\n }\n } @else {\n @content;\n }\n}\n","// @graupl/core typography theme styles.\n//\n// This module defines typography tokens for paragraphs, small text, emphasis,\n// and headings.\n//\n// The following selectors are generated by default:\n// - `:root`: Sets root font tokens.\n// - `b`: Applies bold typography tokens.\n// - `strong`: Applies bold typography tokens.\n// - `em`: Applies emphasis (italic) margin tokens.\n// - `i`: Applies italic margin tokens.\n// - `p`: Applies paragraph typography tokens.\n// - `small`: Applies small text typography tokens.\n// - `h1`: Applies H1 typography tokens.\n// - `h2`: Applies H2 typography tokens.\n// - `h3`: Applies H3 typography tokens.\n// - `h4`: Applies H4 typography tokens.\n// - `h5`: Applies H5 typography tokens.\n// - `h6`: Applies H6 typography tokens.\n//\n// The following custom properties can be used to customize typography:\n// | Property | Description | Default Value |\n// | ----------------------------------- | --------------------------------- | ------------------------------------------------------------------------------------------------------- |\n// | `--graupl-font-size-base` | Base font size used for scaling. | `1rem` |\n// | `--graupl-font-xs` | XS font size token. | `calc(0.694 * var(--graupl-font-size-base))` |\n// | `--graupl-font-sm` | Small font size token. | `calc(0.833 * var(--graupl-font-size-base))` |\n// | `--graupl-font-base` | Base font size token. | `calc(1 * var(--graupl-font-size-base))` |\n// | `--graupl-font-lg` | Large font size token. | `calc(1.2 * var(--graupl-font-size-base))` |\n// | `--graupl-font-xl` | XL font size token. | `calc(1.44 * var(--graupl-font-size-base))` |\n// | `--graupl-font-2xl` | 2XL font size token. | `calc(1.728 * var(--graupl-font-size-base))` |\n// | `--graupl-font-3xl` | 3XL font size token. | `calc(2.074 * var(--graupl-font-size-base))` |\n// | `--graupl-font-4xl` | 4XL font size token. | `calc(2.488 * var(--graupl-font-size-base))` |\n// | `--graupl-font-5xl` | 5XL font size token. | `calc(2.986 * var(--graupl-font-size-base))` |\n// | `--graupl-font-weight-light` | Light font weight token. | `300` |\n// | `--graupl-font-weight-normal` | Normal font weight token. | `400` |\n// | `--graupl-font-weight-bold` | Bold font weight token. | `700` |\n// | `--graupl-root-font-family` | Root font family. | `system-ui, -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, \"Helvetica Neue\", arial, sans-serif` |\n// | `--graupl-root-font-size` | Root font size. | `clamp(0.85rem, calc(0.8rem + 0.5vw), 1.25rem)` |\n// | `--graupl-root-font-weight` | Root font weight. | `var(--graupl-font-weight-normal |\n// | `--graupl-root-font-style` | Root font style. | `normal` |\n// | `--graupl-root-font-variant` | Root font variant. | `normal` |\n// | `--graupl-root-line-height` | Root line height. | `1.2em` |\n// | `--graupl-root-letter-spacing` | Root letter spacing. | `normal` |\n// | `--graupl-root-word-spacing` | Root word spacing. | `normal` |\n// | `--graupl-font-size` | Generic font size. | `inherit` |\n// | `--graupl-font-weight` | Generic font weight. | `inherit` |\n// | `--graupl-font-style` | Generic font style. | `inherit` |\n// | `--graupl-font-variant` | Generic font variant. | `inherit` |\n// | `--graupl-font-color` | Generic font color. | `currentColor` |\n// | `--graupl-font-family` | Generic font family. | `inherit` |\n// | `--graupl-line-height` | Generic line height. | `var(--graupl-root-line-height)` |\n// | `--graupl-letter-spacing` | Generic letter spacing. | `inherit` |\n// | `--graupl-word-spacing` | Generic word spacing. | `inherit` |\n// | `--graupl-paragraph-font-size` | Paragraph font size. | `var(--graupl-font-size |\n// | `--graupl-paragraph-font-weight` | Paragraph font weight. | `var(--graupl-font-weight |\n// | `--graupl-paragraph-font-style` | Paragraph font style. | `var(--graupl-font-style |\n// | `--graupl-paragraph-font-variant` | Paragraph font variant. | `var(--graupl-font-variant |\n// | `--graupl-paragraph-color` | Paragraph text color. | `var(--graupl-font-color |\n// | `--graupl-paragraph-font-family` | Paragraph font family. | `var(--graupl-font-family |\n// | `--graupl-paragraph-line-height` | Paragraph line height. | `var(--graupl-line-height)` |\n// | `--graupl-paragraph-letter-spacing` | Paragraph letter spacing. | `var(--graupl-letter-spacing |\n// | `--graupl-paragraph-word-spacing` | Paragraph word spacing. | `var(--graupl-word-spacing |\n// | `--graupl-paragraph-margin` | Paragraph margin. | `0 0 var(--graupl-spacer-2) 0` |\n// | `--graupl-small-font-size` | Small text font size. | `var(--graupl-font-sm |\n// | `--graupl-small-font-weight` | Small text font weight. | `var(--graupl-font-weight |\n// | `--graupl-small-font-style` | Small text font style. | `var(--graupl-font-style |\n// | `--graupl-small-font-variant` | Small text font variant. | `var(--graupl-font-variant |\n// | `--graupl-small-color` | Small text color. | `var(--graupl-font-color |\n// | `--graupl-small-font-family` | Small text font family. | `var(--graupl-font-family |\n// | `--graupl-small-line-height` | Small text line height. | `var(--graupl-line-height)` |\n// | `--graupl-small-letter-spacing` | Small text letter spacing. | `var(--graupl-letter-spacing |\n// | `--graupl-small-word-spacing` | Small text word spacing. | `var(--graupl-word-spacing |\n// | `--graupl-small-margin` | Small text margin. | `0 0 var(--graupl-spacer-2) 0` |\n// | `--graupl-bold-font-size` | Bold font size. | `var(--graupl-font-size |\n// | `--graupl-bold-font-weight` | Bold font weight. | `var(--graupl-font-weight |\n// | `--graupl-bold-font-style` | Bold font style. | `var(--graupl-font-style |\n// | `--graupl-bold-font-variant` | Bold font variant. | `var(--graupl-font-variant |\n// | `--graupl-bold-color` | Bold text color. | `var(--graupl-font-color |\n// | `--graupl-bold-font-family` | Bold font family. | `var(--graupl-font-family |\n// | `--graupl-bold-line-height` | Bold line height. | `var(--graupl-line-height)` |\n// | `--graupl-bold-letter-spacing` | Bold letter spacing. | `var(--graupl-letter-spacing |\n// | `--graupl-bold-word-spacing` | Bold word spacing. | `var(--graupl-word-spacing |\n// | `--graupl-bold-margin` | Bold margin. | `0 0 var(--graupl-spacer-2) 0` |\n// | `--graupl-italic-font-size` | Italic font size. | `var(--graupl-font-size |\n// | `--graupl-italic-font-weight` | Italic font weight. | `var(--graupl-font-weight |\n// | `--graupl-italic-font-style` | Italic font style. | `italic` |\n// | `--graupl-italic-font-variant` | Italic font variant. | `var(--graupl-font-variant |\n// | `--graupl-italic-color` | Italic text color. | `var(--graupl-font-color |\n// | `--graupl-italic-font-family` | Italic font family. | `var(--graupl-font-family |\n// | `--graupl-italic-line-height` | Italic line height. | `var(--graupl-line-height)` |\n// | `--graupl-italic-letter-spacing` | Italic letter spacing. | `var(--graupl-letter-spacing |\n// | `--graupl-italic-word-spacing` | Italic word spacing. | `var(--graupl-word-spacing |\n// | `--graupl-italic-margin` | Italic margin. | `0 0 var(--graupl-spacer-2) 0` |\n// | `--graupl-heading-font-weight` | Heading font weight. | `var(--graupl-font-weight-bold |\n// | `--graupl-heading-font-style` | Heading font style. | `var(--graupl-font-style |\n// | `--graupl-heading-font-variant` | Heading font variant. | `var(--graupl-font-variant |\n// | `--graupl-heading-color` | Heading text color. | `var(--graupl-font-color |\n// | `--graupl-heading-font-family` | Heading font family. | `var(--graupl-font-family |\n// | `--graupl-heading-line-height` | Heading line height. | `var(--graupl-line-height)` |\n// | `--graupl-heading-letter-spacing` | Heading letter spacing. | `var(--graupl-letter-spacing |\n// | `--graupl-heading-word-spacing` | Heading word spacing. | `var(--graupl-word-spacing |\n// | `--graupl-heading-margin` | Heading margin. | `var(--graupl-spacer-5) 0 var(--graupl-spacer-2) 0` |\n// | `--graupl-h1-font-size` | H1 font size. | `var(--graupl-font-5xl |\n// | `--graupl-h1-font-weight` | H1 font weight. | `var(--graupl-heading-font-weight |\n// | `--graupl-h1-font-style` | H1 font style. | `var(--graupl-heading-font-style |\n// | `--graupl-h1-font-variant` | H1 font variant. | `var(--graupl-heading-font-variant |\n// | `--graupl-h1-color` | H1 text color. | `var(--graupl-heading-color |\n// | `--graupl-h1-font-family` | H1 font family. | `var(--graupl-heading-font-family |\n// | `--graupl-h1-line-height` | H1 line height. | `var(--graupl-heading-line-height)` |\n// | `--graupl-h1-letter-spacing` | H1 letter spacing. | `var(--graupl-heading-letter-spacing |\n// | `--graupl-h1-word-spacing` | H1 word spacing. | `var(--graupl-heading-word-spacing |\n// | `--graupl-h1-margin` | H1 margin. | `var(--graupl-heading-margin |\n// | `--graupl-h2-font-size` | H2 font size. | `var(--graupl-font-4xl |\n// | `--graupl-h2-font-weight` | H2 font weight. | `var(--graupl-heading-font-weight |\n// | `--graupl-h2-font-style` | H2 font style. | `var(--graupl-heading-font-style |\n// | `--graupl-h2-font-variant` | H2 font variant. | `var(--graupl-heading-font-variant |\n// | `--graupl-h2-color` | H2 text color. | `var(--graupl-heading-color |\n// | `--graupl-h2-font-family` | H2 font family. | `var(--graupl-heading-font-family |\n// | `--graupl-h2-line-height` | H2 line height. | `var(--graupl-heading-line-height)` |\n// | `--graupl-h2-letter-spacing` | H2 letter spacing. | `var(--graupl-heading-letter-spacing |\n// | `--graupl-h2-word-spacing` | H2 word spacing. | `var(--graupl-heading-word-spacing |\n// | `--graupl-h2-margin` | H2 margin. | `var(--graupl-heading-margin |\n// | `--graupl-h3-font-size` | H3 font size. | `var(--graupl-font-3xl |\n// | `--graupl-h3-font-weight` | H3 font weight. | `var(--graupl-heading-font-weight |\n// | `--graupl-h3-font-style` | H3 font style. | `var(--graupl-heading-font-style |\n// | `--graupl-h3-font-variant` | H3 font variant. | `var(--graupl-heading-font-variant |\n// | `--graupl-h3-color` | H3 text color. | `var(--graupl-heading-color |\n// | `--graupl-h3-font-family` | H3 font family. | `var(--graupl-heading-font-family |\n// | `--graupl-h3-line-height` | H3 line height. | `var(--graupl-heading-line-height)` |\n// | `--graupl-h3-letter-spacing` | H3 letter spacing. | `var(--graupl-heading-letter-spacing |\n// | `--graupl-h3-word-spacing` | H3 word spacing. | `var(--graupl-heading-word-spacing |\n// | `--graupl-h3-margin` | H3 margin. | `var(--graupl-heading-margin |\n// | `--graupl-h4-font-size` | H4 font size. | `var(--graupl-font-2xl |\n// | `--graupl-h4-font-weight` | H4 font weight. | `var(--graupl-heading-font-weight |\n// | `--graupl-h4-font-style` | H4 font style. | `var(--graupl-heading-font-style |\n// | `--graupl-h4-font-variant` | H4 font variant. | `var(--graupl-heading-font-variant |\n// | `--graupl-h4-color` | H4 text color. | `var(--graupl-heading-color |\n// | `--graupl-h4-font-family` | H4 font family. | `var(--graupl-heading-font-family |\n// | `--graupl-h4-line-height` | H4 line height. | `var(--graupl-heading-line-height)` |\n// | `--graupl-h4-letter-spacing` | H4 letter spacing. | `var(--graupl-heading-letter-spacing |\n// | `--graupl-h4-word-spacing` | H4 word spacing. | `var(--graupl-heading-word-spacing |\n// | `--graupl-h4-margin` | H4 margin. | `var(--graupl-heading-margin |\n// | `--graupl-h5-font-size` | H5 font size. | `var(--graupl-font-xl |\n// | `--graupl-h5-font-weight` | H5 font weight. | `var(--graupl-heading-font-weight |\n// | `--graupl-h5-font-style` | H5 font style. | `var(--graupl-heading-font-style |\n// | `--graupl-h5-font-variant` | H5 font variant. | `var(--graupl-heading-font-variant |\n// | `--graupl-h5-color` | H5 text color. | `var(--graupl-heading-color |\n// | `--graupl-h5-font-family` | H5 font family. | `var(--graupl-heading-font-family |\n// | `--graupl-h5-line-height` | H5 line height. | `var(--graupl-heading-line-height)` |\n// | `--graupl-h5-letter-spacing` | H5 letter spacing. | `var(--graupl-heading-letter-spacing |\n// | `--graupl-h5-word-spacing` | H5 word spacing. | `var(--graupl-heading-word-spacing |\n// | `--graupl-h5-margin` | H5 margin. | `var(--graupl-heading-margin |\n// | `--graupl-h6-font-size` | H6 font size. | `var(--graupl-font-lg |\n// | `--graupl-h6-font-weight` | H6 font weight. | `var(--graupl-heading-font-weight |\n// | `--graupl-h6-font-style` | H6 font style. | `var(--graupl-heading-font-style |\n// | `--graupl-h6-font-variant` | H6 font variant. | `var(--graupl-heading-font-variant |\n// | `--graupl-h6-color` | H6 text color. | `var(--graupl-heading-color |\n// | `--graupl-h6-font-family` | H6 font family. | `var(--graupl-heading-font-family |\n// | `--graupl-h6-line-height` | H6 line height. | `var(--graupl-heading-line-height)` |\n// | `--graupl-h6-letter-spacing` | H6 letter spacing. | `var(--graupl-heading-letter-spacing |\n// | `--graupl-h6-word-spacing` | H6 word spacing. | `var(--graupl-heading-word-spacing |\n// | `--graupl-h6-margin` | H6 margin. | `var(--graupl-heading-margin |\n//\n// The following sass variables can be used to customize typography generation:\n// | Variable | Description | Default Value |\n// | ----------------------------- | ----------------------------------------------- | ----------------------------------------------- |\n// | `$selector-base` | The selector base for the component. | `\"\"` |\n// | `$modifier-selector-base` | The selector base for component modifiers. | `\".\"` |\n// | `$paragraph-selector-base` | The base selector for the paragraph component. | `\"\"` |\n// | `$paragraph-selector` | The selector for the paragraph component. | `\"p\"` |\n// | `$small-selector-base` | The base selector for the small component. | `\"\"` |\n// | `$small-selector` | The selector for the small component. | `\"small\"` |\n// | `$h1-selector-base` | The base selector for the h1 component. | `\"\"` |\n// | `$h1-selector` | The selector for the h1 component. | `\"h1\"` |\n// | `$h2-selector-base` | The base selector for the h2 component. | `\"\"` |\n// | `$h2-selector` | The selector for the h2 component. | `\"h2\"` |\n// | `$h3-selector-base` | The base selector for the h3 component. | `\"\"` |\n// | `$h3-selector` | The selector for the h3 component. | `\"h3\"` |\n// | `$h4-selector-base` | The base selector for the h4 component. | `\"\"` |\n// | `$h4-selector` | The selector for the h4 component. | `\"h4\"` |\n// | `$h5-selector-base` | The base selector for the h5 component. | `\"\"` |\n// | `$h5-selector` | The selector for the h5 component. | `\"h5\"` |\n// | `$h6-selector-base` | The base selector for the h6 component. | `\"\"` |\n// | `$h6-selector` | The selector for the h6 component. | `\"h6\"` |\n// | `$root-selector-base` | The base selector for the root component. | `\":\"` |\n// | `$root-selector` | The selector for the root component. | `\"root\"` |\n// | `$bold-selector-base` | The base selector for the bold component. | `\"\"` |\n// | `$bold-selector` | The selector for the bold component. | `\"b\"` |\n// | `$strong-selector-base` | The base selector for the strong component. | `\"\"` |\n// | `$strong-selector` | The selector for the strong component. | `\"strong\"` |\n// | `$emphasis-selector-base` | The base selector for the emphasis component. | `\"\"` |\n// | `$emphasis-selector` | The selector for the emphasis component. | `\"em\"` |\n// | `$italic-selector-base` | The base selector for the italic component. | `\"\"` |\n// | `$italic-selector` | The selector for the italic component. | `\"i\"` |\n// | `$generate-base-font-sizes` | Flag to generate the base font-size scale. | `true` |\n// | `$generate-base-font-weights` | Flag to generate the base font-weight scale. | `true` |\n// | `$font-size-base` | Base font size for the scale. | `1rem` |\n// | `$root-font-size` | Root font size value. | `clamp(0.85rem, calc(0.8rem + 0.5vw), 1.25rem)` |\n// | `$root-line-height` | Root line height value. | `1.2em` |\n// | `$root-letter-spacing` | Root letter spacing value. | `normal` |\n// | `$root-word-spacing` | Root word spacing value. | `normal` |\n// | `$root-font-style` | Root font style value. | `normal` |\n// | `$root-font-variant` | Root font variant value. | `normal` |\n// | `$font-size-multipliers` | Map of size keys to multipliers. | () |\n// | `$font-weights` | Map of weight keys to values. | `map.merge($-font-weights, $font-weights)` |\n// | `$root-font-family` | Root font family stack. | System stack |\n//\n// @example\n// <div>\n// <h1>Heading 1</h1>\n// <p>Body copy with a <strong>bold</strong> word.</p>\n// <small>Supporting small text.</small>\n// </div>\n\n@use \"defaults\";\n@use \"variables\" as *;\n@use \"../../mixins/layer\" as *;\n@use \"sass:map\";\n\n@include layer(base) {\n // p\n #{defaults.$paragraph-selector-base}#{defaults.$paragraph-selector} {\n margin: $paragraph-margin;\n }\n\n // small\n #{defaults.$small-selector-base}#{defaults.$small-selector} {\n margin: $small-margin;\n }\n\n // bold, strong\n #{defaults.$bold-selector-base}#{defaults.$bold-selector},\n #{defaults.$strong-selector-base}#{defaults.$strong-selector} {\n margin: $bold-margin;\n }\n\n // em, i\n #{defaults.$emphasis-selector-base}#{defaults.$emphasis-selector},\n #{defaults.$italic-selector-base}#{defaults.$italic-selector} {\n margin: $italic-margin;\n }\n\n // h1\n #{defaults.$h1-selector-base}#{defaults.$h1-selector} {\n margin: $h1-margin;\n }\n\n // h2\n #{defaults.$h2-selector-base}#{defaults.$h2-selector} {\n margin: $h2-margin;\n }\n\n // h3\n #{defaults.$h3-selector-base}#{defaults.$h3-selector} {\n margin: $h3-margin;\n }\n\n // h4\n #{defaults.$h4-selector-base}#{defaults.$h4-selector} {\n margin: $h4-margin;\n }\n\n // h5\n #{defaults.$h5-selector-base}#{defaults.$h5-selector} {\n margin: $h5-margin;\n }\n\n // h6\n #{defaults.$h6-selector-base}#{defaults.$h6-selector} {\n margin: $h6-margin;\n }\n}\n\n@include layer(theme) {\n // :root\n #{defaults.$root-selector-base}#{defaults.$root-selector} {\n font-family: $root-font-family;\n font-size: $root-font-size;\n font-style: $root-font-style;\n font-variant: $root-font-variant;\n font-weight: $root-font-weight;\n letter-spacing: $root-letter-spacing;\n line-height: $root-line-height;\n word-spacing: $root-word-spacing;\n }\n\n // b, strong\n #{defaults.$bold-selector-base}#{defaults.$bold-selector},\n #{defaults.$strong-selector-base}#{defaults.$strong-selector} {\n color: $bold-color;\n font-family: $bold-font-family;\n font-size: $bold-font-size;\n font-style: $bold-font-style;\n font-variant: $bold-font-variant;\n font-weight: $bold-font-weight;\n letter-spacing: $bold-letter-spacing;\n line-height: $bold-line-height;\n word-spacing: $bold-word-spacing;\n }\n\n // p\n #{defaults.$paragraph-selector-base}#{defaults.$paragraph-selector} {\n color: $paragraph-color;\n font-family: $paragraph-font-family;\n font-size: $paragraph-font-size;\n font-style: $paragraph-font-style;\n font-variant: $paragraph-font-variant;\n font-weight: $paragraph-font-weight;\n letter-spacing: $paragraph-letter-spacing;\n line-height: $paragraph-line-height;\n word-spacing: $paragraph-word-spacing;\n }\n\n // small\n #{defaults.$small-selector-base}#{defaults.$small-selector} {\n color: $small-color;\n font-family: $small-font-family;\n font-size: $small-font-size;\n font-style: $small-font-style;\n font-variant: $small-font-variant;\n font-weight: $small-font-weight;\n letter-spacing: $small-letter-spacing;\n line-height: $small-line-height;\n word-spacing: $small-word-spacing;\n }\n\n // h1\n #{defaults.$h1-selector-base}#{defaults.$h1-selector} {\n color: $h1-color;\n font-family: $h1-font-family;\n font-size: $h1-font-size;\n font-style: $h1-font-style;\n font-variant: $h1-font-variant;\n font-weight: $h1-font-weight;\n letter-spacing: $h1-letter-spacing;\n line-height: $h1-line-height;\n word-spacing: $h1-word-spacing;\n }\n\n // h2\n #{defaults.$h2-selector-base}#{defaults.$h2-selector} {\n color: $h2-color;\n font-family: $h2-font-family;\n font-size: $h2-font-size;\n font-style: $h2-font-style;\n font-variant: $h2-font-variant;\n font-weight: $h2-font-weight;\n letter-spacing: $h2-letter-spacing;\n line-height: $h2-line-height;\n word-spacing: $h2-word-spacing;\n }\n\n // h3\n #{defaults.$h3-selector-base}#{defaults.$h3-selector} {\n color: $h3-color;\n font-family: $h3-font-family;\n font-size: $h3-font-size;\n font-style: $h3-font-style;\n font-variant: $h3-font-variant;\n font-weight: $h3-font-weight;\n letter-spacing: $h3-letter-spacing;\n line-height: $h3-line-height;\n word-spacing: $h3-word-spacing;\n }\n\n // h4\n #{defaults.$h4-selector-base}#{defaults.$h4-selector} {\n color: $h4-color;\n font-family: $h4-font-family;\n font-size: $h4-font-size;\n font-style: $h4-font-style;\n font-variant: $h4-font-variant;\n font-weight: $h4-font-weight;\n letter-spacing: $h4-letter-spacing;\n line-height: $h4-line-height;\n word-spacing: $h4-word-spacing;\n }\n\n // h5\n #{defaults.$h5-selector-base}#{defaults.$h5-selector} {\n color: $h5-color;\n font-family: $h5-font-family;\n font-size: $h5-font-size;\n font-style: $h5-font-style;\n font-variant: $h5-font-variant;\n font-weight: $h5-font-weight;\n letter-spacing: $h5-letter-spacing;\n line-height: $h5-line-height;\n word-spacing: $h5-word-spacing;\n }\n\n // h6\n #{defaults.$h6-selector-base}#{defaults.$h6-selector} {\n color: $h6-color;\n font-family: $h6-font-family;\n font-size: $h6-font-size;\n font-style: $h6-font-style;\n font-variant: $h6-font-variant;\n font-weight: $h6-font-weight;\n letter-spacing: $h6-letter-spacing;\n line-height: $h6-line-height;\n word-spacing: $h6-word-spacing;\n }\n}\n","// @graupl/core typography theme variables.\n//\n// These values are to be used to directly style components and provide a\n// cleaner way to reference custom properties.\n//\n// Custom property defaults:\n// | Custom property | Default |\n// | --------------------------------- | ----------------------------------------------------------------------------------------------------- |\n// | --graupl-font-size-base | 1rem |\n// | --graupl-font-xs | calc(0.694 * var(--graupl-font-size-base)) |\n// | --graupl-font-sm | calc(0.833 * var(--graupl-font-size-base)) |\n// | --graupl-font-base | calc(1 * var(--graupl-font-size-base)) |\n// | --graupl-font-lg | calc(1.2 * var(--graupl-font-size-base)) |\n// | --graupl-font-xl | calc(1.44 * var(--graupl-font-size-base)) |\n// | --graupl-font-2xl | calc(1.728 * var(--graupl-font-size-base)) |\n// | --graupl-font-3xl | calc(2.074 * var(--graupl-font-size-base)) |\n// | --graupl-font-4xl | calc(2.488 * var(--graupl-font-size-base)) |\n// | --graupl-font-5xl | calc(2.986 * var(--graupl-font-size-base)) |\n// | --graupl-font-weight-light | 300 |\n// | --graupl-font-weight-normal | 400 |\n// | --graupl-font-weight-bold | 700 |\n// | --graupl-root-font-family | system-ui, -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, \"Helvetica Neue\", arial, sans-serif |\n// | --graupl-root-font-size | clamp(0.85rem, calc(0.8rem + 0.5vw), 1.25rem) |\n// | --graupl-root-font-weight | var(--graupl-font-weight-normal, 400) |\n// | --graupl-root-font-style | normal |\n// | --graupl-root-font-variant | normal |\n// | --graupl-root-line-height | 1.2em |\n// | --graupl-root-letter-spacing | normal |\n// | --graupl-root-word-spacing | normal |\n// | --graupl-font-size | inherit |\n// | --graupl-font-weight | inherit |\n// | --graupl-font-style | inherit |\n// | --graupl-font-variant | inherit |\n// | --graupl-font-color | currentColor |\n// | --graupl-font-family | inherit |\n// | --graupl-line-height | var(--graupl-root-line-height) |\n// | --graupl-letter-spacing | inherit |\n// | --graupl-word-spacing | inherit |\n// | --graupl-paragraph-font-size | var(--graupl-font-size |\n// | --graupl-paragraph-font-weight | var(--graupl-font-weight |\n// | --graupl-paragraph-font-style | var(--graupl-font-style |\n// | --graupl-paragraph-font-variant | var(--graupl-font-variant |\n// | --graupl-paragraph-color | var(--graupl-font-color |\n// | --graupl-paragraph-font-family | var(--graupl-font-family |\n// | --graupl-paragraph-line-height | var(--graupl-line-height) |\n// | --graupl-paragraph-letter-spacing | var(--graupl-letter-spacing |\n// | --graupl-paragraph-word-spacing | var(--graupl-word-spacing |\n// | --graupl-paragraph-margin | 0 0 var(--graupl-spacer-2) 0 |\n// | --graupl-small-font-size | var(--graupl-font-sm |\n// | --graupl-small-font-weight | var(--graupl-font-weight |\n// | --graupl-small-font-style | var(--graupl-font-style |\n// | --graupl-small-font-variant | var(--graupl-font-variant |\n// | --graupl-small-color | var(--graupl-font-color |\n// | --graupl-small-font-family | var(--graupl-font-family |\n// | --graupl-small-line-height | var(--graupl-line-height) |\n// | --graupl-small-letter-spacing | var(--graupl-letter-spacing |\n// | --graupl-small-word-spacing | var(--graupl-word-spacing |\n// | --graupl-small-margin | 0 0 var(--graupl-spacer-2) 0 |\n// | --graupl-bold-font-size | var(--graupl-font-size |\n// | --graupl-bold-font-weight | var(--graupl-font-weight |\n// | --graupl-bold-font-style | var(--graupl-font-style |\n// | --graupl-bold-font-variant | var(--graupl-font-variant |\n// | --graupl-bold-color | var(--graupl-font-color |\n// | --graupl-bold-font-family | var(--graupl-font-family |\n// | --graupl-bold-line-height | var(--graupl-line-height) |\n// | --graupl-bold-letter-spacing | var(--graupl-letter-spacing |\n// | --graupl-bold-word-spacing | var(--graupl-word-spacing |\n// | --graupl-bold-margin | 0 0 var(--graupl-spacer-2) 0 |\n// | --graupl-italic-font-size | var(--graupl-font-size |\n// | --graupl-italic-font-weight | var(--graupl-font-weight |\n// | --graupl-italic-font-style | italic |\n// | --graupl-italic-font-variant | var(--graupl-font-variant |\n// | --graupl-italic-color | var(--graupl-font-color |\n// | --graupl-italic-font-family | var(--graupl-font-family |\n// | --graupl-italic-line-height | var(--graupl-line-height) |\n// | --graupl-italic-letter-spacing | var(--graupl-letter-spacing |\n// | --graupl-italic-word-spacing | var(--graupl-word-spacing |\n// | --graupl-italic-margin | 0 0 var(--graupl-spacer-2) 0 |\n// | --graupl-heading-font-weight | var(--graupl-font-weight-bold |\n// | --graupl-heading-font-style | var(--graupl-font-style |\n// | --graupl-heading-font-variant | var(--graupl-font-variant |\n// | --graupl-heading-color | var(--graupl-font-color |\n// | --graupl-heading-font-family | var(--graupl-font-family |\n// | --graupl-heading-line-height | var(--graupl-line-height) |\n// | --graupl-heading-letter-spacing | var(--graupl-letter-spacing |\n// | --graupl-heading-word-spacing | var(--graupl-word-spacing |\n// | --graupl-heading-margin | var(--graupl-spacer-5) 0 var(--graupl-spacer-2) 0 |\n// | --graupl-h1-font-size | var(--graupl-font-5xl |\n// | --graupl-h1-font-weight | var(--graupl-heading-font-weight |\n// | --graupl-h1-font-style | var(--graupl-heading-font-style |\n// | --graupl-h1-font-variant | var(--graupl-heading-font-variant |\n// | --graupl-h1-color | var(--graupl-heading-color |\n// | --graupl-h1-font-family | var(--graupl-heading-font-family |\n// | --graupl-h1-line-height | var(--graupl-heading-line-height) |\n// | --graupl-h1-letter-spacing | var(--graupl-heading-letter-spacing |\n// | --graupl-h1-word-spacing | var(--graupl-heading-word-spacing |\n// | --graupl-h1-margin | var(--graupl-heading-margin |\n// | --graupl-h2-font-size | var(--graupl-font-4xl |\n// | --graupl-h2-font-weight | var(--graupl-heading-font-weight |\n// | --graupl-h2-font-style | var(--graupl-heading-font-style |\n// | --graupl-h2-font-variant | var(--graupl-heading-font-variant |\n// | --graupl-h2-color | var(--graupl-heading-color |\n// | --graupl-h2-font-family | var(--graupl-heading-font-family |\n// | --graupl-h2-line-height | var(--graupl-heading-line-height) |\n// | --graupl-h2-letter-spacing | var(--graupl-heading-letter-spacing |\n// | --graupl-h2-word-spacing | var(--graupl-heading-word-spacing |\n// | --graupl-h2-margin | var(--graupl-heading-margin |\n// | --graupl-h3-font-size | var(--graupl-font-3xl |\n// | --graupl-h3-font-weight | var(--graupl-heading-font-weight |\n// | --graupl-h3-font-style | var(--graupl-heading-font-style |\n// | --graupl-h3-font-variant | var(--graupl-heading-font-variant |\n// | --graupl-h3-color | var(--graupl-heading-color |\n// | --graupl-h3-font-family | var(--graupl-heading-font-family |\n// | --graupl-h3-line-height | var(--graupl-heading-line-height) |\n// | --graupl-h3-letter-spacing | var(--graupl-heading-letter-spacing |\n// | --graupl-h3-word-spacing | var(--graupl-heading-word-spacing |\n// | --graupl-h3-margin | var(--graupl-heading-margin |\n// | --graupl-h4-font-size | var(--graupl-font-2xl |\n// | --graupl-h4-font-weight | var(--graupl-heading-font-weight |\n// | --graupl-h4-font-style | var(--graupl-heading-font-style |\n// | --graupl-h4-font-variant | var(--graupl-heading-font-variant |\n// | --graupl-h4-color | var(--graupl-heading-color |\n// | --graupl-h4-font-family | var(--graupl-heading-font-family |\n// | --graupl-h4-line-height | var(--graupl-heading-line-height) |\n// | --graupl-h4-letter-spacing | var(--graupl-heading-letter-spacing |\n// | --graupl-h4-word-spacing | var(--graupl-heading-word-spacing |\n// | --graupl-h4-margin | var(--graupl-heading-margin |\n// | --graupl-h5-font-size | var(--graupl-font-xl |\n// | --graupl-h5-font-weight | var(--graupl-heading-font-weight |\n// | --graupl-h5-font-style | var(--graupl-heading-font-style |\n// | --graupl-h5-font-variant | var(--graupl-heading-font-variant |\n// | --graupl-h5-color | var(--graupl-heading-color |\n// | --graupl-h5-font-family | var(--graupl-heading-font-family |\n// | --graupl-h5-line-height | var(--graupl-heading-line-height) |\n// | --graupl-h5-letter-spacing | var(--graupl-heading-letter-spacing |\n// | --graupl-h5-word-spacing | var(--graupl-heading-word-spacing |\n// | --graupl-h5-margin | var(--graupl-heading-margin |\n// | --graupl-h6-font-size | var(--graupl-font-lg |\n// | --graupl-h6-font-weight | var(--graupl-heading-font-weight |\n// | --graupl-h6-font-style | var(--graupl-heading-font-style |\n// | --graupl-h6-font-variant | var(--graupl-heading-font-variant |\n// | --graupl-h6-color | var(--graupl-heading-color |\n// | --graupl-h6-font-family | var(--graupl-heading-font-family |\n// | --graupl-h6-line-height | var(--graupl-heading-line-height) |\n// | --graupl-h6-letter-spacing | var(--graupl-heading-letter-spacing |\n// | --graupl-h6-word-spacing | var(--graupl-heading-word-spacing |\n// | --graupl-h6-margin | var(--graupl-heading-margin |\n\n@use \"../../defaults\" as root-defaults;\n@use \"../../variables\" as root-variables;\n@use \"../../functions/theme\";\n@use \"defaults\";\n@use \"sass:map\";\n\n// Font properties.\n// --graupl-font-size-base\n$font-size-base: var(\n --#{root-defaults.$prefix}font-size-base,\n #{defaults.$font-size-base}\n);\n\n// Generate all of the font-size-x custom properties.\n$font-sizes: ();\n\n@each $key, $value in defaults.$font-size-multipliers {\n // --graupl-font-xs, --graupl-font-sm, --graupl-font-base, --graupl-font-lg, --graupl-font-xl, --graupl-font-2xl, --graupl-font-3xl, --graupl-font-4xl, --graupl-font-5xl\n $size: var(\n --#{root-defaults.$prefix}font-#{$key},\n calc(#{$value} * #{$font-size-base})\n );\n $font-sizes: map.set($font-sizes, $key, $size);\n}\n\n$font-weights: ();\n\n@each $key, $value in defaults.$font-weights {\n // --graupl-font-weight-light, --graupl-font-weight-normal, --graupl-font-weight-bold\n $weight: var(--#{root-defaults.$prefix}font-weight-#{$key}, $value);\n $font-weights: map.set($font-weights, $key, $weight);\n}\n\n// --graupl-font-weight-bold\n$font-weight-bold: var(\n --#{root-defaults.$prefix}font-weight-bold,\n #{map.get($font-weights, bold)}\n);\n\n// Root properties.\n// --graupl-root-font-size\n$root-font-size: var(\n --#{root-defaults.$prefix}root-font-size,\n #{defaults.$root-font-size}\n);\n\n// --graupl-root-font-weight\n$root-font-weight: var(\n --#{root-defaults.$prefix}root-font-weight,\n #{map.get($font-weights, normal)}\n);\n\n// --graupl-root-font-style\n$root-font-style: var(\n --#{root-defaults.$prefix}root-font-style,\n #{defaults.$root-font-style}\n);\n\n// --graupl-root-font-variant\n$root-font-variant: var(\n --#{root-defaults.$prefix}root-font-variant,\n #{defaults.$root-font-variant}\n);\n\n// --graupl-root-color\n// See theme/color/variables.scss for $root-color definition.\n\n// --graupl-root-font-family\n$root-font-family: var(\n --#{root-defaults.$prefix}root-font-family,\n #{defaults.$root-font-family}\n);\n\n// --graupl-root-line-height\n$root-line-height: var(\n --#{root-defaults.$prefix}root-line-height,\n #{defaults.$root-line-height}\n);\n\n// --graupl-root-letter-spacing\n$root-letter-spacing: var(\n --#{root-defaults.$prefix}root-letter-spacing,\n #{defaults.$root-letter-spacing}\n);\n\n// --graupl-root-word-spacing\n$root-word-spacing: var(\n --#{root-defaults.$prefix}root-word-spacing,\n #{defaults.$root-word-spacing}\n);\n\n// Generic properties.\n// --graupl-font-size\n$font-size: var(--#{root-defaults.$prefix}font-size, inherit);\n\n// --graupl-font-weight\n$font-weight: var(--#{root-defaults.$prefix}font-weight, inherit);\n\n// --graupl-font-style\n$font-style: var(--#{root-defaults.$prefix}font-style, inherit);\n\n// --graupl-font-variant\n$font-variant: var(--#{root-defaults.$prefix}font-variant, inherit);\n\n// --graupl-font-color\n$font-color: var(--#{root-defaults.$prefix}font-color, currentColor);\n\n// --graupl-font-family\n$font-family: var(--#{root-defaults.$prefix}font-family, inherit);\n\n// --graupl-line-height\n$line-height: var(--#{root-defaults.$prefix}line-height, #{$root-line-height});\n\n// -graupl-letter-spacing\n$letter-spacing: var(--#{root-defaults.$prefix}letter-spacing, inherit);\n\n// --graupl-word-spacing\n$word-spacing: var(--#{root-defaults.$prefix}word-spacing, inherit);\n\n// Paragraph properties.\n// --graupl-paragraph-font-size\n$paragraph-font-size: var(\n --#{root-defaults.$prefix}paragraph-font-size,\n #{$font-size}\n);\n\n// --graupl-paragraph-font-weight\n$paragraph-font-weight: var(\n --#{root-defaults.$prefix}paragraph-font-weight,\n #{$font-weight}\n);\n\n// --graupl-paragraph-font-style\n$paragraph-font-style: var(\n --#{root-defaults.$prefix}paragraph-font-style,\n #{$font-style}\n);\n\n// --graupl-paragraph-font-variant\n$paragraph-font-variant: var(\n --#{root-defaults.$prefix}paragraph-font-variant,\n #{$font-variant}\n);\n\n// --graupl-paragraph-color\n$paragraph-color: var(\n --#{root-defaults.$prefix}paragraph-color,\n #{$font-color}\n);\n\n// --graupl-paragraph-font-family\n$paragraph-font-family: var(\n --#{root-defaults.$prefix}paragraph-font-family,\n #{$font-family}\n);\n\n// --graupl-paragraph-line-height\n$paragraph-line-height: var(\n --#{root-defaults.$prefix}paragraph-line-height,\n #{$line-height}\n);\n\n// --graupl-paragraph-letter-spacing\n$paragraph-letter-spacing: var(\n --#{root-defaults.$prefix}paragraph-letter-spacing,\n #{$letter-spacing}\n);\n\n// --graupl-paragraph-word-spacing\n$paragraph-word-spacing: var(\n --#{root-defaults.$prefix}paragraph-word-spacing,\n #{$word-spacing}\n);\n\n// --graupl-paragraph-margin\n$paragraph-margin: var(\n --#{root-defaults.$prefix}paragraph-margin,\n 0 0 #{map.get(root-variables.$spacers, 2)} 0\n);\n\n// Small properties.\n// --graupl-small-font-size\n$small-font-size: var(\n --#{root-defaults.$prefix}small-font-size,\n #{map.get($font-sizes, sm)}\n);\n\n// --graupl-small-font-weight\n$small-font-weight: var(\n --#{root-defaults.$prefix}small-font-weight,\n #{$font-weight}\n);\n\n// --graupl-small-font-style\n$small-font-style: var(\n --#{root-defaults.$prefix}small-font-style,\n #{$font-style}\n);\n\n// --graupl-small-font-variant\n$small-font-variant: var(\n --#{root-defaults.$prefix}small-font-variant,\n #{$font-variant}\n);\n\n// --graupl-small-color\n$small-color: var(--#{root-defaults.$prefix}small-color, #{$font-color});\n\n// --graupl-small-font-family\n$small-font-family: var(\n --#{root-defaults.$prefix}small-font-family,\n #{$font-family}\n);\n\n// --graupl-small-line-height\n$small-line-height: var(\n --#{root-defaults.$prefix}small-line-height,\n #{$line-height}\n);\n\n// --graupl-small-letter-spacing\n$small-letter-spacing: var(\n --#{root-defaults.$prefix}small-letter-spacing,\n #{$letter-spacing}\n);\n\n// --graupl-small-word-spacing\n$small-word-spacing: var(\n --#{root-defaults.$prefix}small-word-spacing,\n #{$word-spacing}\n);\n\n// --graupl-small-margin\n$small-margin: var(\n --#{root-defaults.$prefix}small-margin,\n 0 0 #{map.get(root-variables.$spacers, 2)} 0\n);\n\n// Bold properties.\n// --graupl-bold-font-size\n$bold-font-size: var(--#{root-defaults.$prefix}bold-font-size, #{$font-size});\n\n// --graupl-bold-font-weight\n$bold-font-weight: var(\n --#{root-defaults.$prefix}bold-font-weight,\n #{$font-weight}\n);\n\n// --graupl-bold-font-style\n$bold-font-style: var(\n --#{root-defaults.$prefix}bold-font-style,\n #{$font-style}\n);\n\n// --graupl-bold-font-variant\n$bold-font-variant: var(\n --#{root-defaults.$prefix}bold-font-variant,\n #{$font-variant}\n);\n\n// --graupl-bold-color\n$bold-color: var(--#{root-defaults.$prefix}bold-color, #{$font-color});\n\n// --graupl-bold-font-family\n$bold-font-family: var(\n --#{root-defaults.$prefix}bold-font-family,\n #{$font-family}\n);\n\n// --graupl-bold-line-height\n$bold-line-height: var(\n --#{root-defaults.$prefix}bold-line-height,\n #{$line-height}\n);\n\n// --graupl-bold-letter-spacing\n$bold-letter-spacing: var(\n --#{root-defaults.$prefix}bold-letter-spacing,\n #{$letter-spacing}\n);\n\n// --graupl-bold-word-spacing\n$bold-word-spacing: var(\n --#{root-defaults.$prefix}bold-word-spacing,\n #{$word-spacing}\n);\n\n// --graupl-bold-margin\n$bold-margin: var(\n --#{root-defaults.$prefix}bold-margin,\n 0 0 #{map.get(root-variables.$spacers, 2)} 0\n);\n\n// Italic properties.\n// --graupl-italic-font-size\n$italic-font-size: var(\n --#{root-defaults.$prefix}italic-font-size,\n #{$font-size}\n);\n\n// --graupl-italic-font-weight\n$italic-font-weight: var(\n --#{root-defaults.$prefix}italic-font-weight,\n #{$font-weight}\n);\n\n// --graupl-italic-font-style\n$italic-font-style: var(--#{root-defaults.$prefix}italic-font-style, italic);\n\n// --graupl-italic-font-variant\n$italic-font-variant: var(\n --#{root-defaults.$prefix}italic-font-variant,\n #{$font-variant}\n);\n\n// --graupl-italic-color\n$italic-color: var(--#{root-defaults.$prefix}italic-color, #{$font-color});\n\n// --graupl-italic-font-family\n$italic-font-family: var(\n --#{root-defaults.$prefix}italic-font-family,\n #{$font-family}\n);\n\n// --graupl-italic-line-height\n$italic-line-height: var(\n --#{root-defaults.$prefix}italic-line-height,\n #{$line-height}\n);\n\n// --graupl-italic-letter-spacing\n$italic-letter-spacing: var(\n --#{root-defaults.$prefix}italic-letter-spacing,\n #{$letter-spacing}\n);\n\n// --graupl-italic-word-spacing\n$italic-word-spacing: var(\n --#{root-defaults.$prefix}italic-word-spacing,\n #{$word-spacing}\n);\n\n// --graupl-italic-margin\n$italic-margin: var(\n --#{root-defaults.$prefix}italic-margin,\n 0 0 #{map.get(root-variables.$spacers, 2)} 0\n);\n\n// Headings properties.\n// --graupl-heading-font-weight\n$heading-font-weight: var(\n --#{root-defaults.$prefix}heading-font-weight,\n #{$font-weight-bold}\n);\n\n// --graupl-heading-font-style\n$heading-font-style: var(\n --#{root-defaults.$prefix}heading-font-style,\n #{$font-style}\n);\n\n// --graupl-heading-font-variant\n$heading-font-variant: var(\n --#{root-defaults.$prefix}heading-font-variant,\n #{$font-variant}\n);\n\n// --graupl-heading-color\n$heading-color: var(--#{root-defaults.$prefix}heading-color, #{$font-color});\n\n// --graupl-heading-font-family\n$heading-font-family: var(\n --#{root-defaults.$prefix}heading-font-family,\n #{$font-family}\n);\n\n// --graupl-heading-line-height\n$heading-line-height: var(\n --#{root-defaults.$prefix}heading-line-height,\n #{$line-height}\n);\n\n// --graupl-heading-letter-spacing\n$heading-letter-spacing: var(\n --#{root-defaults.$prefix}heading-letter-spacing,\n #{$letter-spacing}\n);\n\n// --graupl-heading-word-spacing\n$heading-word-spacing: var(\n --#{root-defaults.$prefix}heading-word-spacing,\n #{$word-spacing}\n);\n\n// --graupl-heading-margin\n$heading-margin: var(\n --#{root-defaults.$prefix}heading-margin,\n #{map.get(root-variables.$spacers, 5)} 0\n #{map.get(root-variables.$spacers, 2)} 0\n);\n\n// H1 properties.\n// --graupl-h1-font-size\n$h1-font-size: var(\n --#{root-defaults.$prefix}h1-font-size,\n #{map.get($font-sizes, 5xl)}\n);\n\n// --graupl-h1-font-weight\n$h1-font-weight: var(\n --#{root-defaults.$prefix}h1-font-weight,\n $heading-font-weight\n);\n\n// --graupl-h1-font-style\n$h1-font-style: var(\n --#{root-defaults.$prefix}h1-font-style,\n #{$heading-font-style}\n);\n\n// --graupl-h1-font-variant\n$h1-font-variant: var(\n --#{root-defaults.$prefix}h1-font-variant,\n #{$heading-font-variant}\n);\n\n// --graupl-h1-color\n$h1-color: var(--#{root-defaults.$prefix}h1-color, #{$heading-color});\n\n// --graupl-h1-font-family\n$h1-font-family: var(\n --#{root-defaults.$prefix}h1-font-family,\n $heading-font-family\n);\n\n// --graupl-h1-line-height\n$h1-line-height: var(\n --#{root-defaults.$prefix}h1-line-height,\n #{$heading-line-height}\n);\n\n// --graupl-h1-letter-spacing\n$h1-letter-spacing: var(\n --#{root-defaults.$prefix}h1-letter-spacing,\n #{$heading-letter-spacing}\n);\n\n// --graupl-h1-word-spacing\n$h1-word-spacing: var(\n --#{root-defaults.$prefix}h1-word-spacing,\n #{$heading-word-spacing}\n);\n\n// --graupl-h1-margin\n$h1-margin: var(--#{root-defaults.$prefix}h1-margin, #{$heading-margin});\n\n// H2 properties.\n// --graupl-h2-font-size\n$h2-font-size: var(\n --#{root-defaults.$prefix}h2-font-size,\n #{map.get($font-sizes, 4xl)}\n);\n\n// --graupl-h2-font-weight\n$h2-font-weight: var(\n --#{root-defaults.$prefix}h2-font-weight,\n $heading-font-weight\n);\n\n// --graupl-h2-font-style\n$h2-font-style: var(\n --#{root-defaults.$prefix}h2-font-style,\n #{$heading-font-style}\n);\n\n// --graupl-h2-font-variant\n$h2-font-variant: var(\n --#{root-defaults.$prefix}h2-font-variant,\n #{$heading-font-variant}\n);\n\n// --graupl-h2-color\n$h2-color: var(--#{root-defaults.$prefix}h2-color, #{$heading-color});\n\n// --graupl-h2-font-family\n$h2-font-family: var(\n --#{root-defaults.$prefix}h2-font-family,\n $heading-font-family\n);\n\n// --graupl-h2-line-height\n$h2-line-height: var(\n --#{root-defaults.$prefix}h2-line-height,\n #{$heading-line-height}\n);\n\n// --graupl-h2-letter-spacing\n$h2-letter-spacing: var(\n --#{root-defaults.$prefix}h2-letter-spacing,\n #{$heading-letter-spacing}\n);\n\n// --graupl-h2-word-spacing\n$h2-word-spacing: var(\n --#{root-defaults.$prefix}h2-word-spacing,\n #{$heading-word-spacing}\n);\n\n// --graupl-h2-margin\n$h2-margin: var(--#{root-defaults.$prefix}h2-margin, #{$heading-margin});\n\n// H3 properties.\n// --graupl-h3-font-size\n$h3-font-size: var(\n --#{root-defaults.$prefix}h3-font-size,\n #{map.get($font-sizes, 3xl)}\n);\n\n// --graupl-h3-font-weight\n$h3-font-weight: var(\n --#{root-defaults.$prefix}h3-font-weight,\n $heading-font-weight\n);\n\n// --graupl-h3-font-style\n$h3-font-style: var(\n --#{root-defaults.$prefix}h3-font-style,\n #{$heading-font-style}\n);\n\n// --graupl-h3-font-variant\n$h3-font-variant: var(\n --#{root-defaults.$prefix}h3-font-variant,\n #{$heading-font-variant}\n);\n\n// --graupl-h3-color\n$h3-color: var(--#{root-defaults.$prefix}h3-color, #{$heading-color});\n\n// --graupl-h3-font-family\n$h3-font-family: var(\n --#{root-defaults.$prefix}h3-font-family,\n $heading-font-family\n);\n\n// --graupl-h3-line-height\n$h3-line-height: var(\n --#{root-defaults.$prefix}h3-line-height,\n #{$heading-line-height}\n);\n\n// --graupl-h3-letter-spacing\n$h3-letter-spacing: var(\n --#{root-defaults.$prefix}h3-letter-spacing,\n #{$heading-letter-spacing}\n);\n\n// --graupl-h3-word-spacing\n$h3-word-spacing: var(\n --#{root-defaults.$prefix}h3-word-spacing,\n #{$heading-word-spacing}\n);\n\n// --graupl-h3-margin\n$h3-margin: var(--#{root-defaults.$prefix}h3-margin, #{$heading-margin});\n\n// H4 properties.\n// --graupl-h4-font-size\n$h4-font-size: var(\n --#{root-defaults.$prefix}h4-font-size,\n #{map.get($font-sizes, 2xl)}\n);\n\n// --graupl-h4-font-weight\n$h4-font-weight: var(\n --#{root-defaults.$prefix}h4-font-weight,\n $heading-font-weight\n);\n\n// --graupl-h4-font-style\n$h4-font-style: var(\n --#{root-defaults.$prefix}h4-font-style,\n #{$heading-font-style}\n);\n\n// --graupl-h4-font-variant\n$h4-font-variant: var(\n --#{root-defaults.$prefix}h4-font-variant,\n #{$heading-font-variant}\n);\n\n// --graupl-h4-color\n$h4-color: var(--#{root-defaults.$prefix}h4-color, #{$heading-color});\n\n// --graupl-h4-font-family\n$h4-font-family: var(\n --#{root-defaults.$prefix}h4-font-family,\n $heading-font-family\n);\n\n// --graupl-h4-line-height\n$h4-line-height: var(\n --#{root-defaults.$prefix}h4-line-height,\n #{$heading-line-height}\n);\n\n// --graupl-h4-letter-spacing\n$h4-letter-spacing: var(\n --#{root-defaults.$prefix}h4-letter-spacing,\n #{$heading-letter-spacing}\n);\n\n// --graupl-h4-word-spacing\n$h4-word-spacing: var(\n --#{root-defaults.$prefix}h4-word-spacing,\n #{$heading-word-spacing}\n);\n\n// --graupl-h4-margin\n$h4-margin: var(--#{root-defaults.$prefix}h4-margin, #{$heading-margin});\n\n// H5 properties.\n// --graupl-h5-font-size\n$h5-font-size: var(\n --#{root-defaults.$prefix}h5-font-size,\n #{map.get($font-sizes, xl)}\n);\n\n// --graupl-h5-font-weight\n$h5-font-weight: var(\n --#{root-defaults.$prefix}h5-font-weight,\n $heading-font-weight\n);\n\n// --graupl-h5-font-style\n$h5-font-style: var(\n --#{root-defaults.$prefix}h5-font-style,\n #{$heading-font-style}\n);\n\n// --graupl-h5-font-variant\n$h5-font-variant: var(\n --#{root-defaults.$prefix}h5-font-variant,\n #{$heading-font-variant}\n);\n\n// --graupl-h5-color\n$h5-color: var(--#{root-defaults.$prefix}h5-color, #{$heading-color});\n\n// --graupl-h5-font-family\n$h5-font-family: var(\n --#{root-defaults.$prefix}h5-font-family,\n $heading-font-family\n);\n\n// --graupl-h5-line-height\n$h5-line-height: var(\n --#{root-defaults.$prefix}h5-line-height,\n #{$heading-line-height}\n);\n\n// --graupl-h5-letter-spacing\n$h5-letter-spacing: var(\n --#{root-defaults.$prefix}h5-letter-spacing,\n #{$heading-letter-spacing}\n);\n\n// --graupl-h5-word-spacing\n$h5-word-spacing: var(\n --#{root-defaults.$prefix}h5-word-spacing,\n #{$heading-word-spacing}\n);\n\n// --graupl-h5-margin\n$h5-margin: var(--#{root-defaults.$prefix}h5-margin, #{$heading-margin});\n\n// H6 properties.\n// --graupl-h6-font-size\n$h6-font-size: var(\n --#{root-defaults.$prefix}h6-font-size,\n #{map.get($font-sizes, lg)}\n);\n\n// --graupl-h6-font-weight\n$h6-font-weight: var(\n --#{root-defaults.$prefix}h6-font-weight,\n $heading-font-weight\n);\n\n// --graupl-h6-font-style\n$h6-font-style: var(\n --#{root-defaults.$prefix}h6-font-style,\n #{$heading-font-style}\n);\n\n// --graupl-h6-font-variant\n$h6-font-variant: var(\n --#{root-defaults.$prefix}h6-font-variant,\n #{$heading-font-variant}\n);\n\n// --graupl-h6-color\n$h6-color: var(--#{root-defaults.$prefix}h6-color, #{$heading-color});\n\n// --graupl-h6-font-family\n$h6-font-family: var(\n --#{root-defaults.$prefix}h6-font-family,\n $heading-font-family\n);\n\n// --graupl-h6-line-height\n$h6-line-height: var(\n --#{root-defaults.$prefix}h6-line-height,\n #{$heading-line-height}\n);\n\n// --graupl-h6-letter-spacing\n$h6-letter-spacing: var(\n --#{root-defaults.$prefix}h6-letter-spacing,\n #{$heading-letter-spacing}\n);\n\n// --graupl-h6-word-spacing\n$h6-word-spacing: var(\n --#{root-defaults.$prefix}h6-word-spacing,\n #{$heading-word-spacing}\n);\n\n// --graupl-h6-margin\n$h6-margin: var(--#{root-defaults.$prefix}h6-margin, #{$heading-margin});\n"],"names":[]}
package/dist/css/theme.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer graupl.theme{:root{background:var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));color:var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-primary--100:#e6eeff;--graupl-primary--200:#9ebefa;--graupl-primary--300:#5e90ed;--graupl-primary--400:#3672e2;--graupl-primary--500:#2063df;--graupl-primary--600:#1d59c9;--graupl-primary--700:#1244a1;--graupl-primary--800:#052561;--graupl-primary--900:#001233;--graupl-secondary--100:#edeef7;--graupl-secondary--200:#bdbfdb;--graupl-secondary--300:#9497b8;--graupl-secondary--400:#7b7e9d;--graupl-secondary--500:#6c7093;--graupl-secondary--600:#626484;--graupl-secondary--700:#474a6b;--graupl-secondary--800:#242642;--graupl-secondary--900:#0f1124;--graupl-tertiary--100:#fde7ef;--graupl-tertiary--200:#f2a6bf;--graupl-tertiary--300:#e06c92;--graupl-tertiary--400:#d14775;--graupl-tertiary--500:#c36;--graupl-tertiary--600:#b82e5c;--graupl-tertiary--700:#931f46;--graupl-tertiary--800:#590d26;--graupl-tertiary--900:#2f0412;--graupl-theme-active--primary--100:var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff));--graupl-theme-active--primary--200:var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa));--graupl-theme-active--primary--300:var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed));--graupl-theme-active--primary--400:var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2));--graupl-theme-active--primary--500:var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df));--graupl-theme-active--primary--600:var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9));--graupl-theme-active--primary--700:var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1));--graupl-theme-active--primary--800:var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561));--graupl-theme-active--primary--900:var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233));--graupl-theme-active--secondary--100:var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7));--graupl-theme-active--secondary--200:var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb));--graupl-theme-active--secondary--300:var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8));--graupl-theme-active--secondary--400:var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d));--graupl-theme-active--secondary--500:var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093));--graupl-theme-active--secondary--600:var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484));--graupl-theme-active--secondary--700:var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b));--graupl-theme-active--secondary--800:var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642));--graupl-theme-active--secondary--900:var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124));--graupl-theme-active--tertiary--100:var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef));--graupl-theme-active--tertiary--200:var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf));--graupl-theme-active--tertiary--300:var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92));--graupl-theme-active--tertiary--400:var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775));--graupl-theme-active--tertiary--500:var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36));--graupl-theme-active--tertiary--600:var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c));--graupl-theme-active--tertiary--700:var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46));--graupl-theme-active--tertiary--800:var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26));--graupl-theme-active--tertiary--900:var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412))}.active-mode{--graupl-theme-active--primary--100:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-theme-active--primary--200:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-theme-active--primary--300:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)));--graupl-theme-active--primary--400:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)));--graupl-theme-active--primary--500:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)));--graupl-theme-active--primary--600:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)));--graupl-theme-active--primary--700:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-theme-active--primary--800:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)));--graupl-theme-active--primary--900:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-theme-active--secondary--100:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-theme-active--secondary--200:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-theme-active--secondary--300:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)));--graupl-theme-active--secondary--400:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)));--graupl-theme-active--secondary--500:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)));--graupl-theme-active--secondary--600:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)));--graupl-theme-active--secondary--700:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-theme-active--secondary--800:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)));--graupl-theme-active--secondary--900:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-theme-active--tertiary--100:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-theme-active--tertiary--200:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-theme-active--tertiary--300:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)));--graupl-theme-active--tertiary--400:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)));--graupl-theme-active--tertiary--500:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)));--graupl-theme-active--tertiary--600:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)));--graupl-theme-active--tertiary--700:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-theme-active--tertiary--800:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)));--graupl-theme-active--tertiary--900:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));color-scheme:active}.light-mode{--graupl-theme-active--primary--100:var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff));--graupl-theme-active--primary--200:var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa));--graupl-theme-active--primary--300:var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed));--graupl-theme-active--primary--400:var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2));--graupl-theme-active--primary--500:var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df));--graupl-theme-active--primary--600:var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9));--graupl-theme-active--primary--700:var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1));--graupl-theme-active--primary--800:var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561));--graupl-theme-active--primary--900:var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233));--graupl-theme-active--secondary--100:var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7));--graupl-theme-active--secondary--200:var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb));--graupl-theme-active--secondary--300:var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8));--graupl-theme-active--secondary--400:var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d));--graupl-theme-active--secondary--500:var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093));--graupl-theme-active--secondary--600:var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484));--graupl-theme-active--secondary--700:var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b));--graupl-theme-active--secondary--800:var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642));--graupl-theme-active--secondary--900:var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124));--graupl-theme-active--tertiary--100:var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef));--graupl-theme-active--tertiary--200:var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf));--graupl-theme-active--tertiary--300:var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92));--graupl-theme-active--tertiary--400:var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775));--graupl-theme-active--tertiary--500:var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36));--graupl-theme-active--tertiary--600:var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c));--graupl-theme-active--tertiary--700:var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46));--graupl-theme-active--tertiary--800:var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26));--graupl-theme-active--tertiary--900:var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412));color-scheme:light}.dark-mode{--graupl-theme-active--primary--100:var(--graupl-theme-dark--primary--100,var(--graupl-primary--900,#001233));--graupl-theme-active--primary--200:var(--graupl-theme-dark--primary--200,var(--graupl-primary--800,#052561));--graupl-theme-active--primary--300:var(--graupl-theme-dark--primary--300,var(--graupl-primary--700,#1244a1));--graupl-theme-active--primary--400:var(--graupl-theme-dark--primary--400,var(--graupl-primary--600,#1d59c9));--graupl-theme-active--primary--500:var(--graupl-theme-dark--primary--500,var(--graupl-primary--500,#2063df));--graupl-theme-active--primary--600:var(--graupl-theme-dark--primary--600,var(--graupl-primary--400,#3672e2));--graupl-theme-active--primary--700:var(--graupl-theme-dark--primary--700,var(--graupl-primary--300,#5e90ed));--graupl-theme-active--primary--800:var(--graupl-theme-dark--primary--800,var(--graupl-primary--200,#9ebefa));--graupl-theme-active--primary--900:var(--graupl-theme-dark--primary--900,var(--graupl-primary--100,#e6eeff));--graupl-theme-active--secondary--100:var(--graupl-theme-dark--secondary--100,var(--graupl-secondary--900,#0f1124));--graupl-theme-active--secondary--200:var(--graupl-theme-dark--secondary--200,var(--graupl-secondary--800,#242642));--graupl-theme-active--secondary--300:var(--graupl-theme-dark--secondary--300,var(--graupl-secondary--700,#474a6b));--graupl-theme-active--secondary--400:var(--graupl-theme-dark--secondary--400,var(--graupl-secondary--600,#626484));--graupl-theme-active--secondary--500:var(--graupl-theme-dark--secondary--500,var(--graupl-secondary--500,#6c7093));--graupl-theme-active--secondary--600:var(--graupl-theme-dark--secondary--600,var(--graupl-secondary--400,#7b7e9d));--graupl-theme-active--secondary--700:var(--graupl-theme-dark--secondary--700,var(--graupl-secondary--300,#9497b8));--graupl-theme-active--secondary--800:var(--graupl-theme-dark--secondary--800,var(--graupl-secondary--200,#bdbfdb));--graupl-theme-active--secondary--900:var(--graupl-theme-dark--secondary--900,var(--graupl-secondary--100,#edeef7));--graupl-theme-active--tertiary--100:var(--graupl-theme-dark--tertiary--100,var(--graupl-tertiary--900,#2f0412));--graupl-theme-active--tertiary--200:var(--graupl-theme-dark--tertiary--200,var(--graupl-tertiary--800,#590d26));--graupl-theme-active--tertiary--300:var(--graupl-theme-dark--tertiary--300,var(--graupl-tertiary--700,#931f46));--graupl-theme-active--tertiary--400:var(--graupl-theme-dark--tertiary--400,var(--graupl-tertiary--600,#b82e5c));--graupl-theme-active--tertiary--500:var(--graupl-theme-dark--tertiary--500,var(--graupl-tertiary--500,#c36));--graupl-theme-active--tertiary--600:var(--graupl-theme-dark--tertiary--600,var(--graupl-tertiary--400,#d14775));--graupl-theme-active--tertiary--700:var(--graupl-theme-dark--tertiary--700,var(--graupl-tertiary--300,#e06c92));--graupl-theme-active--tertiary--800:var(--graupl-theme-dark--tertiary--800,var(--graupl-tertiary--200,#f2a6bf));--graupl-theme-active--tertiary--900:var(--graupl-theme-dark--tertiary--900,var(--graupl-tertiary--100,#fde7ef));color-scheme:dark}}@layer graupl.base{p{margin:var(--graupl-paragraph-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0)}small{margin:var(--graupl-small-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0)}h1{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))}h2{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))}h3{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))}h4{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))}h5{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))}h6{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))}}@layer graupl.theme{:root{font-family:var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif);font-size:var(--graupl-root-font-size,clamp(.85rem,.8rem + .5vw,1.25rem))}b,strong{font-weight:var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))}body{font-size:var(--graupl-body-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));font-weight:var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400));line-height:var(--graupl-body-line-height,var(--graupl-line-height,1.2em))}p{font-size:var(--graupl-paragraph-font-size,var(--graupl-body-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1))));font-weight:var(--graupl-paragraph-font-weight,var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400)));line-height:var(--graupl-paragraph-line-height,var(--graupl-body-line-height,var(--graupl-line-height,1.2em)))}small{font-size:var(--graupl-small-font-size,var(--graupl-font-sm,calc(var(--graupl-font-size-base, 1rem)*.833)));font-weight:var(--graupl-small-font-weight,var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400)));line-height:var(--graupl-small-line-height,var(--graupl-line-height,1.2em))}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)));font-size:var(--graupl-h1-font-size,var(--graupl-font-5xl,calc(var(--graupl-font-size-base, 1rem)*2.986)));font-weight:var(--graupl-h1-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));line-height:var(--graupl-h1-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))}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)));font-size:var(--graupl-h2-font-size,var(--graupl-font-4xl,calc(var(--graupl-font-size-base, 1rem)*2.488)));font-weight:var(--graupl-h2-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));line-height:var(--graupl-h2-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))}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)));font-size:var(--graupl-h3-font-size,var(--graupl-font-3xl,calc(var(--graupl-font-size-base, 1rem)*2.074)));font-weight:var(--graupl-h3-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));line-height:var(--graupl-h3-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))}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)));font-size:var(--graupl-h4-font-size,var(--graupl-font-2xl,calc(var(--graupl-font-size-base, 1rem)*1.728)));font-weight:var(--graupl-h4-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));line-height:var(--graupl-h4-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))}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)));font-size:var(--graupl-h5-font-size,var(--graupl-font-xl,calc(var(--graupl-font-size-base, 1rem)*1.44)));font-weight:var(--graupl-h5-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));line-height:var(--graupl-h5-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))}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)));font-size:var(--graupl-h6-font-size,var(--graupl-font-lg,calc(var(--graupl-font-size-base, 1rem)*1.2)));font-weight:var(--graupl-h6-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));line-height:var(--graupl-h6-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))}}
2
- /*# sourceMappingURL=theme.css.map */
1
+ @layer graupl.theme{:root{background:var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));color:var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-primary:#2063df;--graupl-primary--100:#e6eeff;--graupl-primary--200:#9ebefa;--graupl-primary--300:#5e90ed;--graupl-primary--400:#3672e2;--graupl-primary--500:#2063df;--graupl-primary--600:#1d59c9;--graupl-primary--700:#1244a1;--graupl-primary--800:#052561;--graupl-primary--900:#001233;--graupl-secondary:#6c7093;--graupl-secondary--100:#edeef7;--graupl-secondary--200:#bdbfdb;--graupl-secondary--300:#9497b8;--graupl-secondary--400:#7b7e9d;--graupl-secondary--500:#6c7093;--graupl-secondary--600:#626484;--graupl-secondary--700:#474a6b;--graupl-secondary--800:#242642;--graupl-secondary--900:#0f1124;--graupl-tertiary:#c36;--graupl-tertiary--100:#fde7ef;--graupl-tertiary--200:#f2a6bf;--graupl-tertiary--300:#e06c92;--graupl-tertiary--400:#d14775;--graupl-tertiary--500:#c36;--graupl-tertiary--600:#b82e5c;--graupl-tertiary--700:#931f46;--graupl-tertiary--800:#590d26;--graupl-tertiary--900:#2f0412;--graupl-theme-active--primary:var(--graupl-theme--light--primary,var(--graupl-primary,#2063df));--graupl-theme-active--primary--100:var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff));--graupl-theme-active--primary--200:var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa));--graupl-theme-active--primary--300:var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed));--graupl-theme-active--primary--400:var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2));--graupl-theme-active--primary--500:var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df));--graupl-theme-active--primary--600:var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9));--graupl-theme-active--primary--700:var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1));--graupl-theme-active--primary--800:var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561));--graupl-theme-active--primary--900:var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233));--graupl-theme-active--secondary:var(--graupl-theme--light--secondary,var(--graupl-secondary,#6c7093));--graupl-theme-active--secondary--100:var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7));--graupl-theme-active--secondary--200:var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb));--graupl-theme-active--secondary--300:var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8));--graupl-theme-active--secondary--400:var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d));--graupl-theme-active--secondary--500:var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093));--graupl-theme-active--secondary--600:var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484));--graupl-theme-active--secondary--700:var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b));--graupl-theme-active--secondary--800:var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642));--graupl-theme-active--secondary--900:var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124));--graupl-theme-active--tertiary:var(--graupl-theme--light--tertiary,var(--graupl-tertiary,#c36));--graupl-theme-active--tertiary--100:var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef));--graupl-theme-active--tertiary--200:var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf));--graupl-theme-active--tertiary--300:var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92));--graupl-theme-active--tertiary--400:var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775));--graupl-theme-active--tertiary--500:var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36));--graupl-theme-active--tertiary--600:var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c));--graupl-theme-active--tertiary--700:var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46));--graupl-theme-active--tertiary--800:var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26));--graupl-theme-active--tertiary--900:var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412))}.active-mode{--graupl-theme-active--primary:var(--graupl-theme-active--primary,var(--graupl-theme--light--primary,var(--graupl-primary,#2063df)));--graupl-theme-active--primary--100:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-theme-active--primary--200:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-theme-active--primary--300:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)));--graupl-theme-active--primary--400:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)));--graupl-theme-active--primary--500:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)));--graupl-theme-active--primary--600:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)));--graupl-theme-active--primary--700:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-theme-active--primary--800:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)));--graupl-theme-active--primary--900:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-theme-active--secondary:var(--graupl-theme-active--secondary,var(--graupl-theme--light--secondary,var(--graupl-secondary,#6c7093)));--graupl-theme-active--secondary--100:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-theme-active--secondary--200:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-theme-active--secondary--300:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)));--graupl-theme-active--secondary--400:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)));--graupl-theme-active--secondary--500:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)));--graupl-theme-active--secondary--600:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)));--graupl-theme-active--secondary--700:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-theme-active--secondary--800:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)));--graupl-theme-active--secondary--900:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-theme-active--tertiary:var(--graupl-theme-active--tertiary,var(--graupl-theme--light--tertiary,var(--graupl-tertiary,#c36)));--graupl-theme-active--tertiary--100:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-theme-active--tertiary--200:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-theme-active--tertiary--300:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)));--graupl-theme-active--tertiary--400:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)));--graupl-theme-active--tertiary--500:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)));--graupl-theme-active--tertiary--600:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)));--graupl-theme-active--tertiary--700:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-theme-active--tertiary--800:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)));--graupl-theme-active--tertiary--900:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));color-scheme:normal}.light-mode{--graupl-theme-active--primary:var(--graupl-theme--light--primary,var(--graupl-primary,#2063df));--graupl-theme-active--primary--100:var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff));--graupl-theme-active--primary--200:var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa));--graupl-theme-active--primary--300:var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed));--graupl-theme-active--primary--400:var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2));--graupl-theme-active--primary--500:var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df));--graupl-theme-active--primary--600:var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9));--graupl-theme-active--primary--700:var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1));--graupl-theme-active--primary--800:var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561));--graupl-theme-active--primary--900:var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233));--graupl-theme-active--secondary:var(--graupl-theme--light--secondary,var(--graupl-secondary,#6c7093));--graupl-theme-active--secondary--100:var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7));--graupl-theme-active--secondary--200:var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb));--graupl-theme-active--secondary--300:var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8));--graupl-theme-active--secondary--400:var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d));--graupl-theme-active--secondary--500:var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093));--graupl-theme-active--secondary--600:var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484));--graupl-theme-active--secondary--700:var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b));--graupl-theme-active--secondary--800:var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642));--graupl-theme-active--secondary--900:var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124));--graupl-theme-active--tertiary:var(--graupl-theme--light--tertiary,var(--graupl-tertiary,#c36));--graupl-theme-active--tertiary--100:var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef));--graupl-theme-active--tertiary--200:var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf));--graupl-theme-active--tertiary--300:var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92));--graupl-theme-active--tertiary--400:var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775));--graupl-theme-active--tertiary--500:var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36));--graupl-theme-active--tertiary--600:var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c));--graupl-theme-active--tertiary--700:var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46));--graupl-theme-active--tertiary--800:var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26));--graupl-theme-active--tertiary--900:var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412));color-scheme:light}.dark-mode{--graupl-theme-active--primary:var(--graupl-theme--dark--primary,var(--graupl-primary,#2063df));--graupl-theme-active--primary--100:var(--graupl-theme-dark--primary--100,var(--graupl-primary--900,#001233));--graupl-theme-active--primary--200:var(--graupl-theme-dark--primary--200,var(--graupl-primary--800,#052561));--graupl-theme-active--primary--300:var(--graupl-theme-dark--primary--300,var(--graupl-primary--700,#1244a1));--graupl-theme-active--primary--400:var(--graupl-theme-dark--primary--400,var(--graupl-primary--600,#1d59c9));--graupl-theme-active--primary--500:var(--graupl-theme-dark--primary--500,var(--graupl-primary--500,#2063df));--graupl-theme-active--primary--600:var(--graupl-theme-dark--primary--600,var(--graupl-primary--400,#3672e2));--graupl-theme-active--primary--700:var(--graupl-theme-dark--primary--700,var(--graupl-primary--300,#5e90ed));--graupl-theme-active--primary--800:var(--graupl-theme-dark--primary--800,var(--graupl-primary--200,#9ebefa));--graupl-theme-active--primary--900:var(--graupl-theme-dark--primary--900,var(--graupl-primary--100,#e6eeff));--graupl-theme-active--secondary:var(--graupl-theme--dark--secondary,var(--graupl-secondary,#6c7093));--graupl-theme-active--secondary--100:var(--graupl-theme-dark--secondary--100,var(--graupl-secondary--900,#0f1124));--graupl-theme-active--secondary--200:var(--graupl-theme-dark--secondary--200,var(--graupl-secondary--800,#242642));--graupl-theme-active--secondary--300:var(--graupl-theme-dark--secondary--300,var(--graupl-secondary--700,#474a6b));--graupl-theme-active--secondary--400:var(--graupl-theme-dark--secondary--400,var(--graupl-secondary--600,#626484));--graupl-theme-active--secondary--500:var(--graupl-theme-dark--secondary--500,var(--graupl-secondary--500,#6c7093));--graupl-theme-active--secondary--600:var(--graupl-theme-dark--secondary--600,var(--graupl-secondary--400,#7b7e9d));--graupl-theme-active--secondary--700:var(--graupl-theme-dark--secondary--700,var(--graupl-secondary--300,#9497b8));--graupl-theme-active--secondary--800:var(--graupl-theme-dark--secondary--800,var(--graupl-secondary--200,#bdbfdb));--graupl-theme-active--secondary--900:var(--graupl-theme-dark--secondary--900,var(--graupl-secondary--100,#edeef7));--graupl-theme-active--tertiary:var(--graupl-theme--dark--tertiary,var(--graupl-tertiary,#c36));--graupl-theme-active--tertiary--100:var(--graupl-theme-dark--tertiary--100,var(--graupl-tertiary--900,#2f0412));--graupl-theme-active--tertiary--200:var(--graupl-theme-dark--tertiary--200,var(--graupl-tertiary--800,#590d26));--graupl-theme-active--tertiary--300:var(--graupl-theme-dark--tertiary--300,var(--graupl-tertiary--700,#931f46));--graupl-theme-active--tertiary--400:var(--graupl-theme-dark--tertiary--400,var(--graupl-tertiary--600,#b82e5c));--graupl-theme-active--tertiary--500:var(--graupl-theme-dark--tertiary--500,var(--graupl-tertiary--500,#c36));--graupl-theme-active--tertiary--600:var(--graupl-theme-dark--tertiary--600,var(--graupl-tertiary--400,#d14775));--graupl-theme-active--tertiary--700:var(--graupl-theme-dark--tertiary--700,var(--graupl-tertiary--300,#e06c92));--graupl-theme-active--tertiary--800:var(--graupl-theme-dark--tertiary--800,var(--graupl-tertiary--200,#f2a6bf));--graupl-theme-active--tertiary--900:var(--graupl-theme-dark--tertiary--900,var(--graupl-tertiary--100,#fde7ef));color-scheme:dark}:root{font-family:var(--graupl-root-font-family,system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:var(--graupl-root-font-size,clamp(.85rem, .8rem + .5vw, 1.25rem));font-style:var(--graupl-root-font-style,normal);font-variant:var(--graupl-root-font-variant,normal);font-weight:var(--graupl-root-font-weight,var(--graupl-font-weight-normal,400));letter-spacing:var(--graupl-root-letter-spacing,normal);line-height:var(--graupl-root-line-height,1.2em);word-spacing:var(--graupl-root-word-spacing,normal)}b,strong{color:var(--graupl-bold-color,var(--graupl-font-color,currentColor));font-family:var(--graupl-bold-font-family,var(--graupl-font-family,inherit));font-size:var(--graupl-bold-font-size,var(--graupl-font-size,inherit));font-style:var(--graupl-bold-font-style,var(--graupl-font-style,inherit));font-variant:var(--graupl-bold-font-variant,var(--graupl-font-variant,inherit));font-weight:var(--graupl-bold-font-weight,var(--graupl-font-weight,inherit));letter-spacing:var(--graupl-bold-letter-spacing,var(--graupl-letter-spacing,inherit));line-height:var(--graupl-bold-line-height,var(--graupl-line-height,var(--graupl-root-line-height,1.2em)));word-spacing:var(--graupl-bold-word-spacing,var(--graupl-word-spacing,inherit))}p{color:var(--graupl-paragraph-color,var(--graupl-font-color,currentColor));font-family:var(--graupl-paragraph-font-family,var(--graupl-font-family,inherit));font-size:var(--graupl-paragraph-font-size,var(--graupl-font-size,inherit));font-style:var(--graupl-paragraph-font-style,var(--graupl-font-style,inherit));font-variant:var(--graupl-paragraph-font-variant,var(--graupl-font-variant,inherit));font-weight:var(--graupl-paragraph-font-weight,var(--graupl-font-weight,inherit));letter-spacing:var(--graupl-paragraph-letter-spacing,var(--graupl-letter-spacing,inherit));line-height:var(--graupl-paragraph-line-height,var(--graupl-line-height,var(--graupl-root-line-height,1.2em)));word-spacing:var(--graupl-paragraph-word-spacing,var(--graupl-word-spacing,inherit))}small{color:var(--graupl-small-color,var(--graupl-font-color,currentColor));font-family:var(--graupl-small-font-family,var(--graupl-font-family,inherit));font-size:var(--graupl-small-font-size,var(--graupl-font-sm,calc(.833 * var(--graupl-font-size-base,1rem))));font-style:var(--graupl-small-font-style,var(--graupl-font-style,inherit));font-variant:var(--graupl-small-font-variant,var(--graupl-font-variant,inherit));font-weight:var(--graupl-small-font-weight,var(--graupl-font-weight,inherit));letter-spacing:var(--graupl-small-letter-spacing,var(--graupl-letter-spacing,inherit));line-height:var(--graupl-small-line-height,var(--graupl-line-height,var(--graupl-root-line-height,1.2em)));word-spacing:var(--graupl-small-word-spacing,var(--graupl-word-spacing,inherit))}h1{color:var(--graupl-h1-color,var(--graupl-heading-color,var(--graupl-font-color,currentColor)));font-family:var(--graupl-h1-font-family,var(--graupl-heading-font-family,var(--graupl-font-family,inherit)));font-size:var(--graupl-h1-font-size,var(--graupl-font-5xl,calc(2.986 * var(--graupl-font-size-base,1rem))));font-style:var(--graupl-h1-font-style,var(--graupl-heading-font-style,var(--graupl-font-style,inherit)));font-variant:var(--graupl-h1-font-variant,var(--graupl-heading-font-variant,var(--graupl-font-variant,inherit)));font-weight:var(--graupl-h1-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));letter-spacing:var(--graupl-h1-letter-spacing,var(--graupl-heading-letter-spacing,var(--graupl-letter-spacing,inherit)));line-height:var(--graupl-h1-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,var(--graupl-root-line-height,1.2em))));word-spacing:var(--graupl-h1-word-spacing,var(--graupl-heading-word-spacing,var(--graupl-word-spacing,inherit)))}h2{color:var(--graupl-h2-color,var(--graupl-heading-color,var(--graupl-font-color,currentColor)));font-family:var(--graupl-h2-font-family,var(--graupl-heading-font-family,var(--graupl-font-family,inherit)));font-size:var(--graupl-h2-font-size,var(--graupl-font-4xl,calc(2.488 * var(--graupl-font-size-base,1rem))));font-style:var(--graupl-h2-font-style,var(--graupl-heading-font-style,var(--graupl-font-style,inherit)));font-variant:var(--graupl-h2-font-variant,var(--graupl-heading-font-variant,var(--graupl-font-variant,inherit)));font-weight:var(--graupl-h2-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));letter-spacing:var(--graupl-h2-letter-spacing,var(--graupl-heading-letter-spacing,var(--graupl-letter-spacing,inherit)));line-height:var(--graupl-h2-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,var(--graupl-root-line-height,1.2em))));word-spacing:var(--graupl-h2-word-spacing,var(--graupl-heading-word-spacing,var(--graupl-word-spacing,inherit)))}h3{color:var(--graupl-h3-color,var(--graupl-heading-color,var(--graupl-font-color,currentColor)));font-family:var(--graupl-h3-font-family,var(--graupl-heading-font-family,var(--graupl-font-family,inherit)));font-size:var(--graupl-h3-font-size,var(--graupl-font-3xl,calc(2.074 * var(--graupl-font-size-base,1rem))));font-style:var(--graupl-h3-font-style,var(--graupl-heading-font-style,var(--graupl-font-style,inherit)));font-variant:var(--graupl-h3-font-variant,var(--graupl-heading-font-variant,var(--graupl-font-variant,inherit)));font-weight:var(--graupl-h3-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));letter-spacing:var(--graupl-h3-letter-spacing,var(--graupl-heading-letter-spacing,var(--graupl-letter-spacing,inherit)));line-height:var(--graupl-h3-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,var(--graupl-root-line-height,1.2em))));word-spacing:var(--graupl-h3-word-spacing,var(--graupl-heading-word-spacing,var(--graupl-word-spacing,inherit)))}h4{color:var(--graupl-h4-color,var(--graupl-heading-color,var(--graupl-font-color,currentColor)));font-family:var(--graupl-h4-font-family,var(--graupl-heading-font-family,var(--graupl-font-family,inherit)));font-size:var(--graupl-h4-font-size,var(--graupl-font-2xl,calc(1.728 * var(--graupl-font-size-base,1rem))));font-style:var(--graupl-h4-font-style,var(--graupl-heading-font-style,var(--graupl-font-style,inherit)));font-variant:var(--graupl-h4-font-variant,var(--graupl-heading-font-variant,var(--graupl-font-variant,inherit)));font-weight:var(--graupl-h4-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));letter-spacing:var(--graupl-h4-letter-spacing,var(--graupl-heading-letter-spacing,var(--graupl-letter-spacing,inherit)));line-height:var(--graupl-h4-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,var(--graupl-root-line-height,1.2em))));word-spacing:var(--graupl-h4-word-spacing,var(--graupl-heading-word-spacing,var(--graupl-word-spacing,inherit)))}h5{color:var(--graupl-h5-color,var(--graupl-heading-color,var(--graupl-font-color,currentColor)));font-family:var(--graupl-h5-font-family,var(--graupl-heading-font-family,var(--graupl-font-family,inherit)));font-size:var(--graupl-h5-font-size,var(--graupl-font-xl,calc(1.44 * var(--graupl-font-size-base,1rem))));font-style:var(--graupl-h5-font-style,var(--graupl-heading-font-style,var(--graupl-font-style,inherit)));font-variant:var(--graupl-h5-font-variant,var(--graupl-heading-font-variant,var(--graupl-font-variant,inherit)));font-weight:var(--graupl-h5-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));letter-spacing:var(--graupl-h5-letter-spacing,var(--graupl-heading-letter-spacing,var(--graupl-letter-spacing,inherit)));line-height:var(--graupl-h5-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,var(--graupl-root-line-height,1.2em))));word-spacing:var(--graupl-h5-word-spacing,var(--graupl-heading-word-spacing,var(--graupl-word-spacing,inherit)))}h6{color:var(--graupl-h6-color,var(--graupl-heading-color,var(--graupl-font-color,currentColor)));font-family:var(--graupl-h6-font-family,var(--graupl-heading-font-family,var(--graupl-font-family,inherit)));font-size:var(--graupl-h6-font-size,var(--graupl-font-lg,calc(1.2 * var(--graupl-font-size-base,1rem))));font-style:var(--graupl-h6-font-style,var(--graupl-heading-font-style,var(--graupl-font-style,inherit)));font-variant:var(--graupl-h6-font-variant,var(--graupl-heading-font-variant,var(--graupl-font-variant,inherit)));font-weight:var(--graupl-h6-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));letter-spacing:var(--graupl-h6-letter-spacing,var(--graupl-heading-letter-spacing,var(--graupl-letter-spacing,inherit)));line-height:var(--graupl-h6-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,var(--graupl-root-line-height,1.2em))));word-spacing:var(--graupl-h6-word-spacing,var(--graupl-heading-word-spacing,var(--graupl-word-spacing,inherit)))}}@layer graupl.base{p{margin:var(--graupl-paragraph-margin,0 0 var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem))) 0)}small{margin:var(--graupl-small-margin,0 0 var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem))) 0)}b,strong{margin:var(--graupl-bold-margin,0 0 var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem))) 0)}em,i{margin:var(--graupl-italic-margin,0 0 var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem))) 0)}h1{margin:var(--graupl-h1-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(1 * var(--graupl-spacer,1rem))) 0 var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem))) 0))}h2{margin:var(--graupl-h2-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(1 * var(--graupl-spacer,1rem))) 0 var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem))) 0))}h3{margin:var(--graupl-h3-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(1 * var(--graupl-spacer,1rem))) 0 var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem))) 0))}h4{margin:var(--graupl-h4-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(1 * var(--graupl-spacer,1rem))) 0 var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem))) 0))}h5{margin:var(--graupl-h5-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(1 * var(--graupl-spacer,1rem))) 0 var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem))) 0))}h6{margin:var(--graupl-h6-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(1 * var(--graupl-spacer,1rem))) 0 var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem))) 0))}}
2
+ /*# sourceMappingURL=theme.css.map */