sassimple

scss utility mixins

Usage no npm install needed!

<script type="module">
  import sassimple from 'https://cdn.skypack.dev/sassimple';
</script>

README

sassimple

🛠 Sassimple

1.2.4 0.0.7

Fill in your css gaps with the best scss mixins

Sassimple is buffet of the best scss mixins with 0% css footprint when included into a project!

Install

Greenkeeper badge


npm i sassimple

Setup


@import 'node_modules/sassimple/mixins/sassimple';

Use


.button {
  @include button; // imports button styles from bourbon
}

Philosophy

  • Use popular scss mixins to solve css problems.
  • Fully use popular scss helper mixins or don't - Sassimple is there.

Why

  • You don't want to use a css framework but want a css framework's helper scss mixins.
  • You want to have lots of ready to use mixins at your service whether you use them or not.

*Mixin Reference

  • Bootstrap (without the framework's css classes) for normalization to the most used ui library on the internet,
  • Bourbon for styles helpers like css transitions,
  • Neat for a faceless (no css classes) grid,
  • Compass for autoprefixing css & other helpers - Sassimple to add to the layer cake of supported mixins

Create an issue

Create an issue if you'd like a scss library or mixin to be added or, if you have recommendations

🛠 Sassimple is a current project 👍.