@bingumd/sass-utils
A comprehensive and flexible utility-first styling solution.
Features
- Concise classnames
- Built with sass
- Responsive Design
- Easy to customize
- Easy to extends
- Hover, Focus, & Other States
Installation
Yarn
yarn add @bingumd/sass-utils
Npm
yarn install @bingumd/sass-utils
⚙️ Usage
// Config
@use '@bingumd/sass-utils' with (
$border-style-enable: false,
$color-extend: (
black: #000000,
white: #ffffff,
dark: (
base: #222222,
soft: #999999,
),
),
$color-variants: (
'hover',
'active'
),
...
);
// Build utils
@include sass-utils.init();