Mga SSS & Sass Compilator

Kompilasyon ng pasted SCSS/Sass snippets o lokal .scss/.sass file sa iyong browser. ang iyong mga style sheet ay hindi nakuha, logged, o na-send sa isang API.

Kliko upang mag-uusapan ang isang SCSS/Sass file o i-download ito sa sini

Dapat ay maaaring i-pick ang SCSS/Sass direkt sa editor sa loob.

0 sa mga bay

0 sa mga bay

Handa na

Mga Native Compilation

Ang pag-aaral ay naglalaman lokal na gumagamit ng official Dart Sass implementation. Walang mga pananaliksik ay hindi nakuha sa Convertr server.

Snippet at file input

Pag-paste sa partial SCSS, full style sheets, nakakaalam na mga regles, variables, mixins, o mag-load ng isang lokal .scss file.

Safe ang mga matatagpuan

Ang Analytics ay gumagamit lamang ng mga size at reduction buckets. ang SCSS source, mga variable, mga mixin, at ang filenames ay hindi mag-telemetry.

Mga Madalas Itanong

Ang aking SCSS ay nakuha sa Convertr?

No. Ang SCSS compiler ay lumabas lokal na may browser JavaScript. ang pag-aalis ng SCSS at mga selected file ay hindi nagsisimula sa Convertr server.

Ano ang nagtatapos kapag SCSS ay may isang sintax error?

Ang error ng compiler na may mga line at column numero ay nag-iisip sa panlo ng mga alert upang maaari mong malaman at makakuha ng error.

Ang suporta ng ito ay @import o remote dependencies?

No. Para sa pag-aalok ng speed, offline na availability, at privacy, remote imports at file-system access ay hindi gumagana sa ito browser-native compiler.

Mga Tool ng mga Developer

Mga tagapagdag ng CSS Mga Kompresyon ng CSS Mga tagapagdag ng CSS Color Converter Mga tagapagdag ng CSS Color Mga Generator ng Gradient Mga tagapagdag ng CSS gradients sa lokal Mga HTML Mini Mga Snippets ng HTML Mga tagapagdag ng JavaScript Mga tagapagdag ng JavaScript code Mga Tool ng Developer Mga Utilities ng Browser

Mga Kompilasyon ng SCSS

I-compile supported SCSS syntax sa CSS gamit ang bundled browser compiler.

ang input
SCSS source sa mga output-style options.
Mga output
Mga kompilado ng CSS o compiler diagnostics.
Mga limitasyon
Ang browser compiler ay hindi nag-solve arbitrary project impormasyon, i-execute build plugins, o garantiya parity sa isang iba't ibang Sass version.
Privacy at ang mga data na nakaraan
Ang mga opsiyon ng SCSS source plus output-style ay nagtatapos sa ito browser tab. Converter hindi makakuha ng o magsagawa ito; ang pagtuturo o reload ng page ay lumabas ang trabaho na halip, salo ang tool ay explicitly nagbibigay ng isang lokal na download.

Paano mag-usuporta ang tool

  1. Ang mga opsiyon ng SCSS source plus output-style ay magagamit sa tool controls.
  2. I-select ang mga setting na nagtatapos ng kompilado CSS o compiler diagnostics, pagkatapos ay i-run ang tool.
  3. Review na nakuha ang CSS o compiler diagnostics bago makakuha ng kopya o i-download ito.

Mga Modus ng Pag-aalis

Undefined variables, mangyayari mixins, hindi na-disa impormasyon, o invalid nesting ay nagbibigay ng isang line-aware compile error.

Mga pahina ng useful

Ang isang $brand variable at nakakaalam ng .button hover ay mag-kompilasyon sa mga expanded o compressed CSS.