@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();