@system76/design

System76 styles and design related web assets
1,665 6
Install
npm install @system76/design
Latest Version:5.4.2
Vue:2
License:GPL-3.0
Last Updated:Dec 11, 2022
Links: GitHub  ·  npm
Maintainer: system76

@system76/design



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!

Related Packages

@system76/forms

System76 form related Vue components

948 1
jjxc-style

嘉捷信诚前端基础样式

473
vue3-driver

Drive the user's focus across the page with Vue and Driver.js.

9,326
pckg-app-frontend

Frontend pckg package

5,788 0
@nlo/nuxt-common

Nuxt3 layer for the common user interface of NLO lottery websites

12,245

Version History

Version Released Vue License
5.4.2 ^2.6.11 GPL-3.0
5.4.1 ^2.6.11 GPL-3.0
5.4.0 ^2.6.11 GPL-3.0
5.3.0 ^2.6.11 GPL-3.0
5.2.1 ^2.6.11 GPL-3.0