search

bitcrowd / bitstyles

A complete design system, with base styles and components, built in Sass using CSS variables
https://bitcrowd.github.io/bitstyles
ISC License
16 stars 0 forks source link
css design-system design-tokens sass

readme

Bitstyles

Linting & tests npm version

Bitstyles is a collection of tiny Sass CSS objects and helpers, intended to be used by CSS- & HTML-aware frontend developers. This is no simple drop-in solution to skin a website, rather a collection of focused object-classes, each defining a single visual aspect. By using these simple building blocks in your HTML, it’s possible to construct complex layouts without repeating CSS.

There is a layer of more complex components built using these low-level classes — see the UI layer in the documentation linked below — that provides examples of many common structures needed for admin interfaces. These are suitable for less UI-focused developers, and are copy- & paste-able into any project that uses bitstyles. For those using the elixir phoenix framework, there is also BitstylesPhoenix, which provides helpers for generating the HTML structure for many of the UI components.

Documentation

See how to get started, and read the full documentation for each module, with examples, at https://bitcrowd.github.io/bitstyles/.

Contributing

See the contributing guide for an introduction to opening a PR on bitstyles.

Font license

The Poppins webfont is included in Bitstyles, and is licensed under the SIL Open Font License, 1.1. Copyright 2020 The Poppins Project Authors (https://github.com/itfoundry/Poppins)