Sass til CSS
Kompiler Sass og SCSS til CSS på nett. Sanntidskonvertering med utvidet eller komprimert utdata, feillinjer og full støtte for variabler, mixins og nesting.
Hva er forskjellen mellom Sass og SCSS?
SCSS er den nyere, CSS-lignende syntaksen med klammer og semikolon. Sass (den innrykkede syntaksen) bruker innrykk og linjeskift. Dette verktøyet kompilerer begge - bare velg syntaks i rullegardinmenyen.
Hvilke Sass-funksjoner støttes?
Kompilatoren bruker den offisielle Dart Sass-motoren, så variabler, nesting, mixins, @include, funksjoner, @use, @extend, kontroll direktiver som @if og @each og komprimert utdatastil støttes alle.
Hvordan får jeg komprimert CSS?
Sett utdatastil-menyen til Komprimert før kompilering. Mellomrom og det siste semikolonet fjernes, noe som gir det minst mulige stilarket.
Hvorfor viser feilen et linjenummer?
Når koden din har en syntaksfeil, rapporterer Sass-motoren nøyaktig rad og kolonne der tolkingen feilet, og verktøyet viser det over utdataene slik at du raskt kan rette det.
Blir Sass-koden min lastet opp til en server?
Nei. Hele Dart Sass-motoren er buntet med siden og kompilerer lokalt i nettleseren. Stilarkene dine forlater aldri enheten din - trygt selv for private prosjekter.
Kan jeg kompilere @import av lokale filer?
Nei. Kompilatoren jobber på ett kodefragment i minnet og har ingen tilgang til filsystemet ditt, så filbaserte importer og @use av eksterne partialer kan ikke løses.
Fungerer det frakoblet?
Ja. Når siden og kompilatorpakken er lastet én gang, skjer kompileringen helt på maskinen din, uten tilkobling.
Hvordan bruker jeg resultatet?
Kopier den kompilerte CSS-en til utklippstavlen eller last den ned som style.css med knappene under utdataene, og lenk den i HTML-en din eller lim den inn i prosjektets stilark.
Slik bruker du Sass til CSS
Denne kompilatoren kjører den offisielle Dart Sass-motoren helt i nettleseren din. Lim inn SCSS eller innrykket Sass og få ren CSS med en gang — variabler, mixins, nesting og funksjoner støttes, ingenting lastes opp.
- Lim inn Sass- eller SCSS-koden din i inntastingsfeltet, eller trykk Eksempel for å laste en fungerende demo med variabel og mixin.
- Velg syntaks (SCSS eller innrykket Sass) og utdatastil (Expanded eller Compressed) i rullegardinmenyene.
- Med Live-kompilering på bygges CSS-en mens du skriver; ellers trykker du Kompiler for å kjøre den manuelt.
- Ved en syntaksfeil vises nøyaktig linjenummer og meldingen over utdataene, slik at du raskt kan rette det.
- Bruk Kopier eller Last ned under utdataene for å hente det kompilerte stilarket ditt som style.css.
Velg utdatastilen Compressed for å minifisere stilarket ditt — flott for produksjonsbygg rett fra kilden.
Relaterte verktøy
- CSS-forskønner Formater og forskjønn CSS-kode umiddelbart. Konverter minifisert CSS til lesbar kode med tilpassbare alternativer.
- CSS-minifierer Gratis online CSS-minifierer. Komprimer og optimaliser CSS-kode umiddelbart ved å fjerne mellomrom, kommentarer og unødvendige tegn. Reduser filstørrelsen for raskere webytelse.
- CSS-gradientgenerator Lag fantastiske CSS-gradienter visuelt. Generer lineære, radielle og koniske gradienter med flere fargestopp, vinkler og posisjoner. Kopier produksjonsklar CSS-kode umiddelbart.
- CSS Flexbox-generator Visuell CSS Flexbox-generator med live forhåndsvisning. Juster flex-egenskaper og få CSS-kode klar til bruk.
- Chmod-kalkulator Gratis online chmod-kalkulator for å visualisere og beregne Linux-filrettigheter med avmerkingsbokser. Konverter umiddelbart mellom numerisk (755, 644) og symbolsk notasjon (rwxr-xr-x). Støtter spesielle rettigheter som setuid, setgid, sticky bit.
- ASCII-tabell Komplett ASCII-tegnkodingsreferanse med desimale, heksadesimale, oktale, binære koder, HTML-enheter og tegnbeskrivelser. Umiddelbar søk og filtrering.
- HTTP-forespørsel Tester Test REST API-er direkte i nettleseren. Send GET-, POST-, PUT-, DELETE-forespørsler med egendefinerte headere, kropp og parametere. Se svarstatus, headere og JSON-kropp umiddelbart.
- .htaccess-generator Generer Apache .htaccess-regler for omdirigeringer, omskrivinger, sikkerhetshoder, bufring og mer.