rcss-css 0.1.0

[!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%;
  }
}

• Rust-Inspired Syntax: Write styles with a familiar syntax.
• Nesting: Organize CSS rules hierarchically.
• Variables: Easily manage variables and color schemes.
• Compiles to Human-Readable or Minified CSS: Choose between readable CSS or a optimized, minified output.

✅ Phase 1: Core Features (Current)

• Implement Rust-like syntax parsing.
• Support variables and nesting.
• Support functions with no arguments
• Develop a VS Code extension with syntax highlighting.

🚧 Phase 2: Enhancements (Upcoming)

• Support functions with arguments
• Implement importing
• Add RCSS formatter
• Improve output css format
• Improve error handling and debugging tools.

🔮 Phase 3: Future Plans

• WASM support.

Base logo by Dzuk, licensed under CC BY-NC-SA. Download the emoji set

RCSS is licensed under the MIT License.