From 905330bc1424df2acf8f361e3e9b7063a3616786 Mon Sep 17 00:00:00 2001 From: Eric Liu Date: Fri, 9 Oct 2020 18:00:42 -0700 Subject: [PATCH] docs: use pre-compiled CSS from linked package --- CONTRIBUTING.md | 6 ++++++ docs/index.html | 4 ---- docs/src/index.js | 1 + docs/src/pages/_layout.svelte | 2 +- 4 files changed, 8 insertions(+), 5 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 9b759e9c..f02cd232 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -35,6 +35,12 @@ Install the project dependencies: yarn install ``` +Build the CSS used in the documentation site: + +```sh +yarn build:css +``` + ## Documentation set-up Component documentation is located in the `docs` folder. The website is built using svite, routify, and MDsveX. You will need to create a symbolic project link in order to see live changes reflected when developing locally. diff --git a/docs/index.html b/docs/index.html index 3f177e40..98e9585d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -5,10 +5,6 @@ Carbon Components Svelte -
diff --git a/docs/src/index.js b/docs/src/index.js index 74ef981f..4d0dfd75 100644 --- a/docs/src/index.js +++ b/docs/src/index.js @@ -1,3 +1,4 @@ +import "/node_modules/carbon-components-svelte/css/all.css"; import App from "./App.svelte"; const app = new App({ diff --git a/docs/src/pages/_layout.svelte b/docs/src/pages/_layout.svelte index 7e602393..cd7f73a6 100644 --- a/docs/src/pages/_layout.svelte +++ b/docs/src/pages/_layout.svelte @@ -114,7 +114,7 @@ margin-bottom: var(--cds-layout-02); } - .bx--content { + main.bx--content { background: none; }