https://github.com/fgribreau/design-system-skaffold

Design system base project
https://github.com/fgribreau/design-system-skaffold

design-system design-systems skaffold skaffold-example

Last synced: about 2 months ago
JSON representation

Design system base project

• Host: GitHub
• URL: https://github.com/fgribreau/design-system-skaffold
• Owner: FGRibreau
• Created: 2018-10-08T18:11:32.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-10-08T18:19:49.000Z (over 6 years ago)
• Last Synced: 2024-11-21T04:34:35.400Z (3 months ago)
• Topics: design-system, design-systems, skaffold, skaffold-example
• Language: HTML
• Homepage: https://fgribreau.com
• Size: 56.6 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Design System scaffolding

=========================

Principles:

- Every components must live separately in `components/{component-name}/index.{html,css,scss,css,vue,js}` and be required separately

- Shared state (e.g. colors) must live inside `core/`

# Usage

```

npm install -s design-system-boostrap

```

Require components (from SASS) with:

```scss

@import "node_modules/design-system-boostrap/components/button";

@import "node_modules/design-system-boostrap/components/input";

// or with node-sass-package-importer

@import "~design-system-boostrap/components/button";

@import "~design-system-boostrap/components/input";

```

# Development

```

npm install

npm run serve

```