@jjwesterkamp/sass-utils
v3.0.0-beta1
Published
Generic SCSS utilities for web projects.
Downloads
289
Readme
@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.