@bingumd/utils

A comprehensive and flexible utility-first styling solution.

Usage no npm install needed!

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

README

@bingumd/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/utils

Npm

yarn install @bingumd/utils

:gear: Usage

@use '@bingumd/utils' with (
    // example
    $border-style-enable: false,

    $color-extend: (
        dark: #000000, 
        white: #ffffff
    ),

    $color-variants: (
        'hover',
        'active'
    ),

    ...
);

@include utils.init();