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: use pre-compiled CSS from linked package

Browse source
This commit is contained in:
Eric Liu 2020-10-09 18:00:42 -07:00
commit 905330bc14
4 changed files with 8 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
CONTRIBUTING.md
View file

@ -35,6 +35,12 @@ Install the project dependencies:
yarn install yarn install
``` ```
Build the CSS used in the documentation site:
```sh
yarn build:css
```
## Documentation set-up ## 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. 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.

4
docs/index.html
View file

@ -5,10 +5,6 @@
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Carbon Components Svelte</title> <title>Carbon Components Svelte</title>
<link
rel="stylesheet"
href="https://unpkg.com/carbon-components-svelte/css/all.css"
/>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

1
docs/src/index.js
View file

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

2
docs/src/pages/_layout.svelte
View file

@ -114,7 +114,7 @@
margin-bottom: var(--cds-layout-02); margin-bottom: var(--cds-layout-02);
} }
.bx--content { main.bx--content {
background: none; background: none;
} }