SCSS & Sass Kompiliatorius

Sukompiliuokite įklijuotus SCSS/Sass fragmentus arba vietinius .scss/.sass failus tiesiai naršyklėje. Jūsų stiliaus lapas nėra įkeltas, neužregistruotas arba siunčiamas į API.

Spustelėkite norėdami pasirinkti SCSS/Sass failą arba numeskite jį čia

Taip pat galite įklijuoti SCSS/Sass tiesiai į toliau pateiktą redaktorių.

0 baitų

0 baitų

Paruošta nuskaityti

Nacionalinis naršyklės rinkinys

Kompiliacija vykdoma vietoje naudojant oficialų Dart Sass įgyvendinimą. Į Convertr serverius stilių lentelės nesiunčiamos.

Fragmento ir failo įvestis

Įklijuokite dalinį SCSS, visus stilių lapus, įdėtas taisykles, kintamuosius, mišinius arba įkelkite vietinį .scss failą.

Saugus matavimas

„Analytics“ naudoja tik dydžio ir mažinimo segmentus. SCSS šaltinis, kintamieji, deriniai ir failų pavadinimai nepatenka į telemetriją.

Dažniausiai užduodami klausimai

Ar mano SCSS įkeltas į Convertr?

Ne. SCSS kompiliatorius veikia lokaliai su naršykle JavaScript. Įklijuotas SCSS ir pasirinkti failai nesiunčiami į Convertr serverius.

Kas nutinka, kai SCSS yra sintaksės klaida?

Kompiliatoriaus klaida su eilučių ir stulpelių numeriais rodoma įspėjimų skydelyje, kad galėtumėte rasti ir ištaisyti klaidą.

Ar tai palaiko @import arba nuotolines priklausomybes?

Ne. Siekiant užtikrinti greitį, pasiekiamumą neprisijungus ir privatumą, nuotolinis importavimas ir prieiga prie failų sistemos išjungta šiame naršyklės kompiliatoriuje.

Susiję kūrėjo įrankiai

CSS minifier Suspausti CSS stilių lapus CSS spalvų konverteris Konvertuoti CSS spalvas CSS gradientų generatorius Kuriate CSS gradientus vietiniu būdu HTML minifier Suspausti HTML fragmentus JavaScript minifier Suspausti JavaScript kodą Kūrėjų įrankiai Naršykite naršyklės priemones

SCSS Kompiliatorius

Kompiluoti palaikytą SCSS sintazę į CSS naudojant paketuotą naršyklės kompilatorių.

Įvestis
SCSS šaltinis daugiau output-style pasirinkimai.
Išvestis
Kompiluotas CSS arba kompilatoriaus diagnozė.
Svarbūs apribojimai
Slapukų kompilatorius nesugeba išspręsti savavališkų projektų importo, vykdyti statybos įskiepių arba garantuoti paritetą su kitokiu Sass versija.
Privatumas ir duomenų tvarkymas
SCSS šaltinis ir išleidimo stiliaus parinktis apdorojamos šioje naršyklės skirtuke. konverteris nepriima ar saugoma; uždarant arba perkeldami puslapį, darbo būklė išsiaiškinama, nebent įrankis aiškiai siūlo vietinį atsisiuntimą.

Kaip naudoti šį įrankį

  1. Teikti SCSS šaltinį ir išleidimo stiliaus parinktis įrankio kontrolėse.
  2. Pasirinkite nustatymus, kurie paveikia sudarytą CSS ar kompilerio diagnozę, tada paleiskite įrankį.
  3. Apžvalga sudarė CSS arba kompilatoriaus diagnozę prieš kopijuojant ar atsisiunčiant ją.

Dažnos nesėkmių priežastys

Neapibrėžtos kintamosios, trūkstamos mišinys, nepasiekiami importuoti arba neįgalios niuansai grąžina linijinės atminties kompiliacijos klaidą.

Praktinis pavyzdys

Kompilijuokite $brand kintamąjį ir nustatytą .button hover taisyklę į išplėstą arba suspaudžiamą CSS.