Rusty Cascading Style Sheets – Another CSS Preprocessor

Rusty Cascading Style Sheets (RCSS) Tip Download the VSCode extension for syntax highlighting! Rusty Cascading Style Sheets (RCSS) is a styling language that brings Rust-inspired syntax to CSS. It combines the robustness of Rust with SASS-like features such as nesting and variables for cleaner, more maintainable styles. let variable: "#FFFFFF"; let breakpoint: "768px"; fn padding() { padding: 20px; } .container { padding(); h2 { color: blue; } } h4 { width: 50%; color: green; } /* MOBILE STYLES */ @media screen and (max-width: &breakpoint) { .container { width: 100%; } h4 { width: 100%; } } Note The above RCSS code compiles to CSS in around 572.40µs! Installation First, if you don't have Cargo (Rust's package manager) installed, you can install it by following the instructions on the official Rust website. Then, install: cargo install rcss-css Warning If you encounter the following warning: warning: be sure to add ` /home/ < YourUsername > /.cargo/bin ` to your PATH to be able ... Read full article.