SCSS un Sass kompilators

Apkopojiet ielīmētos SCSS/Sass fragmentus vai vietējos .scss/.sass failus tieši savā pārlūkprogrammā. Jūsu stila lapa nav augšupielādēta, reģistrēta vai nosūtīta uz API.

Noklikšķiniet, lai izvēlētos SCSS/Sass failu, vai nometiet to šeit

Varat arī ielīmēt SCSS/Sass tieši tālāk esošajā redaktorā.

0 baiti

0 baiti

Gatavs

Vietējā pārlūkprogrammas kompilācija

Kompilācija darbojas lokāli, izmantojot oficiālo Dart Sass ieviešanu. Uz Convertr serveriem stila lapas netiek nosūtītas.

Fragmenta un faila ievade

Ielīmējiet daļēju SCSS, pilnas stila lapas, ligzdotus noteikumus, mainīgos, miksinus vai ielādējiet lokālu .scss failu.

Drošs mērījums

Analytics izmanto tikai lieluma un samazināšanas grupas. SCSS avots, mainīgie, mixins un failu nosaukumi netiek rādīti telemetrijā.

Biežāk uzdotie jautājumi

Vai mans SCSS ir augšupielādēts Convertr?

Nē. SCSS kompilators darbojas lokāli ar pārlūkprogrammu JavaScript. Ielīmēts SCSS un atlasītie faili netiek nosūtīti uz Convertr serveriem.

Kas notiek, ja SCSS ir sintakses kļūda?

Kompilatora kļūda ar rindu un kolonnu numuriem tiek parādīta brīdinājumu panelī, lai jūs varētu atrast un labot kļūdu.

Vai tas atbalsta @import vai attālās atkarības?

Nē. Lai nodrošinātu ātrumu, bezsaistes pieejamību un konfidencialitāti, šajā pārlūkprogrammas kompilatorā ir atspējota attālā importēšana un piekļuve failu sistēmai.

Saistīti izstrādātāju rīki

CSS minifikators Saspiest CSS stila lapas CSS krāsu konvertētājs Konvertējiet CSS krāsas CSS gradient ģenerators Izveidojiet CSS gradientus lokāli HTML Minifikators Saspiest HTML fragmentus JavaScript Minifikators Saspiest JavaScript kodu Izstrādātāju rīki Pārlūkojiet pārlūkprogrammas utilītas

SCSS Kompilators

Kompilējiet atbalstīto SCSS sintaksi CSS, izmantojot komplektēto pārlūkprogrammas kompilatoru.

Ievade
SCSS avots plus output-style iespējas.
Izvade
Kompilēts CSS vai kompilatora diagnostika.
Reālie ierobežojumi
Pārlūkprogrammas kompilators neatrisina patvaļīgus projekta importus, neizpilda būvēšanas spraudņus un negarantē atbilstību citai Sass versijai.
Privātums un datu apstrāde
SCSS avots un izvades stila iespējas tiek apstrādātas šajā pārlūkprogrammas cilnē. Convertr to nesaņem un neuzglabā; lapas aizvēršana vai pārlādēšana notīra darba stāvokli, ja vien rīks nepārprotami nepiedāvā vietēju lejupielādi.

Kā izmantot šo rīku

  1. Sniedziet SCSS avotu plus izvades veida opcijas rīka vadīklās.
  2. Izvēlieties iestatījumus, kas ietekmē kompilēto CSS vai kompilatora diagnostiku, tad palaidiet rīku.
  3. Pārskatiet kompilētu CSS vai kompilatora diagnostiku pirms to kopēšanas vai lejupielādes.

Biežākie atteices veidi

Nedefinēti mainīgie, trūkstoši mixini, nepieejami importi vai nederīga ligzdošana atgriež ar rindiņu saistītu kompilācijas kļūdu.

Noderīgs piemērs

Kompilēt $brand mainīgo un ligzdoto .button hover kārtulu paplašinātā vai saspiestā CSS.