What is NovaSheets?
NovaSheets is a powerful CSS preprocessor with the ability to easily create intricate CSS files with simple syntax. With many built-in functions for you to use, you can take your stylesheets to the next level.
@var color = hsl($[hue|300], 75%, 80%)\n
body {background: $(color|hue=200);}
Powerful
Utilize the wide variety of built-in functions offered to you
– or make your own.
$(@darken | hsl(100, 20%, 30%) | 30% )\n
$(@breakpoint | 800px | .container | width: 100%; | width: 30vw; )
body {\n
color: red;\n
main {\n
background: gray;\n
}\n
}
parse('@var foo = bar:1; @endvar $(foo)') // node
novasheets --compile **/*.nvss css/ // CLI
npm install -g novasheets // node
<script src="novasheets.js"></script> // browser
Get started
See the Installation page.
Need help?
See the Documentation pages.