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.
Install the package from npm:
$ npm install --save-dev @jjwesterkamp/sass-utils
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:
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"; // ...
The MIT licence (MIT). See the license file for more information.