Tailwind Loves Sass

A collection of Sass tools for Tailwind development ❤️

Why this exists

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🎉🎉.

Currently existing features

@apply

@include apply("...") 

@layer

@include layer("...") 

@screen

@include respond-to("...") 

@screen

@include screen("...") 

@variants

@include variants("...") 

Installation

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.

Options

You can choose to use (or not) different options. These options aim to enhance the base, components and utilities layers of Tailwind.

Currently existing options

Knacss

This includes the default resets from the framework Knacss by Raphaël Goetter and Alsacréations.

@import "tailwind-loves-sass/options/knacss/_main.scss";

Other tools

• Visual Studio Code Extension