Loading…

How to use SCSS/LESS Formatter

Paste your SCSS, LESS, or CSS, and the tool re-indents it by brace nesting with one declaration per line.

Frequently asked questions

Does it work for SCSS, LESS and CSS?

Yes. All three share the same brace-and-semicolon block syntax, so the formatter re-indents nested rules and declarations consistently for any of them.

Will it break my URLs or comments?

No. Values inside url() and strings are preserved, and both /* block */ and // line comments are kept on their own lines.

Does formatting change how my styles render?

No. Only whitespace, indentation and line breaks change. The selectors, properties and values stay exactly the same.

More Code Formatters

INI Formatter
Clean up INI config files with normalized sections, spacing around equals and tidy blank lines
Java Properties Formatter
Normalize Java .properties files to key=value form, group comments and optionally sort keys
SQL Minifier
Minify SQL by stripping comments and collapsing whitespace while preserving string literals
JSON to XML
Convert JSON data to XML format with proper tags and structure
XML to JSON
Convert XML to JSON format preserving data structure and hierarchy
JSON to YAML
Convert JSON to YAML format with proper indentation and structure
YAML to JSON
Convert YAML to JSON format with proper parsing and validation
JSON to CSV
Convert JSON array to CSV table format for spreadsheet import
CSV to JSON
Convert CSV table to JSON array format with proper parsing
JSON to TOML
Convert JSON to TOML configuration format with proper syntax
TOML to JSON
Convert TOML configuration to JSON format with validation
TSV to CSV
Convert tab-separated values to CSV with proper quoting for fields containing commas or quotes

← View all Code FormattersBrowse all 1,100+ tools →