@jjwesterkamp/sass-utils

    3.0.0-beta1 • Public • Published

    @jjwesterkamp/sass-utils npm version

    Generic SCSS utilities for web projects. This package provides several utilities in the form of sass mixins that help with writing common repetitive CSS rule sets. View changelog.

    Installation

    Install the package from npm:

    $ npm install --save-dev @jjwesterkamp/sass-utils
    

    Usage

    1. Setup required SCSS variables

    A few variables are required by this package. Copy the config file into your project, and modify the variables to your needs. Then import it into your SCSS project:

    @import 'sass-utils.config';

    2. Import functions & mixins

    To get started quickly import the index files importing all functions and mixins:

    @import 'sass-utils.config';
    
    @import '~@jjwesterkamp/sass-utils/scss/functions.index';
    @import '~@jjwesterkamp/sass-utils/scss/mixins.index';

    Alternatively you may import only the specific mixins that you need:

    @import "~@jjwesterkamp/sass-utils/scss/mixins/absolute-block-pseudo";
    @import "~@jjwesterkamp/sass-utils/scss/mixins/absolute-overlay";
    @import "~@jjwesterkamp/sass-utils/scss/mixins/autofill-style";
    // ...

    License

    The MIT licence (MIT). See the license file for more information.

    Install

    npm i @jjwesterkamp/sass-utils

    DownloadsWeekly Downloads

    164

    Version

    3.0.0-beta1

    License

    MIT

    Unpacked Size

    16.5 kB

    Total Files

    34

    Last publish

    Collaborators

    • jjwesterkamp