mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
ba58ba8f00* chore: update ignore rules, remove unused files * refactor(icons): use icons from carbon-icons-svelte@11 * docs(time-picker): fix default value * chore: upgrade carbon-icons-svelte to v11 * docs: update examples to use icons from carbon-icons-svelte@11 * docs: update number of icons [ci skip]
32 lines
732 B
Svelte
32 lines
732 B
Svelte
<script>
|
|
import { onMount } from "svelte";
|
|
|
|
onMount(() => {
|
|
document.body.classList.add("framed");
|
|
return () => {
|
|
document.body.classList.remove("framed");
|
|
};
|
|
});
|
|
|
|
// TODO: [refactor] parse search parameters more reliably
|
|
$: currentTheme = window.location.search.split("?theme=")[1];
|
|
$: document.documentElement.setAttribute("theme", currentTheme);
|
|
</script>
|
|
|
|
<slot />
|
|
|
|
<style>
|
|
:global(body.framed) {
|
|
min-height: 100vh;
|
|
width: 100%;
|
|
padding: var(--cds-spacing-06) var(--cds-spacing-05);
|
|
}
|
|
|
|
:global(.framed :not(.bx--content) [class^="bx--col"]) {
|
|
outline: 1px solid var(--cds-interactive-04);
|
|
}
|
|
|
|
:global(.framed .bx--content [class^="bx--col"]) {
|
|
outline: 0;
|
|
}
|
|
</style>
|