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, ligzdotas kārtulas, mainīgos, mixins 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 CSS gradients izveidošana vietēji 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ēt atbalstīto SCSS sintax CSS, izmantojot saplūstošo pārlūkprogrammas kompilatoru.

Ievade
SCSS avots vairāk output-style iespējas.
Izvade
CSS vai kompilācijas diagnoze.
Reālie ierobežojumi
Tīmekļa pārlūkprogrammas kompilators neizšķir savvaļas projekta importus, izpilda būvplugins vai garantē paritāti ar citu Sass versiju.
Privātuma un datu apstrāde
SCSS avots un iznākuma veida iespējas tiek apstrādātas šajā pārlūkprogrammas tabulā. konvertētājs to nesaņem vai uzglabā; lapas slēgšana vai pārslodze izskaidro darba stāvokli, ja vien rīks skaidri piedāvā vietējo lejupielādi.

Kā izmantot šo rīku

  1. Sniedz SCSS avotu plus iznākuma veida iespējas rīku kontrolēs.
  2. Izvēlieties iestatījumus, kas ietekmē kopētās CSS vai kompilatoru diagnozes, tad izlaidiet rīku.
  3. Pārskats kopijas CSS vai kompilator diagnozes pirms to kopēt vai lejupielādēt.

Kopīgas neveiksmes režīms

Neapzinātas mainīgās, trūkstošās maisījumos, nepieejami importēšanai vai nevēlamas nestingrēšanas atgriežas lineārā apzināšanās kompilācijas kļūda.

Noderīgs piemērs

Sarakstīt $brand variable un nested .button hover noteikumu paplašinātajā vai kompresētajā CSS.