Before using this package, you should always consider disabling your editor's native linting for custom css @rules.
If for some reason, this is not possible for you, then feel free to use this package.
A collection of Sass tools for Tailwind development ❤️
This modules allows Sass and Tailwind to be used at the same time on a single project without the hassle.
This means no linting warning/errors when trying to use a custom @rule in Sass🎉🎉.
@include apply("...")
@include layer("...")
@include respond-to("...")
@include screen("...")
@include variants("...")
You can download the source right from GitHub or use NPM in your terminal.
npm install tailwind-loves-sass
Once it's done, you can include the file in your project like so:
@import "tailwind-loves-sass";
Note: you WILL need tailwind to be configured and ready to use in your Sass workflow. Otherwise you won't be able to use this module.
You can choose to use (or not) different options. These options aim to enhance the base
, components
and utilities
layers of Tailwind
.
This includes the default resets from the framework Knacss by Raphaël Goetter and Alsacréations.
@import "tailwind-loves-sass/options/knacss/_main.scss";