SpiraCSS Comment Links

VS Code extension that turns SpiraCSS link comments into clickable file links.

Demo

About SpiraCSS

SpiraCSS is a CSS architecture designed to stay intact. HTML structure decides where styles belong, and Stylelint enforces it — no matter who writes, human or AI.

This extension is designed to be used with the SpiraCSS Design Principles.

→ See how it works

Requirements

• VS Code >= 1.99.0

Features

• Open // @rel/... links in SCSS
• Resolve alias links like // @components/... and // @assets/...
• Reads alias roots from spiracss.config.js

Quick Start

1. Create spiracss.config.js in your project root.
2. Add link comments in SCSS, e.g. // @rel/scss/child.scss.
3. Cmd/Ctrl+Click the link to open the target file.

Docs

• Comment Links
• Configuration

Related Tools

• SpiraCSS Stylelint Plugin (npm)
• SpiraCSS HTML CLI (npm)
• SpiraCSS HTML to SCSS (VS Code Marketplace / Open VSX)