@bingumd/sass-utils

A comprehensive and flexible utility-first styling solution.

Usage no npm install needed!

<script type="module">
  import bingumdSassUtils from 'https://cdn.skypack.dev/@bingumd/sass-utils';
</script>

README

@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

:gear: 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();