scss-goodies

SCSS tools and helpers for every day usage

Usage no npm install needed!

<script type="module">
  import scssGoodies from 'https://cdn.skypack.dev/scss-goodies';
</script>

README

GitHub release GitHub issues GitHub last commit npm npm Analytics

SCSS Goodies

SCSS helpers and tools for every day usage

SCSS Goodies is a growing collection of SASS/SCSS helpers and tools. It can be imported into your existing application and used right away.

SCSS Googies leaves no footprint (no CSS is being generated when you import the library) if you don't use it. This means that you can import the whole library and not be afraid of large compiled CSS file sizes. Power users are free to dig in and import separate file(s) is they feel the need.

For details about the current helpers and tools, please see the API docs.

Download

You can download this repository directly or install it via npm or yarn:

npm i scss-goodies

# or

yarn add scss-goodies

Usage

If installed via npm or yarn, just @import the main file:

@import 'scss-goodies';
/* or if that does not work */
@import 'scss-goodies/src/index.scss';
/* if you're in a webpack context, prepend a ~ in front of the path */
@import '~scss-goodies';

If manually downloaded, then copy the scss-goodies folder in your application folder and manually import the index.scss file or the file that you wish to use.

Details

More details about usage, configuration and implementation can be found in the documentation.

Support this project

Tweet Donate Become a Patron

LICENSE

MIT