Because at Cube we manage several web apps and we worry about UI consistency, this project aims to provide basic SCSS components, tailored for SPA and mobile environment.
And because we know you'll customize any CSS framework you use, we strive to keep it as simple and basic as possible.
See the Documentation Reference.
yarn add cube-scss-components
Usually you import SCSS components you need and you customize variables to match with your visual identity. There is several ways to do so ; here is one way to make it described below.
From your global
// Imports your custom "_variables.scss", overrides !defaults;// Imports the components you need;;;;;;;;;;;;;// Your other imports here…
_variables.scss file may looks like:
// Colors;;;// Text;;;// Fonts;;;;// Buttons;// Component commons;;// Imports other cube-scss-components variables;