jjwesterkamp / sass-utils

Generic SCSS utilities for web projects.

@jjwesterkamp/sass-utils

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.