@system76/design

System76 styles and design related web assets

Usage no npm install needed!

<script type="module">
  import system76Design from 'https://cdn.skypack.dev/@system76/design';
</script>

README

@system76/design

System76 styles and design related web assets



npm travis-ci renovate standard Storybook


This repository contains all colors, style variables, typography and documentation related to how System76 styles it's web projects. It serves as the single source of truth that all other web projects should use.

Using

npm install --save-dev @system76/design

Tips

  1. You will need to ensure that babel sourceType is set to unambiguous. In nuxt, this means adding the following to your configuration:
build: {
  babel: {
    sourceType: 'unambiguous'
  }
}

Development

  1. Download the repository

  2. Run npm ci

  3. Run npm run build

  4. Run npm start

  5. Start hacking

Deployment

Simply push to master and travis will do all the work for you!