Dark Mode
FSCSS Compiler v2.0
Now compatible with 99% of FSCSS functions.
From variables to logic-based styling – test, preview, and refine your FSCSS on the fly. Built to boost your workflow.
Compiler Settings
Editor Font Size
12px
14px
16px
18px
Tab Size
2 spaces
4 spaces
Autocomplete
Enabled
Disabled
Error Reporting
Verbose
Minimal
FSCSS Input
Upload
$primary-color: @random([midnightblue, #0310031, #002255]); $main-background: #000044; str(main style, " background: $main-background!; color: #dddddd; font-size: 15pt; border-style: groove; ") body { main style; border: 0; } div { main style; %2(width, height[:50px;]) border-color: #300030 copy(4, var-color); border-width: num(10 / 5)px; color: $primary-color!; } div.grid { %4(max-width, max-height, width, height[: 200px;]) outline: 4px double $var-color!; }
CSS Output
Copy
Compiled CSS will appear here...
Compile FSCSS
Format Code
Save Session
Clear Log
Download CSS
Download FSCSS
Compilation Log
Errors:
0
Compiler ready. Press "Compile FSCSS" to start.