Syntax highlighting for rics - a lightweight SCSS-like CSS preprocessor.
Features
- Syntax highlighting for
.rics files
- Support for all rics features:
- Variables (
$variable)
- Nesting and parent selector (
&)
- Mixins (
@mixin, @include)
- Functions (
@function, @return)
- Control flow (
@if, @else, @for, @each, @while)
- Interpolation (
#{...})
- All CSS at-rules (
@media, @keyframes, etc.)
- Auto-closing brackets and quotes
- Code folding
Installation
From VS Code Marketplace
Search for "rics" in the VS Code Extensions view.
Manual Installation
- Download the
.vsix file from releases
- Open VS Code
- Press
Cmd+Shift+P (Mac) or Ctrl+Shift+P (Windows/Linux)
- Type "Install from VSIX" and select the downloaded file
From Source
cd packages/vscode-extension
npm install -g @vscode/vsce
vsce package
code --install-extension rics-vscode-0.1.0.vsix
Usage
Create a file with the .rics extension and start writing:
$primary: #f43f5e;
.button {
background: $primary;
&:hover {
background: darken($primary, 10%);
}
}
License
MIT
Built by Better Lyrics
| |
