@navikt/ds-css 7.40.0 → 8.0.1
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.
- package/CHANGELOG.md +12 -0
- package/config/{bundle.darkside.ts → bundle.ts} +42 -36
- package/dist/component/accordion.css +136 -170
- package/dist/component/accordion.min.css +1 -1
- package/dist/component/actionmenu.css +148 -190
- package/dist/component/actionmenu.min.css +1 -1
- package/dist/component/alert.css +135 -301
- package/dist/component/alert.min.css +1 -1
- package/dist/component/button.css +172 -485
- package/dist/component/button.min.css +1 -3
- package/dist/component/chat.css +88 -98
- package/dist/component/chat.min.css +1 -1
- package/dist/component/chips.css +116 -201
- package/dist/component/chips.min.css +1 -1
- package/dist/component/copybutton.css +18 -220
- package/dist/component/copybutton.min.css +1 -1
- package/dist/component/date.css +218 -283
- package/dist/component/date.min.css +1 -1
- package/dist/component/dialog.css +159 -184
- package/dist/component/dialog.min.css +1 -1
- package/dist/component/dropdown.css +70 -75
- package/dist/component/dropdown.min.css +1 -1
- package/dist/component/expansioncard.css +135 -209
- package/dist/component/expansioncard.min.css +1 -3
- package/dist/component/form.css +1742 -1841
- package/dist/component/form.min.css +1 -3
- package/dist/component/guidepanel.css +96 -71
- package/dist/component/guidepanel.min.css +1 -1
- package/dist/component/helptext.css +42 -70
- package/dist/component/helptext.min.css +1 -1
- package/dist/component/inlinemessage.css +13 -37
- package/dist/component/inlinemessage.min.css +1 -1
- package/dist/component/internalheader.css +86 -87
- package/dist/component/internalheader.min.css +1 -1
- package/dist/component/link.css +44 -66
- package/dist/component/link.min.css +1 -1
- package/dist/component/linkanchor.css +48 -41
- package/dist/component/linkanchor.min.css +1 -1
- package/dist/component/linkcard.css +128 -127
- package/dist/component/linkcard.min.css +1 -1
- package/dist/component/linkpanel.css +33 -38
- package/dist/component/linkpanel.min.css +1 -1
- package/dist/component/list.css +59 -70
- package/dist/component/list.min.css +1 -1
- package/dist/component/loader.css +90 -99
- package/dist/component/loader.min.css +1 -1
- package/dist/component/modal.css +172 -182
- package/dist/component/modal.min.css +1 -1
- package/dist/component/pagination.css +32 -63
- package/dist/component/pagination.min.css +1 -1
- package/dist/component/panel.css +14 -8
- package/dist/component/panel.min.css +1 -1
- package/dist/component/popover.css +20 -77
- package/dist/component/popover.min.css +1 -1
- package/dist/component/primitives.css +1048 -1094
- package/dist/component/primitives.min.css +1 -1
- package/dist/component/process.css +136 -140
- package/dist/component/process.min.css +1 -1
- package/dist/component/progressbar.css +90 -89
- package/dist/component/progressbar.min.css +1 -1
- package/dist/component/readmore.css +78 -75
- package/dist/component/readmore.min.css +1 -1
- package/dist/component/skeleton.css +53 -50
- package/dist/component/skeleton.min.css +1 -1
- package/dist/component/stepper.css +186 -271
- package/dist/component/stepper.min.css +1 -1
- package/dist/component/table.css +224 -297
- package/dist/component/table.min.css +1 -1
- package/dist/component/tabs.css +113 -125
- package/dist/component/tabs.min.css +1 -1
- package/dist/component/tag.css +68 -187
- package/dist/component/tag.min.css +1 -1
- package/dist/component/theme.css +13 -0
- package/dist/component/theme.min.css +1 -0
- package/dist/component/timeline.css +223 -394
- package/dist/component/timeline.min.css +1 -1
- package/dist/component/togglegroup.css +87 -157
- package/dist/component/togglegroup.min.css +1 -1
- package/dist/component/tooltip.css +113 -62
- package/dist/component/tooltip.min.css +1 -1
- package/dist/component/typography.css +228 -217
- package/dist/component/typography.min.css +1 -1
- package/dist/components.css +6227 -8576
- package/dist/components.min.css +1 -7
- package/dist/global/baseline.css +47 -133
- package/dist/global/baseline.min.css +1 -1
- package/dist/global/fonts.css +112 -116
- package/dist/global/fonts.min.css +1 -1
- package/dist/global/print.css +54 -73
- package/dist/global/print.min.css +1 -1
- package/dist/global/reset.css +95 -294
- package/dist/global/reset.min.css +1 -1
- package/dist/global/tokens.css +862 -336
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +7339 -9507
- package/dist/index.min.css +1 -9
- package/package.json +5 -16
- package/src/README.md +23 -0
- package/{darkside/action-menu.darkside.css → src/action-menu.css} +2 -2
- package/{darkside/baseline/baseline.darkside.css → src/baseline/baseline.css} +11 -0
- package/{darkside/baseline/fonts.darkside.css → src/baseline/fonts.css} +0 -0
- package/src/baseline/tokens.css +1 -0
- package/{darkside/button.darkside.css → src/button.css} +33 -10
- package/{darkside/form/combobox.darkside.css → src/form/combobox.css} +1 -1
- package/{darkside/form/file-upload.darkside.css → src/form/file-upload.css} +13 -7
- package/src/form/index.css +14 -0
- package/{darkside/form/search.darkside.css → src/form/search.css} +2 -2
- package/src/index.css +64 -0
- package/{darkside/link-anchor.darkside.css → src/link-anchor.css} +4 -0
- package/{darkside/link-card.darkside.css → src/link-card.css} +2 -2
- package/{darkside/link.darkside.css → src/link.css} +0 -4
- package/{darkside/modal.darkside.css → src/modal.css} +2 -3
- package/src/primitives/index.css +7 -0
- package/{darkside/progress-bar.darkside.css → src/progress-bar.css} +5 -6
- package/{darkside/table.darkside.css → src/table.css} +4 -4
- package/{darkside/theme.darkside.css → src/theme.css} +0 -8
- package/{darkside/typography.darkside.css → src/typography.css} +8 -0
- package/accordion.css +0 -198
- package/action-menu.css +0 -227
- package/alert.css +0 -380
- package/baseline/_inline-reset.css +0 -54
- package/baseline/_utilities.css +0 -62
- package/baseline/baseline.css +0 -27
- package/baseline/fonts.css +0 -129
- package/baseline/index.css +0 -5
- package/baseline/reset.css +0 -294
- package/baseline/tokens.css +0 -1
- package/button.css +0 -548
- package/chat.css +0 -117
- package/chips.css +0 -234
- package/config/tests/bundle.test.ts +0 -51
- package/copybutton.css +0 -226
- package/darkside/README.md +0 -25
- package/darkside/baseline/print.darkside.css +0 -75
- package/darkside/baseline/tokens.darkside.css +0 -1
- package/darkside/form/index.css +0 -14
- package/darkside/index.css +0 -64
- package/darkside/primitives/index.css +0 -7
- package/date.css +0 -334
- package/dialog.css +0 -253
- package/dist/darkside/component/accordion.css +0 -164
- package/dist/darkside/component/accordion.min.css +0 -1
- package/dist/darkside/component/actionmenu.css +0 -182
- package/dist/darkside/component/actionmenu.min.css +0 -1
- package/dist/darkside/component/alert.css +0 -181
- package/dist/darkside/component/alert.min.css +0 -1
- package/dist/darkside/component/button.css +0 -208
- package/dist/darkside/component/button.min.css +0 -1
- package/dist/darkside/component/chat.css +0 -103
- package/dist/darkside/component/chat.min.css +0 -1
- package/dist/darkside/component/chips.css +0 -146
- package/dist/darkside/component/chips.min.css +0 -1
- package/dist/darkside/component/copybutton.css +0 -23
- package/dist/darkside/component/copybutton.min.css +0 -1
- package/dist/darkside/component/date.css +0 -268
- package/dist/darkside/component/date.min.css +0 -1
- package/dist/darkside/component/dialog.css +0 -232
- package/dist/darkside/component/dialog.min.css +0 -1
- package/dist/darkside/component/dropdown.css +0 -82
- package/dist/darkside/component/dropdown.min.css +0 -1
- package/dist/darkside/component/expansioncard.css +0 -164
- package/dist/darkside/component/expansioncard.min.css +0 -1
- package/dist/darkside/component/form.css +0 -1875
- package/dist/darkside/component/form.min.css +0 -1
- package/dist/darkside/component/guidepanel.css +0 -117
- package/dist/darkside/component/guidepanel.min.css +0 -1
- package/dist/darkside/component/helptext.css +0 -53
- package/dist/darkside/component/helptext.min.css +0 -1
- package/dist/darkside/component/inlinemessage.css +0 -17
- package/dist/darkside/component/inlinemessage.min.css +0 -1
- package/dist/darkside/component/internalheader.css +0 -100
- package/dist/darkside/component/internalheader.min.css +0 -1
- package/dist/darkside/component/link.css +0 -57
- package/dist/darkside/component/link.min.css +0 -1
- package/dist/darkside/component/linkanchor.css +0 -52
- package/dist/darkside/component/linkanchor.min.css +0 -1
- package/dist/darkside/component/linkcard.css +0 -124
- package/dist/darkside/component/linkcard.min.css +0 -1
- package/dist/darkside/component/linkpanel.css +0 -38
- package/dist/darkside/component/linkpanel.min.css +0 -1
- package/dist/darkside/component/list.css +0 -75
- package/dist/darkside/component/list.min.css +0 -1
- package/dist/darkside/component/loader.css +0 -107
- package/dist/darkside/component/loader.min.css +0 -1
- package/dist/darkside/component/modal.css +0 -188
- package/dist/darkside/component/modal.min.css +0 -1
- package/dist/darkside/component/pagination.css +0 -38
- package/dist/darkside/component/pagination.min.css +0 -1
- package/dist/darkside/component/panel.css +0 -12
- package/dist/darkside/component/panel.min.css +0 -1
- package/dist/darkside/component/popover.css +0 -24
- package/dist/darkside/component/popover.min.css +0 -1
- package/dist/darkside/component/primitives.css +0 -1293
- package/dist/darkside/component/primitives.min.css +0 -1
- package/dist/darkside/component/process.css +0 -192
- package/dist/darkside/component/process.min.css +0 -1
- package/dist/darkside/component/progressbar.css +0 -106
- package/dist/darkside/component/progressbar.min.css +0 -1
- package/dist/darkside/component/readmore.css +0 -94
- package/dist/darkside/component/readmore.min.css +0 -1
- package/dist/darkside/component/skeleton.css +0 -66
- package/dist/darkside/component/skeleton.min.css +0 -1
- package/dist/darkside/component/stepper.css +0 -226
- package/dist/darkside/component/stepper.min.css +0 -1
- package/dist/darkside/component/table.css +0 -289
- package/dist/darkside/component/table.min.css +0 -1
- package/dist/darkside/component/tabs.css +0 -138
- package/dist/darkside/component/tabs.min.css +0 -1
- package/dist/darkside/component/tag.css +0 -77
- package/dist/darkside/component/tag.min.css +0 -1
- package/dist/darkside/component/theme.css +0 -17
- package/dist/darkside/component/theme.min.css +0 -1
- package/dist/darkside/component/timeline.css +0 -275
- package/dist/darkside/component/timeline.min.css +0 -1
- package/dist/darkside/component/togglegroup.css +0 -107
- package/dist/darkside/component/togglegroup.min.css +0 -1
- package/dist/darkside/component/tooltip.css +0 -128
- package/dist/darkside/component/tooltip.min.css +0 -1
- package/dist/darkside/component/typography.css +0 -273
- package/dist/darkside/component/typography.min.css +0 -1
- package/dist/darkside/components.css +0 -7876
- package/dist/darkside/components.min.css +0 -1
- package/dist/darkside/global/baseline.css +0 -43
- package/dist/darkside/global/baseline.min.css +0 -1
- package/dist/darkside/global/fonts.css +0 -109
- package/dist/darkside/global/fonts.min.css +0 -1
- package/dist/darkside/global/print.css +0 -52
- package/dist/darkside/global/print.min.css +0 -1
- package/dist/darkside/global/reset.css +0 -93
- package/dist/darkside/global/reset.min.css +0 -1
- package/dist/darkside/global/tokens.css +0 -864
- package/dist/darkside/global/tokens.min.css +0 -1
- package/dist/darkside/index.css +0 -9040
- package/dist/darkside/index.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/accordion.css +0 -164
- package/dist/darkside/version/7.40.0/component/accordion.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/actionmenu.css +0 -182
- package/dist/darkside/version/7.40.0/component/actionmenu.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/alert.css +0 -181
- package/dist/darkside/version/7.40.0/component/alert.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/button.css +0 -208
- package/dist/darkside/version/7.40.0/component/button.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/chat.css +0 -103
- package/dist/darkside/version/7.40.0/component/chat.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/chips.css +0 -146
- package/dist/darkside/version/7.40.0/component/chips.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/copybutton.css +0 -23
- package/dist/darkside/version/7.40.0/component/copybutton.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/date.css +0 -268
- package/dist/darkside/version/7.40.0/component/date.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/dialog.css +0 -232
- package/dist/darkside/version/7.40.0/component/dialog.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/dropdown.css +0 -82
- package/dist/darkside/version/7.40.0/component/dropdown.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/expansioncard.css +0 -164
- package/dist/darkside/version/7.40.0/component/expansioncard.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/form.css +0 -1875
- package/dist/darkside/version/7.40.0/component/form.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/guidepanel.css +0 -117
- package/dist/darkside/version/7.40.0/component/guidepanel.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/helptext.css +0 -53
- package/dist/darkside/version/7.40.0/component/helptext.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/inlinemessage.css +0 -17
- package/dist/darkside/version/7.40.0/component/inlinemessage.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/internalheader.css +0 -100
- package/dist/darkside/version/7.40.0/component/internalheader.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/link.css +0 -57
- package/dist/darkside/version/7.40.0/component/link.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/linkanchor.css +0 -52
- package/dist/darkside/version/7.40.0/component/linkanchor.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/linkcard.css +0 -124
- package/dist/darkside/version/7.40.0/component/linkcard.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/linkpanel.css +0 -38
- package/dist/darkside/version/7.40.0/component/linkpanel.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/list.css +0 -75
- package/dist/darkside/version/7.40.0/component/list.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/loader.css +0 -107
- package/dist/darkside/version/7.40.0/component/loader.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/modal.css +0 -188
- package/dist/darkside/version/7.40.0/component/modal.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/pagination.css +0 -38
- package/dist/darkside/version/7.40.0/component/pagination.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/panel.css +0 -12
- package/dist/darkside/version/7.40.0/component/panel.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/popover.css +0 -24
- package/dist/darkside/version/7.40.0/component/popover.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/primitives.css +0 -1293
- package/dist/darkside/version/7.40.0/component/primitives.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/process.css +0 -192
- package/dist/darkside/version/7.40.0/component/process.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/progressbar.css +0 -106
- package/dist/darkside/version/7.40.0/component/progressbar.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/readmore.css +0 -94
- package/dist/darkside/version/7.40.0/component/readmore.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/skeleton.css +0 -66
- package/dist/darkside/version/7.40.0/component/skeleton.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/stepper.css +0 -226
- package/dist/darkside/version/7.40.0/component/stepper.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/table.css +0 -289
- package/dist/darkside/version/7.40.0/component/table.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/tabs.css +0 -138
- package/dist/darkside/version/7.40.0/component/tabs.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/tag.css +0 -77
- package/dist/darkside/version/7.40.0/component/tag.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/theme.css +0 -17
- package/dist/darkside/version/7.40.0/component/theme.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/timeline.css +0 -275
- package/dist/darkside/version/7.40.0/component/timeline.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/togglegroup.css +0 -107
- package/dist/darkside/version/7.40.0/component/togglegroup.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/tooltip.css +0 -128
- package/dist/darkside/version/7.40.0/component/tooltip.min.css +0 -1
- package/dist/darkside/version/7.40.0/component/typography.css +0 -273
- package/dist/darkside/version/7.40.0/component/typography.min.css +0 -1
- package/dist/darkside/version/7.40.0/components.css +0 -7876
- package/dist/darkside/version/7.40.0/components.min.css +0 -1
- package/dist/darkside/version/7.40.0/global/baseline.css +0 -43
- package/dist/darkside/version/7.40.0/global/baseline.min.css +0 -1
- package/dist/darkside/version/7.40.0/global/fonts.css +0 -109
- package/dist/darkside/version/7.40.0/global/fonts.min.css +0 -1
- package/dist/darkside/version/7.40.0/global/print.css +0 -52
- package/dist/darkside/version/7.40.0/global/print.min.css +0 -1
- package/dist/darkside/version/7.40.0/global/reset.css +0 -93
- package/dist/darkside/version/7.40.0/global/reset.min.css +0 -1
- package/dist/darkside/version/7.40.0/global/tokens.css +0 -864
- package/dist/darkside/version/7.40.0/global/tokens.min.css +0 -1
- package/dist/darkside/version/7.40.0/index.css +0 -9040
- package/dist/darkside/version/7.40.0/index.min.css +0 -1
- package/dropdown.css +0 -91
- package/expansioncard.css +0 -239
- package/form/combobox.css +0 -431
- package/form/confirmation-panel.css +0 -53
- package/form/error-summary.css +0 -55
- package/form/fieldset.css +0 -51
- package/form/file-upload.css +0 -224
- package/form/form-progress.css +0 -53
- package/form/form-summary.css +0 -90
- package/form/form.css +0 -52
- package/form/index.css +0 -17
- package/form/radio-checkbox.css +0 -397
- package/form/search.css +0 -228
- package/form/select.css +0 -113
- package/form/switch.css +0 -304
- package/form/text-field.css +0 -113
- package/form/textarea.css +0 -143
- package/guide-panel.css +0 -96
- package/help-text.css +0 -85
- package/index.css +0 -42
- package/inline-message.css +0 -45
- package/internalheader.css +0 -105
- package/link-anchor.css +0 -53
- package/link-card.css +0 -127
- package/link-panel.css +0 -47
- package/link.css +0 -79
- package/list.css +0 -88
- package/loader.css +0 -120
- package/modal.css +0 -228
- package/pagination.css +0 -73
- package/panel.css +0 -10
- package/popover.css +0 -84
- package/primitives/base.css +0 -809
- package/primitives/bleed.css +0 -103
- package/primitives/box.css +0 -66
- package/primitives/hgrid.css +0 -80
- package/primitives/index.css +0 -7
- package/primitives/page.css +0 -62
- package/primitives/responsive.css +0 -59
- package/primitives/stack.css +0 -155
- package/process.css +0 -201
- package/progress-bar.css +0 -108
- package/read-more.css +0 -95
- package/skeleton.css +0 -67
- package/stepper.css +0 -312
- package/table.css +0 -366
- package/tabs.css +0 -154
- package/tag.css +0 -200
- package/timeline.css +0 -450
- package/toggle-group.css +0 -181
- package/tokens.json +0 -485
- package/tooltip.css +0 -81
- package/typography.css +0 -268
- package/vitest.config.ts +0 -5
- /package/{darkside/accordion.darkside.css → src/accordion.css} +0 -0
- /package/{darkside/alert.darkside.css → src/alert.css} +0 -0
- /package/{baseline → src/baseline}/print.css +0 -0
- /package/{darkside/baseline/reset.darkside.css → src/baseline/reset.css} +0 -0
- /package/{darkside/chat.darkside.css → src/chat.css} +0 -0
- /package/{darkside/chips.darkside.css → src/chips.css} +0 -0
- /package/{darkside/copybutton.darkside.css → src/copybutton.css} +0 -0
- /package/{darkside/date.darkside.css → src/date.css} +0 -0
- /package/{darkside/dialog.darkside.css → src/dialog.css} +0 -0
- /package/{darkside/dropdown.darkside.css → src/dropdown.css} +0 -0
- /package/{darkside/expansioncard.darkside.css → src/expansioncard.css} +0 -0
- /package/{darkside/form/confirmation-panel.darkside.css → src/form/confirmation-panel.css} +0 -0
- /package/{darkside/form/error-summary.darkside.css → src/form/error-summary.css} +0 -0
- /package/{darkside/form/fieldset.darkside.css → src/form/fieldset.css} +0 -0
- /package/{darkside/form/form-progress.darkside.css → src/form/form-progress.css} +0 -0
- /package/{darkside/form/form-summary.darkside.css → src/form/form-summary.css} +0 -0
- /package/{darkside/form/form.darkside.css → src/form/form.css} +0 -0
- /package/{darkside/form/radio-checkbox.darkside.css → src/form/radio-checkbox.css} +0 -0
- /package/{darkside/form/select.darkside.css → src/form/select.css} +0 -0
- /package/{darkside/form/switch.darkside.css → src/form/switch.css} +0 -0
- /package/{darkside/form/text-field.darkside.css → src/form/text-field.css} +0 -0
- /package/{darkside/form/textarea.darkside.css → src/form/textarea.css} +0 -0
- /package/{darkside/guide-panel.darkside.css → src/guide-panel.css} +0 -0
- /package/{darkside/help-text.darkside.css → src/help-text.css} +0 -0
- /package/{darkside/inline-message.darkside.css → src/inline-message.css} +0 -0
- /package/{darkside/internalheader.darkside.css → src/internalheader.css} +0 -0
- /package/{darkside/link-panel.darkside.css → src/link-panel.css} +0 -0
- /package/{darkside/list.darkside.css → src/list.css} +0 -0
- /package/{darkside/loader.darkside.css → src/loader.css} +0 -0
- /package/{darkside/pagination.darkside.css → src/pagination.css} +0 -0
- /package/{darkside/panel.darkside.css → src/panel.css} +0 -0
- /package/{darkside/popover.darkside.css → src/popover.css} +0 -0
- /package/{darkside/primitives/base.darkside.css → src/primitives/base.css} +0 -0
- /package/{darkside/primitives/bleed.darkside.css → src/primitives/bleed.css} +0 -0
- /package/{darkside/primitives/box.darkside.css → src/primitives/box.css} +0 -0
- /package/{darkside/primitives/hgrid.darkside.css → src/primitives/hgrid.css} +0 -0
- /package/{darkside/primitives/page.darkside.css → src/primitives/page.css} +0 -0
- /package/{darkside/primitives/responsive.darkside.css → src/primitives/responsive.css} +0 -0
- /package/{darkside/primitives/stack.darkside.css → src/primitives/stack.css} +0 -0
- /package/{darkside/process.darkside.css → src/process.css} +0 -0
- /package/{darkside/read-more.darkside.css → src/read-more.css} +0 -0
- /package/{darkside/skeleton.darkside.css → src/skeleton.css} +0 -0
- /package/{darkside/stepper.darkside.css → src/stepper.css} +0 -0
- /package/{darkside/tabs.darkside.css → src/tabs.css} +0 -0
- /package/{darkside/tag.darkside.css → src/tag.css} +0 -0
- /package/{darkside/timeline.darkside.css → src/timeline.css} +0 -0
- /package/{darkside/toggle-group.darkside.css → src/toggle-group.css} +0 -0
- /package/{darkside/tooltip.darkside.css → src/tooltip.css} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.layout{.aksel-r-p{--__axc-r-p-xs: initial;--__axc-r-p-sm: var(--__axc-r-p-xs);--__axc-r-p-md: var(--__axc-r-p-sm);--__axc-r-p-lg: var(--__axc-r-p-md);--__axc-r-p-xl: var(--__axc-r-p-lg);--__axc-r-p-2xl: var(--__axc-r-p-xl);--__axc-r-padding: var(--__axc-r-p-xs);padding:var(--__axc-r-padding)}.aksel-r-pi{--__axc-r-pi-xs: initial;--__axc-r-pi-sm: var(--__axc-r-pi-xs);--__axc-r-pi-md: var(--__axc-r-pi-sm);--__axc-r-pi-lg: var(--__axc-r-pi-md);--__axc-r-pi-xl: var(--__axc-r-pi-lg);--__axc-r-pi-2xl: var(--__axc-r-pi-xl);--__axc-r-pi: var(--__axc-r-pi-xs);padding-inline:var(--__axc-r-pi, var(--__axc-r-padding))}.aksel-r-pb{--__axc-r-pb-xs: initial;--__axc-r-pb-sm: var(--__axc-r-pb-xs);--__axc-r-pb-md: var(--__axc-r-pb-sm);--__axc-r-pb-lg: var(--__axc-r-pb-md);--__axc-r-pb-xl: var(--__axc-r-pb-lg);--__axc-r-pb-2xl: var(--__axc-r-pb-xl);--__axc-r-pb: var(--__axc-r-pb-xs);padding-block:var(--__axc-r-pb, var(--__axc-r-padding))}.aksel-r-m{--__axc-r-m-xs: initial;--__axc-r-m-sm: var(--__axc-r-m-xs);--__axc-r-m-md: var(--__axc-r-m-sm);--__axc-r-m-lg: var(--__axc-r-m-md);--__axc-r-m-xl: var(--__axc-r-m-lg);--__axc-r-m-2xl: var(--__axc-r-m-xl);--__axc-r-margin: var(--__axc-r-m-xs);margin:var(--__axc-r-margin)}.aksel-r-mi{--__axc-r-mi-xs: initial;--__axc-r-mi-sm: var(--__axc-r-mi-xs);--__axc-r-mi-md: var(--__axc-r-mi-sm);--__axc-r-mi-lg: var(--__axc-r-mi-md);--__axc-r-mi-xl: var(--__axc-r-mi-lg);--__axc-r-mi-2xl: var(--__axc-r-mi-xl);--__axc-r-mi: var(--__axc-r-mi-xs);margin-inline:var(--__axc-r-mi, var(--__axc-r-margin))}.aksel-r-mb{--__axc-r-mb-xs: initial;--__axc-r-mb-sm: var(--__axc-r-mb-xs);--__axc-r-mb-md: var(--__axc-r-mb-sm);--__axc-r-mb-lg: var(--__axc-r-mb-md);--__axc-r-mb-xl: var(--__axc-r-mb-lg);--__axc-r-mb-2xl: var(--__axc-r-mb-xl);--__axc-r-mb: var(--__axc-r-mb-xs);margin-block:var(--__axc-r-mb, var(--__axc-r-margin))}.aksel-r-w{--__axc-r-w-xs: initial;--__axc-r-w-sm: var(--__axc-r-w-xs);--__axc-r-w-md: var(--__axc-r-w-sm);--__axc-r-w-lg: var(--__axc-r-w-md);--__axc-r-w-xl: var(--__axc-r-w-lg);--__axc-r-w-2xl: var(--__axc-r-w-xl);--__axc-r-w: var(--__axc-r-w-xs);width:var(--__axc-r-w)}.aksel-r-minw{--__axc-r-minw-xs: initial;--__axc-r-minw-sm: var(--__axc-r-minw-xs);--__axc-r-minw-md: var(--__axc-r-minw-sm);--__axc-r-minw-lg: var(--__axc-r-minw-md);--__axc-r-minw-xl: var(--__axc-r-minw-lg);--__axc-r-minw-2xl: var(--__axc-r-minw-xl);--__axc-r-minw: var(--__axc-r-minw-xs);min-width:var(--__axc-r-minw)}.aksel-r-maxw{--__axc-r-maxw-xs: initial;--__axc-r-maxw-sm: var(--__axc-r-maxw-xs);--__axc-r-maxw-md: var(--__axc-r-maxw-sm);--__axc-r-maxw-lg: var(--__axc-r-maxw-md);--__axc-r-maxw-xl: var(--__axc-r-maxw-lg);--__axc-r-maxw-2xl: var(--__axc-r-maxw-xl);--__axc-r-maxw: var(--__axc-r-maxw-xs);max-width:var(--__axc-r-maxw)}.aksel-r-h{--__axc-r-h-xs: initial;--__axc-r-h-sm: var(--__axc-r-h-xs);--__axc-r-h-md: var(--__axc-r-h-sm);--__axc-r-h-lg: var(--__axc-r-h-md);--__axc-r-h-xl: var(--__axc-r-h-lg);--__axc-r-h-2xl: var(--__axc-r-h-xl);--__axc-r-h: var(--__axc-r-h-xs);height:var(--__axc-r-h)}.aksel-r-minh{--__axc-r-minh-xs: initial;--__axc-r-minh-sm: var(--__axc-r-minh-xs);--__axc-r-minh-md: var(--__axc-r-minh-sm);--__axc-r-minh-lg: var(--__axc-r-minh-md);--__axc-r-minh-xl: var(--__axc-r-minh-lg);--__axc-r-minh-2xl: var(--__axc-r-minh-xl);--__axc-r-minh: var(--__axc-r-minh-xs);min-height:var(--__axc-r-minh)}.aksel-r-maxh{--__axc-r-maxh-xs: initial;--__axc-r-maxh-sm: var(--__axc-r-maxh-xs);--__axc-r-maxh-md: var(--__axc-r-maxh-sm);--__axc-r-maxh-lg: var(--__axc-r-maxh-md);--__axc-r-maxh-xl: var(--__axc-r-maxh-lg);--__axc-r-maxh-2xl: var(--__axc-r-maxh-xl);--__axc-r-maxh: var(--__axc-r-maxh-xs);max-height:var(--__axc-r-maxh)}.aksel-r-position{--__axc-r-position-xs: initial;--__axc-r-position-sm: var(--__axc-r-position-xs);--__axc-r-position-md: var(--__axc-r-position-sm);--__axc-r-position-lg: var(--__axc-r-position-md);--__axc-r-position-xl: var(--__axc-r-position-lg);--__axc-r-position-2xl: var(--__axc-r-position-xl);--__axc-r-position: var(--__axc-r-position-xs);position:var(--__axc-r-position)}.aksel-r-inset{--__axc-r-inset-xs: initial;--__axc-r-inset-sm: var(--__axc-r-inset-xs);--__axc-r-inset-md: var(--__axc-r-inset-sm);--__axc-r-inset-lg: var(--__axc-r-inset-md);--__axc-r-inset-xl: var(--__axc-r-inset-lg);--__axc-r-inset-2xl: var(--__axc-r-inset-xl);--__axc-r-inset: var(--__axc-r-inset-xs);inset:var(--__axc-r-inset)}.aksel-r-top{--__axc-r-top-xs: initial;--__axc-r-top-sm: var(--__axc-r-top-xs);--__axc-r-top-md: var(--__axc-r-top-sm);--__axc-r-top-lg: var(--__axc-r-top-md);--__axc-r-top-xl: var(--__axc-r-top-lg);--__axc-r-top-2xl: var(--__axc-r-top-xl);--__axc-r-top: var(--__axc-r-top-xs);top:var(--__axc-r-top)}.aksel-r-right{--__axc-r-right-xs: initial;--__axc-r-right-sm: var(--__axc-r-right-xs);--__axc-r-right-md: var(--__axc-r-right-sm);--__axc-r-right-lg: var(--__axc-r-right-md);--__axc-r-right-xl: var(--__axc-r-right-lg);--__axc-r-right-2xl: var(--__axc-r-right-xl);--__axc-r-right: var(--__axc-r-right-xs);right:var(--__axc-r-right)}.aksel-r-bottom{--__axc-r-bottom-xs: initial;--__axc-r-bottom-sm: var(--__axc-r-bottom-xs);--__axc-r-bottom-md: var(--__axc-r-bottom-sm);--__axc-r-bottom-lg: var(--__axc-r-bottom-md);--__axc-r-bottom-xl: var(--__axc-r-bottom-lg);--__axc-r-bottom-2xl: var(--__axc-r-bottom-xl);--__axc-r-bottom: var(--__axc-r-bottom-xs);bottom:var(--__axc-r-bottom)}.aksel-r-left{--__axc-r-left-xs: initial;--__axc-r-left-sm: var(--__axc-r-left-xs);--__axc-r-left-md: var(--__axc-r-left-sm);--__axc-r-left-lg: var(--__axc-r-left-md);--__axc-r-left-xl: var(--__axc-r-left-lg);--__axc-r-left-2xl: var(--__axc-r-left-xl);--__axc-r-left: var(--__axc-r-left-xs);left:var(--__axc-r-left)}.aksel-r-overflow{--__axc-r-overflow-xs: initial;--__axc-r-overflow-sm: var(--__axc-r-overflow-xs);--__axc-r-overflow-md: var(--__axc-r-overflow-sm);--__axc-r-overflow-lg: var(--__axc-r-overflow-md);--__axc-r-overflow-xl: var(--__axc-r-overflow-lg);--__axc-r-overflow-2xl: var(--__axc-r-overflow-xl);--__axc-r-overflow: var(--__axc-r-overflow-xs);overflow:var(--__axc-r-overflow)}.aksel-r-overflowx{--__axc-r-overflowx-xs: initial;--__axc-r-overflowx-sm: var(--__axc-r-overflowx-xs);--__axc-r-overflowx-md: var(--__axc-r-overflowx-sm);--__axc-r-overflowx-lg: var(--__axc-r-overflowx-md);--__axc-r-overflowx-xl: var(--__axc-r-overflowx-lg);--__axc-r-overflowx-2xl: var(--__axc-r-overflowx-xl);--__axc-r-overflowx: var(--__axc-r-overflowx-xs);overflow-x:var(--__axc-r-overflowx)}.aksel-r-overflowy{--__axc-r-overflowy-xs: initial;--__axc-r-overflowy-sm: var(--__axc-r-overflowy-xs);--__axc-r-overflowy-md: var(--__axc-r-overflowy-sm);--__axc-r-overflowy-lg: var(--__axc-r-overflowy-md);--__axc-r-overflowy-xl: var(--__axc-r-overflowy-lg);--__axc-r-overflowy-2xl: var(--__axc-r-overflowy-xl);--__axc-r-overflowy: var(--__axc-r-overflowy-xs);overflow-y:var(--__axc-r-overflowy)}.aksel-r-flex-basis{--__axc-r-flex-basis-xs: initial;--__axc-r-flex-basis-sm: var(--__axc-r-flex-basis-xs);--__axc-r-flex-basis-md: var(--__axc-r-flex-basis-sm);--__axc-r-flex-basis-lg: var(--__axc-r-flex-basis-md);--__axc-r-flex-basis-xl: var(--__axc-r-flex-basis-lg);--__axc-r-flex-basis-2xl: var(--__axc-r-flex-basis-xl);--__axc-r-flex-basis: var(--__axc-r-flex-basis-xs);flex-basis:var(--__axc-r-flex-basis)}.aksel-r-flex-grow{--__axc-r-flex-grow-xs: initial;--__axc-r-flex-grow-sm: var(--__axc-r-flex-grow-xs);--__axc-r-flex-grow-md: var(--__axc-r-flex-grow-sm);--__axc-r-flex-grow-lg: var(--__axc-r-flex-grow-md);--__axc-r-flex-grow-xl: var(--__axc-r-flex-grow-lg);--__axc-r-flex-grow-2xl: var(--__axc-r-flex-grow-xl);--__axc-r-flex-grow: var(--__axc-r-flex-grow-xs);flex-grow:var(--__axc-r-flex-grow)}.aksel-r-flex-shrink{--__axc-r-flex-shrink-xs: initial;--__axc-r-flex-shrink-sm: var(--__axc-r-flex-shrink-xs);--__axc-r-flex-shrink-md: var(--__axc-r-flex-shrink-sm);--__axc-r-flex-shrink-lg: var(--__axc-r-flex-shrink-md);--__axc-r-flex-shrink-xl: var(--__axc-r-flex-shrink-lg);--__axc-r-flex-shrink-2xl: var(--__axc-r-flex-shrink-xl);--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xs);flex-shrink:var(--__axc-r-flex-shrink)}.aksel-r-grid-column{--__axc-r-grid-column-xs: initial;--__axc-r-grid-column-sm: var(--__axc-r-grid-column-xs);--__axc-r-grid-column-md: var(--__axc-r-grid-column-sm);--__axc-r-grid-column-lg: var(--__axc-r-grid-column-md);--__axc-r-grid-column-xl: var(--__axc-r-grid-column-lg);--__axc-r-grid-column-2xl: var(--__axc-r-grid-column-xl);--__axc-r-grid-column: var(--__axc-r-grid-column-xs);grid-column:var(--__axc-r-grid-column)}@media(min-width:480px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-sm)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-sm)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-sm)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-sm)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-sm)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-sm)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-sm)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-sm)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-sm)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-sm)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-sm)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-sm)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-sm)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-sm)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-sm)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-sm)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-sm)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-sm)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-sm)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-sm)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-sm)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-sm)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-sm)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-sm)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-sm)}}@media(min-width:768px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-md)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-md)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-md)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-md)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-md)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-md)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-md)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-md)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-md)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-md)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-md)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-md)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-md)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-md)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-md)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-md)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-md)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-md)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-md)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-md)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-md)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-md)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-md)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-md)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-md)}}@media(min-width:1024px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-lg)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-lg)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-lg)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-lg)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-lg)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-lg)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-lg)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-lg)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-lg)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-lg)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-lg)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-lg)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-lg)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-lg)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-lg)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-lg)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-lg)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-lg)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-lg)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-lg)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-lg)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-lg)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-lg)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-lg)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-lg)}}@media(min-width:1280px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-xl)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-xl)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-xl)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-xl)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-xl)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-xl)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-xl)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-xl)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-xl)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-xl)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-xl)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-xl)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-xl)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-xl)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-xl)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-xl)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-xl)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-xl)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-xl)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-xl)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-xl)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-xl)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-xl)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xl)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-xl)}}@media(min-width:1440px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-2xl)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-2xl)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-2xl)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-2xl)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-2xl)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-2xl)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-2xl)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-2xl)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-2xl)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-2xl)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-2xl)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-2xl)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-2xl)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-2xl)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-2xl)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-2xl)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-2xl)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-2xl)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-2xl)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-2xl)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-2xl)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-2xl)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-2xl)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-2xl)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-2xl)}}.aksel-box-bg{--__axc-box-background: initial;background-color:var(--__axc-box-background)}.aksel-box-border-color{--__axc-box-border-color: initial;border-color:var(--__axc-box-border-color)}.aksel-box-border-width{--__axc-box-border-width: initial;border-style:solid;border-width:var(--__axc-box-border-width, 0)}.aksel-box-radius{--__axc-box-radius-xs: initial;--__axc-box-radius-sm: var(--__axc-box-radius-xs);--__axc-box-radius-md: var(--__axc-box-radius-sm);--__axc-box-radius-lg: var(--__axc-box-radius-md);--__axc-box-radius-xl: var(--__axc-box-radius-lg);--__axc-box-radius-2xl: var(--__axc-box-radius-xl);--__axc-box-radius: var(--__axc-box-radius-xs);border-radius:var(--__axc-box-radius)}.aksel-box-shadow{--__axc-box-shadow: initial;box-shadow:var(--__axc-box-shadow)}@media(min-width:480px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-sm)}}@media(min-width:768px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-md)}}@media(min-width:1024px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-lg)}}@media(min-width:1280px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-xl)}}@media(min-width:1440px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-2xl)}}.aksel-bleed{--__axc-bleed-margin-inline-xs: initial;--__axc-bleed-margin-inline-sm: var(--__axc-bleed-margin-inline-xs);--__axc-bleed-margin-inline-md: var(--__axc-bleed-margin-inline-sm);--__axc-bleed-margin-inline-lg: var(--__axc-bleed-margin-inline-md);--__axc-bleed-margin-inline-xl: var(--__axc-bleed-margin-inline-lg);--__axc-bleed-margin-inline-2xl: var(--__axc-bleed-margin-inline-xl);--__axc-bleed-margin-block-xs: initial;--__axc-bleed-margin-block-sm: var(--__axc-bleed-margin-block-xs);--__axc-bleed-margin-block-md: var(--__axc-bleed-margin-block-sm);--__axc-bleed-margin-block-lg: var(--__axc-bleed-margin-block-md);--__axc-bleed-margin-block-xl: var(--__axc-bleed-margin-block-lg);--__axc-bleed-margin-block-2xl: var(--__axc-bleed-margin-block-xl);--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-xs);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-xs);margin-inline:var(--__axc-bleed-margin-inline);margin-block:var(--__axc-bleed-margin-block)}.aksel-bleed--padding{--__axc-bleed-padding-inline-xs: initial;--__axc-bleed-padding-inline-sm: var(--__axc-bleed-padding-inline-xs);--__axc-bleed-padding-inline-md: var(--__axc-bleed-padding-inline-sm);--__axc-bleed-padding-inline-lg: var(--__axc-bleed-padding-inline-md);--__axc-bleed-padding-inline-xl: var(--__axc-bleed-padding-inline-lg);--__axc-bleed-padding-inline-2xl: var(--__axc-bleed-padding-inline-xl);--__axc-bleed-padding-block-xs: initial;--__axc-bleed-padding-block-sm: var(--__axc-bleed-padding-block-xs);--__axc-bleed-padding-block-md: var(--__axc-bleed-padding-block-sm);--__axc-bleed-padding-block-lg: var(--__axc-bleed-padding-block-md);--__axc-bleed-padding-block-xl: var(--__axc-bleed-padding-block-lg);--__axc-bleed-padding-block-2xl: var(--__axc-bleed-padding-block-xl);--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-xs);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-xs);padding-inline:var(--__axc-bleed-padding-inline);padding-block:var(--__axc-bleed-padding-block)}@media(min-width:480px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-sm);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-sm)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-sm);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-sm)}}@media(min-width:768px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-md);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-md)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-md);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-md)}}@media(min-width:1024px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-lg);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-lg)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-lg);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-lg)}}@media(min-width:1280px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-xl);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-xl)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-xl);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-xl)}}@media(min-width:1440px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-2xl);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-2xl)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-2xl);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-2xl)}}.aksel-page{min-height:100vh;flex-direction:column;min-height:100lvh;display:flex}.aksel-pageblock{--__axc-page-padding-inline: 0px;width:100%;margin-inline:auto}.aksel-page__content--grow{flex-grow:1}.aksel-page__content--fullheight{min-height:100vh;min-height:100lvh}.aksel-page__content--padding{padding-block-end:var(--ax-space-64)}.aksel-pageblock--text{max-width:calc(576px + var(--__axc-page-padding-inline) + var(--__axc-page-padding-inline))}.aksel-pageblock--md{max-width:768px}.aksel-pageblock--lg{max-width:1024px}.aksel-pageblock--xl{max-width:1280px}.aksel-pageblock--2xl{max-width:1440px}.aksel-pageblock--gutters{--__axc-page-padding-inline: var(--ax-space-16);padding-inline:var(--__axc-page-padding-inline)}@media(min-width:1024px){.aksel-pageblock--gutters{--__axc-page-padding-inline: var(--ax-space-48)}}.aksel-hgrid{--__axc-hgrid-columns-xs: initial;--__axc-hgrid-columns-sm: var(--__axc-hgrid-columns-xs);--__axc-hgrid-columns-md: var(--__axc-hgrid-columns-sm);--__axc-hgrid-columns-lg: var(--__axc-hgrid-columns-md);--__axc-hgrid-columns-xl: var(--__axc-hgrid-columns-lg);--__axc-hgrid-columns-2xl: var(--__axc-hgrid-columns-xl);--__axc-hgrid-columns: var(--__axc-hgrid-columns-xs);grid-template-columns:var(--__axc-hgrid-columns);display:grid}.aksel-hgrid-gap{--__axc-hgrid-gap-xs: initial;--__axc-hgrid-gap-sm: var(--__axc-hgrid-gap-xs);--__axc-hgrid-gap-md: var(--__axc-hgrid-gap-sm);--__axc-hgrid-gap-lg: var(--__axc-hgrid-gap-md);--__axc-hgrid-gap-xl: var(--__axc-hgrid-gap-lg);--__axc-hgrid-gap-2xl: var(--__axc-hgrid-gap-xl);--__axc-hgrid-gap: var(--__axc-hgrid-gap-xs);gap:var(--__axc-hgrid-gap)}.aksel-hgrid-align{--__axc-hgrid-align: initial;align-items:var(--__axc-hgrid-align)}@media(min-width:480px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-sm)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-sm)}}@media(min-width:768px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-md)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-md)}}@media(min-width:1024px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-lg)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-lg)}}@media(min-width:1280px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-xl)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-xl)}}@media(min-width:1440px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-2xl)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-2xl)}}.aksel-stack{display:flex}.aksel-stack-gap{--__axc-stack-gap-xs: initial;--__axc-stack-gap-sm: var(--__axc-stack-gap-xs);--__axc-stack-gap-md: var(--__axc-stack-gap-sm);--__axc-stack-gap-lg: var(--__axc-stack-gap-md);--__axc-stack-gap-xl: var(--__axc-stack-gap-lg);--__axc-stack-gap-2xl: var(--__axc-stack-gap-xl);--__axc-stack-gap: var(--__axc-stack-gap-xs);gap:var(--__axc-stack-gap)}.aksel-stack-align{--__axc-stack-align-xs: initial;--__axc-stack-align-sm: var(--__axc-stack-align-xs);--__axc-stack-align-md: var(--__axc-stack-align-sm);--__axc-stack-align-lg: var(--__axc-stack-align-md);--__axc-stack-align-xl: var(--__axc-stack-align-lg);--__axc-stack-align-2xl: var(--__axc-stack-align-xl);--__axc-stack-align: var(--__axc-stack-align-xs);align-items:var(--__axc-stack-align)}.aksel-stack-justify{--__axc-stack-justify-xs: initial;--__axc-stack-justify-sm: var(--__axc-stack-justify-xs);--__axc-stack-justify-md: var(--__axc-stack-justify-sm);--__axc-stack-justify-lg: var(--__axc-stack-justify-md);--__axc-stack-justify-xl: var(--__axc-stack-justify-lg);--__axc-stack-justify-2xl: var(--__axc-stack-justify-xl);--__axc-stack-justify: var(--__axc-stack-justify-xs);justify-content:var(--__axc-stack-justify)}.aksel-stack-direction{--__axc-stack-direction-xs: initial;--__axc-stack-direction-sm: var(--__axc-stack-direction-xs);--__axc-stack-direction-md: var(--__axc-stack-direction-sm);--__axc-stack-direction-lg: var(--__axc-stack-direction-md);--__axc-stack-direction-xl: var(--__axc-stack-direction-lg);--__axc-stack-direction-2xl: var(--__axc-stack-direction-xl);--__axc-stack-direction: var(--__axc-stack-direction-xs);flex-direction:var(--__axc-stack-direction)}.aksel-stack-wrap{flex-wrap:wrap}.aksel-stack__spacer{flex:1;place-content:stretch}.aksel-stack>.aksel-stack__spacer{margin-block-start:calc(var(--__axc-stack-gap) * -1);margin-inline-start:calc(var(--__axc-stack-gap) * -1)}@media(min-width:480px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-sm)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-sm)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-sm)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-sm)}}@media(min-width:768px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-md)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-md)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-md)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-md)}}@media(min-width:1024px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-lg)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-lg)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-lg)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-lg)}}@media(min-width:1280px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-xl)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-xl)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-xl)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-xl)}}@media(min-width:1440px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-2xl)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-2xl)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-2xl)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-2xl)}}@media(min-width:480px){.aksel-responsive__below--sm{display:none!important}}@media(max-width:479px){.aksel-responsive__above--sm{display:none!important}}@media(min-width:768px){.aksel-responsive__below--md{display:none!important}}@media(max-width:767px){.aksel-responsive__above--md{display:none!important}}@media(min-width:1024px){.aksel-responsive__below--lg{display:none!important}}@media(max-width:1023px){.aksel-responsive__above--lg{display:none!important}}@media(min-width:1280px){.aksel-responsive__below--xl{display:none!important}}@media(max-width:1279px){.aksel-responsive__above--xl{display:none!important}}@media(min-width:1440px){.aksel-responsive__below--2xl{display:none!important}}@media(max-width:1439px){.aksel-responsive__above--2xl{display:none!important}}}
|
|
@@ -1,192 +0,0 @@
|
|
|
1
|
-
@layer aksel.components {
|
|
2
|
-
.aksel-process {
|
|
3
|
-
--__axc-process-circle-base: 2rem;
|
|
4
|
-
--__axc-process-circle-large: var(--__axc-process-circle-base);
|
|
5
|
-
--__axc-process-circle-small: 1rem;
|
|
6
|
-
--__axc-process-circle-size: var(--__axc-process-circle-large);
|
|
7
|
-
--__axc-process-border-width: 2px;
|
|
8
|
-
margin: 0;
|
|
9
|
-
padding: 0;
|
|
10
|
-
list-style: none;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.aksel-process__event {
|
|
14
|
-
grid-template-rows: [line-1] auto [step-start] var(--__axc-process-circle-size) [line-2 step-end] auto;
|
|
15
|
-
grid-template-columns: var(--__axc-process-circle-base) auto;
|
|
16
|
-
justify-items: flex-start;
|
|
17
|
-
display: grid;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.aksel-process__event[data-dot="true"] {
|
|
21
|
-
--__axc-process-circle-size: var(--__axc-process-circle-small);
|
|
22
|
-
margin-block-start: calc((var(--__axc-process-circle-small) / 2) * -1);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.aksel-process__event[data-dot="true"] .aksel-process__line[data-position="start"] {
|
|
26
|
-
margin-block-end: calc(var(--__axc-process-circle-size) / 2 * -1);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.aksel-process__event[data-dot="true"] .aksel-process__line[data-position="end"] {
|
|
30
|
-
margin-block-start: calc(var(--__axc-process-circle-size) / 2);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.aksel-process__event[data-dot="true"] .aksel-process__bullet {
|
|
34
|
-
--__axc-process-circle-size: var(--__axc-process-circle-small);
|
|
35
|
-
margin-top: calc((var(--__axc-process-circle-large) - var(--__axc-process-circle-small)) / 2);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.aksel-process__line {
|
|
39
|
-
border: calc(var(--__axc-process-border-width) / 2) solid;
|
|
40
|
-
border-color: var(--ax-border-neutral-subtle);
|
|
41
|
-
grid-column: 1;
|
|
42
|
-
justify-self: center;
|
|
43
|
-
width: 0;
|
|
44
|
-
min-height: 2rem;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.aksel-process__line[data-position="start"] {
|
|
48
|
-
grid-row: line-1;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.aksel-process__event[data-status="active"] .aksel-process__line[data-position="start"] {
|
|
52
|
-
border-image: unset;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.aksel-process__event:first-of-type .aksel-process__line[data-position="start"] {
|
|
56
|
-
border-start-start-radius: var(--ax-radius-4);
|
|
57
|
-
border-start-end-radius: var(--ax-radius-4);
|
|
58
|
-
min-height: 1.5rem;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.aksel-process__event:not(:first-of-type) .aksel-process__line[data-position="start"], .aksel-process:not([data-truncated="start"], [data-truncated="both"]) .aksel-process__line[data-position="start"] {
|
|
62
|
-
display: none;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.aksel-process__line[data-position="end"] {
|
|
66
|
-
grid-row: line-2;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.aksel-process:not([data-truncated="end"], [data-truncated="both"]) .aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
|
|
70
|
-
display: none;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
|
|
74
|
-
border-end-end-radius: var(--ax-radius-4);
|
|
75
|
-
border-end-start-radius: var(--ax-radius-4);
|
|
76
|
-
min-height: 1.5rem;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.aksel-process__event[data-status="active"] .aksel-process__line {
|
|
80
|
-
border-color: var(--ax-border-default);
|
|
81
|
-
border-image: linear-gradient(to bottom, var(--ax-border-default) 50%, var(--ax-border-neutral-subtle) 90%);
|
|
82
|
-
border-image-slice: 1;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.aksel-process__event[data-status="active"]:last-of-type .aksel-process__line {
|
|
86
|
-
border-image: unset;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.aksel-process__event[data-status="completed"] .aksel-process__line {
|
|
90
|
-
border-color: var(--ax-border-default);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.aksel-process__event:not([data-status="active"]) .aksel-process__line {
|
|
94
|
-
border-image: unset;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.aksel-process__item {
|
|
98
|
-
grid-area: 2 / 1 / -1 / -1;
|
|
99
|
-
grid-template-columns: [bullet] var(--__axc-process-circle-base) [content] auto;
|
|
100
|
-
gap: var(--ax-space-16);
|
|
101
|
-
padding: var(--__axc-process-border-width);
|
|
102
|
-
margin: calc(var(--__axc-process-border-width) * -1) calc(var(--__axc-process-border-width) * -1) var(--ax-space-16);
|
|
103
|
-
justify-content: flex-start;
|
|
104
|
-
width: 100%;
|
|
105
|
-
display: grid;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.aksel-process__event:last-child .aksel-process__item {
|
|
109
|
-
margin-bottom: 0;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.aksel-process__bullet {
|
|
113
|
-
width: var(--__axc-process-circle-size);
|
|
114
|
-
height: var(--__axc-process-circle-size);
|
|
115
|
-
border-radius: var(--ax-radius-full);
|
|
116
|
-
border: var(--__axc-process-border-width) solid;
|
|
117
|
-
color: var(--ax-text-neutral-subtle);
|
|
118
|
-
border-color: var(--ax-border-neutral-subtleA);
|
|
119
|
-
grid-column: bullet;
|
|
120
|
-
place-self: baseline center;
|
|
121
|
-
place-items: center;
|
|
122
|
-
line-height: 1;
|
|
123
|
-
transition-property: background, border-color;
|
|
124
|
-
transition-duration: 70ms;
|
|
125
|
-
transition-timing-function: linear;
|
|
126
|
-
display: inline-grid;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
.aksel-process__bullet svg {
|
|
130
|
-
height: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
|
|
131
|
-
width: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
135
|
-
color: var(--ax-text-contrast);
|
|
136
|
-
background: var(--ax-bg-strong);
|
|
137
|
-
border-color: rgba(0, 0, 0, 0);
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.aksel-process__event[data-status="active"] .aksel-process__bullet {
|
|
141
|
-
z-index: 1;
|
|
142
|
-
box-shadow: 0 0 0 2px var(--ax-bg-default);
|
|
143
|
-
outline: 2px solid var(--ax-bg-strong);
|
|
144
|
-
outline-offset: 2px;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.aksel-process__event[data-status="uncompleted"] .aksel-process__bullet {
|
|
148
|
-
transition: none;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.aksel-process__body {
|
|
152
|
-
grid-column: content;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
.aksel-process__title {
|
|
156
|
-
padding-block: .16rem var(--ax-space-4);
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
.aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
|
|
160
|
-
padding-block-end: 0;
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.aksel-process__active-label {
|
|
164
|
-
margin-block: 0 var(--ax-space-4);
|
|
165
|
-
color: var(--ax-text-subtle);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.aksel-process__active-label:last-of-type {
|
|
169
|
-
margin-block-end: 0;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
@media (forced-colors: active) {
|
|
173
|
-
.aksel-process__bullet {
|
|
174
|
-
transition: none;
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
.aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
178
|
-
color: buttonface;
|
|
179
|
-
forced-color-adjust: none;
|
|
180
|
-
background-color: buttontext;
|
|
181
|
-
outline-color: buttontext;
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
.aksel-process__event[data-status="active"] .aksel-process__bullet {
|
|
185
|
-
box-shadow: 0 0 0 2px canvas;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
.aksel-process__event[data-status="active"] .aksel-process__line {
|
|
189
|
-
border-image: unset;
|
|
190
|
-
}
|
|
191
|
-
}
|
|
192
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-process{--__axc-process-circle-base: 2rem;--__axc-process-circle-large: var(--__axc-process-circle-base);--__axc-process-circle-small: 1rem;--__axc-process-circle-size: var(--__axc-process-circle-large);--__axc-process-border-width: 2px;margin:0;padding:0;list-style:none}.aksel-process__event{grid-template-rows:[line-1] auto [step-start] var(--__axc-process-circle-size) [line-2 step-end] auto;grid-template-columns:var(--__axc-process-circle-base) auto;justify-items:flex-start;display:grid}.aksel-process__event[data-dot=true]{--__axc-process-circle-size: var(--__axc-process-circle-small);margin-block-start:calc((var(--__axc-process-circle-small) / 2) * -1)}.aksel-process__event[data-dot=true] .aksel-process__line[data-position=start]{margin-block-end:calc(var(--__axc-process-circle-size) / 2 * -1)}.aksel-process__event[data-dot=true] .aksel-process__line[data-position=end]{margin-block-start:calc(var(--__axc-process-circle-size) / 2)}.aksel-process__event[data-dot=true] .aksel-process__bullet{--__axc-process-circle-size: var(--__axc-process-circle-small);margin-top:calc((var(--__axc-process-circle-large) - var(--__axc-process-circle-small)) / 2)}.aksel-process__line{border:calc(var(--__axc-process-border-width) / 2) solid;border-color:var(--ax-border-neutral-subtle);grid-column:1;justify-self:center;width:0;min-height:2rem}.aksel-process__line[data-position=start]{grid-row:line-1}.aksel-process__event[data-status=active] .aksel-process__line[data-position=start]{border-image:unset}.aksel-process__event:first-of-type .aksel-process__line[data-position=start]{border-start-start-radius:var(--ax-radius-4);border-start-end-radius:var(--ax-radius-4);min-height:1.5rem}.aksel-process__event:not(:first-of-type) .aksel-process__line[data-position=start],.aksel-process:not([data-truncated=start],[data-truncated=both]) .aksel-process__line[data-position=start]{display:none}.aksel-process__line[data-position=end]{grid-row:line-2}.aksel-process:not([data-truncated=end],[data-truncated=both]) .aksel-process__event:last-of-type .aksel-process__line[data-position=end]{display:none}.aksel-process__event:last-of-type .aksel-process__line[data-position=end]{border-end-end-radius:var(--ax-radius-4);border-end-start-radius:var(--ax-radius-4);min-height:1.5rem}.aksel-process__event[data-status=active] .aksel-process__line{border-color:var(--ax-border-default);border-image:linear-gradient(to bottom,var(--ax-border-default) 50%,var(--ax-border-neutral-subtle) 90%);border-image-slice:1}.aksel-process__event[data-status=active]:last-of-type .aksel-process__line{border-image:unset}.aksel-process__event[data-status=completed] .aksel-process__line{border-color:var(--ax-border-default)}.aksel-process__event:not([data-status=active]) .aksel-process__line{border-image:unset}.aksel-process__item{grid-area:2 / 1 / -1 / -1;grid-template-columns:[bullet] var(--__axc-process-circle-base) [content] auto;gap:var(--ax-space-16);padding:var(--__axc-process-border-width);margin:calc(var(--__axc-process-border-width) * -1) calc(var(--__axc-process-border-width) * -1) var(--ax-space-16);justify-content:flex-start;width:100%;display:grid}.aksel-process__event:last-child .aksel-process__item{margin-bottom:0}.aksel-process__bullet{width:var(--__axc-process-circle-size);height:var(--__axc-process-circle-size);border-radius:var(--ax-radius-full);border:var(--__axc-process-border-width) solid;color:var(--ax-text-neutral-subtle);border-color:var(--ax-border-neutral-subtleA);grid-column:bullet;place-self:baseline center;place-items:center;line-height:1;transition-property:background,border-color;transition-duration:70ms;transition-timing-function:linear;display:inline-grid}.aksel-process__bullet svg{height:min(calc(var(--__axc-process-circle-size) * .75),1.5rem);width:min(calc(var(--__axc-process-circle-size) * .75),1.5rem)}.aksel-process__event:is([data-status=completed],[data-status=active]) .aksel-process__bullet{color:var(--ax-text-contrast);background:var(--ax-bg-strong);border-color:#0000}.aksel-process__event[data-status=active] .aksel-process__bullet{z-index:1;box-shadow:0 0 0 2px var(--ax-bg-default);outline:2px solid var(--ax-bg-strong);outline-offset:2px}.aksel-process__event[data-status=uncompleted] .aksel-process__bullet{transition:none}.aksel-process__body{grid-column:content}.aksel-process__title{padding-block:.16rem var(--ax-space-4)}.aksel-process__event[data-status=active] .aksel-process__title:has(+.aksel-process__active-label){padding-block-end:0}.aksel-process__active-label{margin-block:0 var(--ax-space-4);color:var(--ax-text-subtle)}.aksel-process__active-label:last-of-type{margin-block-end:0}@media(forced-colors:active){.aksel-process__bullet{transition:none}.aksel-process__event:is([data-status=completed],[data-status=active]) .aksel-process__bullet{color:buttonface;forced-color-adjust:none;background-color:buttontext;outline-color:buttontext}.aksel-process__event[data-status=active] .aksel-process__bullet{box-shadow:0 0 0 2px canvas}.aksel-process__event[data-status=active] .aksel-process__line{border-image:unset}}}
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
@layer aksel.components {
|
|
2
|
-
.aksel-progress-bar {
|
|
3
|
-
background: var(--ax-bg-neutral-moderateA);
|
|
4
|
-
border-radius: var(--ax-radius-full);
|
|
5
|
-
box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
|
|
6
|
-
position: relative;
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.aksel-progress-bar--small {
|
|
11
|
-
min-width: .75rem;
|
|
12
|
-
height: .75rem;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.aksel-progress-bar--medium {
|
|
16
|
-
min-width: 1rem;
|
|
17
|
-
height: 1rem;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.aksel-progress-bar--large {
|
|
21
|
-
min-width: 1.5rem;
|
|
22
|
-
height: 1.5rem;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.aksel-progress-bar__foreground {
|
|
26
|
-
--__ac-progress-bar-translate: initial;
|
|
27
|
-
transform: translateX(var(--__ac-progress-bar-translate));
|
|
28
|
-
background: var(--ax-bg-strong);
|
|
29
|
-
transform-origin: 0;
|
|
30
|
-
border-radius: inherit;
|
|
31
|
-
width: 100%;
|
|
32
|
-
transition: transform .2s;
|
|
33
|
-
position: absolute;
|
|
34
|
-
top: 0;
|
|
35
|
-
bottom: 0;
|
|
36
|
-
left: 0;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.aksel-progress-bar__foreground--indeterminate {
|
|
40
|
-
--__ac-progress-bar-simulated: initial;
|
|
41
|
-
animation-name: aksel-progress-bar-indeterminate-grow, aksel-progress-bar-indeterminate;
|
|
42
|
-
animation-timing-function: ease-in-out, ease-in-out;
|
|
43
|
-
animation-duration: var(--__ac-progress-bar-simulated), 2.5s;
|
|
44
|
-
animation-iteration-count: 1, infinite;
|
|
45
|
-
animation-fill-mode: forwards, none;
|
|
46
|
-
animation-delay: 0s, var(--__ac-progress-bar-simulated);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
@keyframes aksel-progress-bar-indeterminate {
|
|
50
|
-
0% {
|
|
51
|
-
width: 50%;
|
|
52
|
-
left: -50%;
|
|
53
|
-
transform: translateX(0%);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
50% {
|
|
57
|
-
width: 50%;
|
|
58
|
-
animation-direction: reverse;
|
|
59
|
-
left: 100%;
|
|
60
|
-
transform: translateX(0%);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
100% {
|
|
64
|
-
width: 50%;
|
|
65
|
-
left: -50%;
|
|
66
|
-
transform: translateX(0%);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
@keyframes aksel-progress-bar-indeterminate-grow {
|
|
71
|
-
0% {
|
|
72
|
-
transform: translateX(-100%);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
20% {
|
|
76
|
-
transform: translateX(-80%);
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
30% {
|
|
80
|
-
transform: translateX(-40%);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
50% {
|
|
84
|
-
transform: translateX(-20%);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
75% {
|
|
88
|
-
transform: translateX(-10%);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
100% {
|
|
92
|
-
transform: translateX(-10%);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
@media (forced-colors: active) {
|
|
97
|
-
.aksel-progress-bar__foreground {
|
|
98
|
-
background: highlight;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.aksel-progress-bar {
|
|
102
|
-
outline-offset: -1px;
|
|
103
|
-
outline: 1px solid rgba(0, 0, 0, 0);
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-progress-bar{background:var(--ax-bg-neutral-moderateA);border-radius:var(--ax-radius-full);box-shadow:inset 0 0 0 1px var(--ax-border-neutral-subtleA);position:relative;overflow:hidden}.aksel-progress-bar--small{min-width:.75rem;height:.75rem}.aksel-progress-bar--medium{min-width:1rem;height:1rem}.aksel-progress-bar--large{min-width:1.5rem;height:1.5rem}.aksel-progress-bar__foreground{--__ac-progress-bar-translate: initial;transform:translate(var(--__ac-progress-bar-translate));background:var(--ax-bg-strong);transform-origin:0;border-radius:inherit;width:100%;transition:transform .2s;position:absolute;top:0;bottom:0;left:0}.aksel-progress-bar__foreground--indeterminate{--__ac-progress-bar-simulated: initial;animation-name:aksel-progress-bar-indeterminate-grow,aksel-progress-bar-indeterminate;animation-timing-function:ease-in-out,ease-in-out;animation-duration:var(--__ac-progress-bar-simulated),2.5s;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none;animation-delay:0s,var(--__ac-progress-bar-simulated)}@keyframes aksel-progress-bar-indeterminate{0%{width:50%;left:-50%;transform:translate(0)}50%{width:50%;animation-direction:reverse;left:100%;transform:translate(0)}to{width:50%;left:-50%;transform:translate(0)}}@keyframes aksel-progress-bar-indeterminate-grow{0%{transform:translate(-100%)}20%{transform:translate(-80%)}30%{transform:translate(-40%)}50%{transform:translate(-20%)}75%{transform:translate(-10%)}to{transform:translate(-10%)}}@media(forced-colors:active){.aksel-progress-bar__foreground{background:highlight}.aksel-progress-bar{outline-offset:-1px;outline:1px solid rgba(0,0,0,0)}}}
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
@layer aksel.components {
|
|
2
|
-
.aksel-read-more {
|
|
3
|
-
--__axc-read-more-icon-size: 1.5rem;
|
|
4
|
-
--__axc-read-more-pi-start: 0px;
|
|
5
|
-
--__axc-read-more-pi-end: var(--ax-space-4);
|
|
6
|
-
--__axc-read-more-pb: var(--ax-space-4);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.aksel-read-more__button {
|
|
10
|
-
cursor: pointer;
|
|
11
|
-
align-items: flex-start;
|
|
12
|
-
gap: var(--ax-space-4);
|
|
13
|
-
color: var(--ax-text-subtle);
|
|
14
|
-
padding-inline: var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);
|
|
15
|
-
padding-block: var(--__axc-read-more-pb);
|
|
16
|
-
text-align: start;
|
|
17
|
-
background: none;
|
|
18
|
-
border: none;
|
|
19
|
-
margin: 0;
|
|
20
|
-
display: flex;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.aksel-read-more__button:focus-visible {
|
|
24
|
-
outline: 3px solid var(--ax-border-focus);
|
|
25
|
-
outline-offset: 3px;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.aksel-read-more__button[data-state="open"] .aksel-read-more__expand-icon {
|
|
29
|
-
transform: rotateX(-180deg);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.aksel-read-more:is([data-volume="low"], :not([data-volume])) .aksel-read-more__button {
|
|
33
|
-
border-radius: var(--ax-radius-4);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.aksel-read-more:is([data-volume="low"], :not([data-volume])) .aksel-read-more__button:hover {
|
|
37
|
-
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.aksel-read-more[data-volume="high"] .aksel-read-more__button {
|
|
41
|
-
background-color: var(--ax-bg-moderate);
|
|
42
|
-
border-radius: var(--ax-radius-full);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.aksel-read-more[data-volume="high"] .aksel-read-more__button:hover {
|
|
46
|
-
background-color: var(--ax-bg-moderate-hoverA);
|
|
47
|
-
color: var(--ax-text-default);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.aksel-read-more[data-volume="high"].aksel-read-more--large {
|
|
51
|
-
--__axc-read-more-pi-start: var(--ax-space-12);
|
|
52
|
-
--__axc-read-more-pi-end: var(--ax-space-24);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.aksel-read-more[data-volume="high"].aksel-read-more--small, .aksel-read-more[data-volume="high"].aksel-read-more--medium {
|
|
56
|
-
--__axc-read-more-pi-start: var(--ax-space-8);
|
|
57
|
-
--__axc-read-more-pi-end: var(--ax-space-16);
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.aksel-read-more__content {
|
|
61
|
-
margin-top: var(--ax-space-8);
|
|
62
|
-
border-left: 2px solid var(--ax-border-neutral-subtleA);
|
|
63
|
-
color: var(--ax-text-neutral);
|
|
64
|
-
margin-left: calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size) / 2 - 1px);
|
|
65
|
-
padding-left: calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4));
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.aksel-read-more__content[data-state="closed"] {
|
|
69
|
-
display: none;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.aksel-read-more__expand-icon {
|
|
73
|
-
font-size: var(--__axc-read-more-icon-size);
|
|
74
|
-
flex-shrink: 0;
|
|
75
|
-
transition: transform .1s cubic-bezier(.2, 0, 0, 1);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.aksel-read-more--large {
|
|
79
|
-
--__axc-read-more-pb: var(--ax-space-12);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.aksel-read-more--small {
|
|
83
|
-
--__axc-read-more-icon-size: 1.25rem;
|
|
84
|
-
--__axc-read-more-pb: var(--ax-space-2);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
@media (forced-colors: active) {
|
|
88
|
-
.aksel-read-more__button {
|
|
89
|
-
color: buttontext;
|
|
90
|
-
background-color: buttonface;
|
|
91
|
-
border: 1px solid buttontext;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-read-more{--__axc-read-more-icon-size: 1.5rem;--__axc-read-more-pi-start: 0px;--__axc-read-more-pi-end: var(--ax-space-4);--__axc-read-more-pb: var(--ax-space-4)}.aksel-read-more__button{cursor:pointer;align-items:flex-start;gap:var(--ax-space-4);color:var(--ax-text-subtle);padding-inline:var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);padding-block:var(--__axc-read-more-pb);text-align:start;background:none;border:none;margin:0;display:flex}.aksel-read-more__button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-read-more__button[data-state=open] .aksel-read-more__expand-icon{transform:rotateX(-180deg)}.aksel-read-more:is([data-volume=low],:not([data-volume])) .aksel-read-more__button{border-radius:var(--ax-radius-4)}.aksel-read-more:is([data-volume=low],:not([data-volume])) .aksel-read-more__button:hover{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-read-more[data-volume=high] .aksel-read-more__button{background-color:var(--ax-bg-moderate);border-radius:var(--ax-radius-full)}.aksel-read-more[data-volume=high] .aksel-read-more__button:hover{background-color:var(--ax-bg-moderate-hoverA);color:var(--ax-text-default)}.aksel-read-more[data-volume=high].aksel-read-more--large{--__axc-read-more-pi-start: var(--ax-space-12);--__axc-read-more-pi-end: var(--ax-space-24)}.aksel-read-more[data-volume=high].aksel-read-more--small,.aksel-read-more[data-volume=high].aksel-read-more--medium{--__axc-read-more-pi-start: var(--ax-space-8);--__axc-read-more-pi-end: var(--ax-space-16)}.aksel-read-more__content{margin-top:var(--ax-space-8);border-left:2px solid var(--ax-border-neutral-subtleA);color:var(--ax-text-neutral);margin-left:calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size) / 2 - 1px);padding-left:calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4))}.aksel-read-more__content[data-state=closed]{display:none}.aksel-read-more__expand-icon{font-size:var(--__axc-read-more-icon-size);flex-shrink:0;transition:transform .1s cubic-bezier(.2,0,0,1)}.aksel-read-more--large{--__axc-read-more-pb: var(--ax-space-12)}.aksel-read-more--small{--__axc-read-more-icon-size: 1.25rem;--__axc-read-more-pb: var(--ax-space-2)}@media(forced-colors:active){.aksel-read-more__button{color:buttontext;background-color:buttonface;border:1px solid buttontext}}}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
@layer aksel.components {
|
|
2
|
-
.aksel-skeleton {
|
|
3
|
-
background-color: var(--ax-bg-neutral-moderateA);
|
|
4
|
-
pointer-events: none;
|
|
5
|
-
height: 1.3em;
|
|
6
|
-
animation: 2s cubic-bezier(.4, 0, .6, 1) infinite akselSkeletonAnimation;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.aksel-skeleton--inline {
|
|
10
|
-
display: inline-block;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.aksel-skeleton--has-children {
|
|
14
|
-
color: rgba(0, 0, 0, 0);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.aksel-skeleton--has-children > * {
|
|
18
|
-
visibility: hidden;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.aksel-skeleton--has-children.aksel-skeleton--no-height {
|
|
22
|
-
height: auto;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.aksel-skeleton--has-children.aksel-skeleton--no-width {
|
|
26
|
-
width: fit-content;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.aksel-skeleton--text {
|
|
30
|
-
transform-origin: 0 55%;
|
|
31
|
-
border-radius: var(--ax-radius-8);
|
|
32
|
-
height: auto;
|
|
33
|
-
transform: scale(1, .6);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.aksel-skeleton--text:empty:before {
|
|
37
|
-
content: " ";
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.aksel-skeleton--circle {
|
|
41
|
-
border-radius: var(--ax-radius-full);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.aksel-skeleton--rectangle {
|
|
45
|
-
border-radius: 0;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.aksel-skeleton--rounded {
|
|
49
|
-
border-radius: var(--ax-radius-12);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
@keyframes akselSkeletonAnimation {
|
|
53
|
-
50% {
|
|
54
|
-
opacity: .5;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
@media (forced-colors: active) {
|
|
59
|
-
.aksel-skeleton {
|
|
60
|
-
forced-color-adjust: none;
|
|
61
|
-
opacity: .2;
|
|
62
|
-
background-color: canvastext;
|
|
63
|
-
animation-duration: 2s;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-skeleton{background-color:var(--ax-bg-neutral-moderateA);pointer-events:none;height:1.3em;animation:2s cubic-bezier(.4,0,.6,1) infinite akselSkeletonAnimation}.aksel-skeleton--inline{display:inline-block}.aksel-skeleton--has-children{color:#0000}.aksel-skeleton--has-children>*{visibility:hidden}.aksel-skeleton--has-children.aksel-skeleton--no-height{height:auto}.aksel-skeleton--has-children.aksel-skeleton--no-width{width:fit-content}.aksel-skeleton--text{transform-origin:0 55%;border-radius:var(--ax-radius-8);height:auto;transform:scaleY(.6)}.aksel-skeleton--text:empty:before{content:"\a0"}.aksel-skeleton--circle{border-radius:var(--ax-radius-full)}.aksel-skeleton--rectangle{border-radius:0}.aksel-skeleton--rounded{border-radius:var(--ax-radius-12)}@keyframes akselSkeletonAnimation{50%{opacity:.5}}@media(forced-colors:active){.aksel-skeleton{forced-color-adjust:none;opacity:.2;background-color:canvastext;animation-duration:2s}}}
|