Hello everyone!
I made something for Sass projects which I think could be useful to others :)
Sass currently doesn’t have up-to-date linter or error reporter, so I wanted to integrate it with current industry standard linter (Stylelint), so I made plugin which reports Sass errors and depractions as linter errors: https://github.com/niksy/stylelint-sass-render-errors
It’s based on other tool which is used to extract those information from Sass rendering process: https://github.com/niksy/sass-render-errors
Besides reporting errors and deprecations from render result, it can (optionally) check for undefined functions based on current native CSS functions.
Hope this helps you and others in better project maintenance :)
And, as always, suggestions are welcome! :)
My project Uniform CSS has also officially launched as well! This project is a fully customizable utility generator and CSS framework for Sass to compete against Tachyon, BassCSS, and Tailwind!
Apart from having full control over how you can generate utility classes, it has other cool features like, API Functions, Apply support, JSON Reference output mode, and multi-property custom utility support. Please check it out: https://uniformcss.com
It's still in proposal state, yeah, it looks like it gets processed correctly in both LibSass and DartSass
INPUT:
.sidebar
container-type: inline-size
container-name: sidebar
@container sidebar (min-width: 700px)
.card
display: grid
grid-template-columns: 2fr 1frOUTPUT:
.sidebar {
container-type: inline-size;
container-name: sidebar;
}
@container sidebar (min-width: 700px) {
.card {
display: grid;
grid-template-columns: 2fr 1fr;
}
}
npm install --save-dev sass and follow the documentation to do it by hand
1 reply
