Sass na CSS
Kompilujte Sass a SCSS online do CSS. Konverze v reálném čase s rozšířeným nebo komprimovaným výstupem, čísly řádků chyb a plnou podporou proměnných, mixinů a vnořování.
Jaký je rozdíl mezi Sassem a SCSS?
SCSS je novější syntaxe podobná CSS, používá složené závorky a středníky. Sass (odsazená syntaxe) používá odsazení a nové řádky. Tento nástroj kompiluje obojí - stačí zvolit syntaxi v rozbalovací nabídce.
Které funkce Sassu jsou podporovány?
Kompilátor používá oficiální engine Dart Sass, takže proměnné, vnořování, mixiny, @include, funkce, @use, @extend, řídící direktivy jako @if a @each a komprimovaný styl výstupu jsou všechny podporovány.
Jak získat komprimované CSS?
Před kompilací přepněte styl výstupu na Komprimovaný. Bílé znaky a poslední středník se odstraní a vznikne co nejmenší styl.
Proč chyba ukazuje číslo řádku?
Pokud váš kód obsahuje syntaktickou chybu, engine Sassu hlásí přesný řádek a sloupec, kde parsování selhalo, a nástroj je zobrazí nad výstupem pro rychlou opravu.
Odesílá se můj kód Sassu na server?
Ne. Kompletní engine Dart Sass je součástí stránky a kompiluje lokálně v prohlížeči. Vaše styly nikdy neopustí zařízení - bezpečné i pro soukromé projekty.
Můžu kompilovat @import lokálních souborů?
Ne. Kompilátor pracuje s jedním úryvkem v paměti a k vašemu souborovému systému nemá přístup, takže importy založené na souborech a @use externích partialů nelze vyřešit.
Funguje offline?
Ano. Po jednorázovém načtení stránky a balíčku kompilátoru probíhá kompilace zcela na vašem počítači, bez připojení.
Jak výsledek použít?
Zkopírujte zkompilované CSS do schránky nebo si ho tlačítky pod výstupem stáhněte jako style.css a pak ho připojte v HTML nebo vložte do stylů projektu.
Jak používat Sass na CSS
Tento kompilátor spouští oficiální engine Dart Sass zcela ve vašem prohlížeči. Vložte SCSS nebo odsazený Sass a okamžitě získejte čisté CSS — proměnné, mixiny, zanořování i funkce podporovány, nic se neodesílá.
- Vložte svůj Sass nebo SCSS do vstupního pole, nebo stiskněte Ukázka a načtěte funkční demo s proměnnou a mixinem.
- V rozbalovacích nabídkách zvolte syntaxi (SCSS nebo odsazený Sass) a styl výstupu (Expanded nebo Compressed).
- Se zapnutou Živou kompilací vzniká CSS už při psaní; jinak spusťte převod tlačítkem Kompilovat ručně.
- Při syntaktické chybě se nad výstupem zobrazí přesné číslo řádku a hlášení, abyste je mohli rychle opravit.
- Pomocí Kopírovat nebo Stáhnout pod výstupem si vezměte zkompilovaný styl jako style.css.
Zvolte výstupní styl Compressed, abyste styl minifikovali — ideální pro produkční buildy přímo ze zdrojového kódu.
Související nástroje
- CSS zkrášlovač Formátujte a zkrášlujte CSS kód okamžitě. Převeďte minifikovaný CSS na čitelný kód s přizpůsobitelnými možnostmi.
- CSS Minifikátor Bezplatný online CSS minifikátor. Okamžitě komprimujte a optimalizujte CSS kód odstraněním mezer, komentářů a zbytečných znaků. Zmenšete velikost souboru pro rychlejší výkon webu.
- Generátor CSS gradientů Vytvářejte úžasné CSS gradienty vizuálně. Generujte lineární, radiální a kuželové gradienty s více barevnými zastávkami, úhly a pozicemi. Okamžitě zkopírujte produkčně připravený CSS kód.
- Generátor CSS Flexbox Vizuální generátor CSS Flexbox s živým náhledem. Upravte flex vlastnosti a získejte připravený CSS kód.
- Kalkulačka Chmod Bezplatný online kalkulačka chmod pro vizualizaci a výpočet oprávnění souborů Linux pomocí zaškrtávacích polí. Okamžitá konverze mezi číselnou (755, 644) a symbolickou notací (rwxr-xr-x). Podporuje speciální oprávnění jako setuid, setgid, sticky bit.
- ASCII Tabulka Kompletní reference kódování znaků ASCII s desítkovými, hexadecimálními, osmičkovými, binárními kódy, HTML entitami a popisy znaků. Okamžité vyhledávání a filtrování.
- Tester HTTP požadavků Testujte REST API přímo v prohlížeči. Odesílejte požadavky GET, POST, PUT, DELETE s vlastními hlavičkami, tělem a parametry. Okamžitě vidíte stav, hlavičky a JSON tělo odpovědi.
- Generátor .htaccess Generujte pravidla Apache .htaccess pro přesměrování, přepisy, bezpečnostní hlavičky, mezipaměť a další.