SCSS formátovač a kompilace do CSS

Zkrášlení SCSS a jeho zkompilování do komprimovaného CSS. Anglicky SCSS to CSS compiler.

Vše se počítá přímo v tomto prohlížeči — žádná data nikam neodcházejí.

Odsazení

SCSS

Výsledek

Minifikace SCSS znamená kompilaci do CSS: proměnné, mixiny a vnoření se vyřeší a výsledkem je komprimované CSS. Direktivy @use a @import na další soubory nejsou podporované.

Jak použít: SCSS formátovač a kompilace do CSS

Nástroj odsadí kód SCSS do čitelné podoby a umí ho zkompilovat do minifikovaného CSS. Kompilace probíhá oficiálním kompilátorem Dart Sass přímo v prohlížeči, bez instalace Node.js.

Vlož SCSS do vstupního pole, nebo klikni na Načíst ukázku.
Klikni na Zkrášlit pro odsazení, nebo na Zkompilovat a minifikovat pro výsledné CSS.
Výsledek zkopíruj tlačítkem Kopírovat výstup.

Časté chyby a tipy

Importy: Kompilace v prohlížeči nemá přístup k tvým souborům. Příkazy @use a @import odkazující na další soubory selžou; vlož potřebný kód přímo.
SCSS, nebo Sass?: SCSS používá složené závorky a středníky jako CSS. Starší syntaxe Sass (soubory .sass) je založená na odsazení a nástroj ji nezpracuje.
Zastaralé konstrukce: Dart Sass postupně ruší starší zápisy, například @import nebo dělení lomítkem. Dnes ještě projdou, ale v projektu se vyplatí přejít na @use a math.div().

Nástroj je zdarma a běží celý v tvém prohlížeči — vložená data se nikam neodesílají ani neukládají.

CSS formátovač a minifikace →

Další nástroje v kategorii Formátovače

HTML formátovač a minifikace Zkrášlení a minifikace HTML, včetně minifikace vloženého CSS a JavaScriptu.
CSS formátovač a minifikace Zkrášlení a minifikace CSS stylů.
JavaScript formátovač a minifikace Zkrášlení a minifikace JavaScriptu s volitelným zkrácením názvů proměnných.
ERB formátovač a minifikace Zkrášlení a minifikace ERB šablon (HTML se značkami Ruby), best-effort.
LESS formátovač a kompilace do CSS Zkrášlení LESS a jeho zkompilování do komprimovaného CSS.
SVG optimalizátor (SVGO) Zmenšení SVG knihovnou SVGO: odstranění metadat editorů, zkrácení cest, zaokrouhlení čísel a porovnání náhledu.
SQL formátovač Formátování SQL dotazů pro MySQL, PostgreSQL, SQLite, SQL Server a další dialekty.
JSON validátor a formátovač Validace, formátování a minifikace JSON, JSONPath, porovnání a JSON Schema.
XML validátor a formátovač Validace, formátování a minifikace XML, XSD, XPath, XSLT a převody XML na JSON, CSV, YAML, TOML, SQL a další.
XSD validátor Validace XML proti XSD, DTD nebo RELAX NG, generování XSD z XML a XML ze schématu.
XPath a XQuery tester Vyhodnocení XPath 1.0, XPath 3.1, XQuery 3.1 a XQuery Update nad vlastním XML.
XSLT online Transformace XML šablonou XSLT 1.0 s rozšířeními EXSLT a stažení výsledku.
JSON prohlížeč JSON jako strom, sloupce nebo graf, kopírování JSONPath a JSON Pointer, oprava rozbitého JSON.
JSONPath tester Vyhodnocení JSONPath výrazů podle RFC 9535 nad vlastním JSON.
JSON Schema validátor Validace JSON proti JSON Schema 2020-12 až draft-04, generování schématu a testovacích dat.