Sass în CSS
Compilați Sass și SCSS în CSS online. Conversie în timp real cu ieșire extinsă sau comprimată, linii de eroare și suport complet pentru variabile, mixinuri și imbricare.
Care este diferența între Sass și SCSS?
SCSS este sintaxa mai nouă, asemănătoare cu CSS, care folosește acolade și punct și virgulă. Sass (sintaxa indentată) folosește indentare și rânduri noi. Acest instrument compilează ambele - doar alegeți sintaxa din listă.
Ce funcționalități Sass sunt acceptate?
Compilatorul folosește motorul oficial Dart Sass, deci variabilele, imbricarea, mixinurile, @include, funcțiile, @use, @extend, directivele de control precum @if și @each și stilul de ieșire comprimat sunt toate acceptate.
Cum obțin CSS comprimat?
Setați lista stilului de ieșire pe Comprimat înainte de compilare. Spațiile și punctul și virgulă final sunt eliminate, producând cea mai mică foaie de stil posibilă.
De ce eroarea arată un număr de linie?
Când codul conține o eroare de sintaxă, motorul Sass raportează linia și coloana exacte unde a eșuat parsarea, iar instrumentul le afișează deasupra rezultatului pentru corectare rapidă.
Codul meu Sass este trimis către un server?
Nu. Motorul complet Dart Sass este inclus în pagină și compilează local în browser. Foiile de stil nu părăsesc niciodată dispozitivul - sigur chiar și pentru proiecte private.
Pot compila @import de fișiere locale?
Nu. Compilatorul lucrează pe un singur fragment în memorie și nu accesează sistemul dvs. de fișiere, deci importurile bazate pe fișiere și @use pentru partial-uri externe nu pot fi rezolvate.
Funcționează offline?
Da. După ce pagina și pachetul compilatorului au fost încărcate o dată, compilarea are loc integral pe computerul dvs., fără conexiune.
Cum folosesc rezultatul?
Copiați CSS-ul compilat în clipboard sau descărcați-l ca style.css cu butoanele de sub rezultat, apoi legați-l în HTML sau lipiți-l în foaia de stil a proiectului.
Cum se folosește Sass în CSS
Acest compilator rulează motorul oficial Dart Sass în întregime în browserul tău. Lipește SCSS sau Sass cu indentare și primești CSS curat instantaneu — variabile, mixin-uri, imbricare și funcții acceptate, nimic nu se trimite.
- Lipește codul Sass sau SCSS în caseta de intrare, sau apasă Exemplu pentru a încărca o demonstrație funcțională cu variabilă și mixin.
- Alege din meniurile derulante sintaxa (SCSS sau Sass cu indentare) și stilul de ieșire (Expanded sau Compressed).
- Cu Compilare în direct activată, CSS-ul apare pe măsură ce scrii; altfel apasă Compilează pentru rulare manuală.
- Dacă există o eroare de sintaxă, numărul exact al liniei și mesajul apar deasupra rezultatului, ca să corectezi repede.
- Folosește Copiază sau Descarcă de sub rezultat pentru a-ți lua foaia de stil compilată ca style.css.
Alege stilul de ieșire Compressed pentru a minifica foaia de stil — perfect pentru build-uri de producție direct din sursă.
Instrumente conexe
- Frumusețare CSS Formatați și frumusețați codul CSS instantaneu. Convertiți CSS minificat în cod lizibil cu opțiuni personalizabile.
- Minificator CSS Minificator CSS online gratuit. Comprimați și optimizați instantaneu codul CSS eliminând spațiile, comentariile și caracterele inutile. Reduceți dimensiunea fișierului pentru performanță web mai rapidă.
- Generator Gradient CSS Creați gradienturi CSS uimitoare vizual. Generați gradienturi liniare, radiale și conice cu mai multe opriri de culoare, unghiuri și poziții. Copiați instantaneu cod CSS gata de producție.
- Generator CSS Flexbox Generator vizual CSS Flexbox cu previzualizare live. Ajustați proprietățile flex și obțineți cod CSS gata de utilizare.
- Calculator Chmod Calculator chmod online gratuit pentru vizualizarea și calcularea permisiunilor fișierelor Linux cu casete de selectare. Conversie instantanee între notația numerică (755, 644) și simbolică (rwxr-xr-x). Suportă permisiuni speciale precum setuid, setgid, sticky bit.
- Tabel ASCII Referință completă de codificare a caracterelor ASCII cu coduri zecimale, hexazecimale, octale, binare, entități HTML și descrieri de caractere. Căutare și filtrare instantanee.
- Testator Cereri HTTP Testați API-urile REST direct în browser. Trimiteți cereri GET, POST, PUT, DELETE cu antete, corp și parametri personalizați. Vedeți instantaneu starea, antetele și corpul JSON al răspunsului.
- Generator .htaccess Generați reguli .htaccess Apache pentru redirecționări, rescrieri, antete de securitate, cache și altele.