mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(build): build CSS from SCSS

Browse source
This commit is contained in:
Eric Liu 2020-10-09 19:38:55 -07:00
commit 6654125a11
7 changed files with 932 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

41
docs/src/App.svelte
View file

@ -3,4 +3,45 @@
import { routes } from "../.routify/routes";
</script>
<style lang="scss" global>
$feature-flags: (
ui-shell: true,
enable-css-custom-properties: true,
grid-columns-16: true
);
@import "@carbon/themes/scss/themes";
:root {
@include carbon--theme($carbon--theme--white, true);
}
:root[theme="g10"] {
@include carbon--theme($carbon--theme--g10, true);
}
:root[theme="g90"] {
@include carbon--theme($carbon--theme--g90, true);
}
:root[theme="g100"] {
@include carbon--theme($carbon--theme--g100, true);
}
$css--font-face: true;
$css--helpers: true;
$css--body: true;
$css--use-layer: true;
$css--reset: true;
$css--default-type: true;
$css--plex: true;
@import "carbon-components/scss/globals/scss/_css--reset.scss";
@import "carbon-components/scss/globals/scss/_css--font-face.scss";
@import "carbon-components/scss/globals/scss/_css--helpers.scss";
@import "carbon-components/scss/globals/scss/_css--body.scss";
@import "carbon-components/scss/globals/grid/_grid.scss";
@import "carbon-components/scss/globals/scss/styles.scss";
</style>
<Router routes="{routes}" />

1
docs/src/index.js
View file

@ -1,4 +1,3 @@
import "/node_modules/carbon-components-svelte/css/all.css";
import App from "./App.svelte";
const app = new App({