https://github.com/metonym/carbon-svelte-webpack

Svelte + Webpack template for building apps with the Carbon Design System with SASS/autoprefixing
https://github.com/metonym/carbon-svelte-webpack

autoprefixer carbon-components-svelte carbon-design-system sass svelte template webpack

Last synced: 26 days ago
JSON representation

Svelte + Webpack template for building apps with the Carbon Design System with SASS/autoprefixing

• Host: GitHub
• URL: https://github.com/metonym/carbon-svelte-webpack
• Owner: metonym
• License: mit
• Created: 2020-01-17T16:25:59.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-02-03T17:50:26.000Z (almost 2 years ago)
• Last Synced: 2023-03-02T20:06:24.780Z (over 1 year ago)
• Topics: autoprefixer, carbon-components-svelte, carbon-design-system, sass, svelte, template, webpack
• Language: Svelte
• Homepage: https://metonym.github.io/carbon-svelte-webpack/
• Size: 1.08 MB
• Stars: 10
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# carbon-svelte-webpack

> Svelte + Webpack template for building apps with the [Carbon Design System](https://www.carbondesignsystem.com/) with SCSS.

This set-up includes [carbon-components-svelte](https://github.com/IBM/carbon-components-svelte) and [carbon-components](https://github.com/carbon-design-system/carbon/tree/master/packages/components).

## Quick Start

Use [degit](https://github.com/Rich-Harris/degit) to quickly scaffold a new project:

```bash

npx degit metonym/carbon-svelte-webpack my-app

cd my-app

yarn

```

## Overview

SASS includes from carbon-components is located in [style.scss](src/style.scss).

Place static assets (like favicons) in the [public](public) folder.

```js

│

└───src

    └──App.svelte // base svelte file

    └──index.js // app entrypoint

    └──style.scss // @includes from `carbon-components`

```

## Available Scripts

### `yarn dev`

Runs the app in development mode. Visit [http://localhost:8080](http://localhost:8080).

### `yarn build`

Builds the app for production; output folder is `build/`.

## License

[MIT](LICENSE)