Compiler ng SCSS at Sass

I-compile ang mga naka-paste na SCSS/Sass snippet o lokal na .scss/.sass file direkta sa iyong browser. Hindi ina-upload, nila-log, o ipinapadala sa API ang iyong stylesheet.

Pindutin para pumili ng SCSS/Sass file o i-drop ito rito

Maaari mo ring i-paste ang SCSS/Sass nang direkta sa editor sa ibaba.

0 byte

0 byte

Handa na

Pagko-compile na likas sa browser

Ang compilation ay tumatakbo nang lokal gamit ang opisyal na Dart Sass implementation. Walang stylesheet na ipinapadala sa mga server ng Convertr.

Snippet at file input

Idikit ang bahagyang SCSS, kumpletong stylesheet, nested rule, variable, mixin, o mag-load ng lokal na .scss file.

Ligtas na pagsukat

Gumagamit lamang ang Analytics ng mga pangkat ng laki at pagbawas. Hindi isinasama sa telemetry ang SCSS source, variable, mixin at filename.

Mga Madalas Itanong

Na-upload ba ang SCSS ko sa Convertr?

Hindi. Tumatakbo nang lokal gamit ang JavaScript ng browser ang SCSS compiler. Hindi ipinapadala sa mga server ng Convertr ang na-paste na SCSS at mga napiling file.

Ano ang mangyayari kapag may syntax error ang SCSS?

Ipinapakita sa panel ng mga babala ang error ng compiler kasama ang numero ng linya at kolum para mahanap at maayos mo ito.

Sinusuportahan ba nito ang @import o mga remote dependency?

Hindi. Para matiyak ang bilis, paggana offline at privacy, naka-disable ang remote import at pag-access sa file system sa compiler na likas sa browser na ito.

Mga kaugnay na tool para sa developer

Minifier ng CSS I-compress ang CSS stylesheet Converter ng CSS Color I-convert ang mga CSS color Generator ng CSS Gradient Gumawa ng mga CSS gradient nang lokal Minifier ng HTML I-compress ang mga HTML snippet Minifier ng JavaScript I-compress ang JavaScript code Mga Developer Tools Tingnan ang mga utility ng browser

Compiler ng SCSS

I-compile ang sinusuportahang SCSS syntax sa CSS gamit ang compiler ng browser na kasama sa tool.

ang input
SCSS source kasama ang mga opsyon sa estilo ng output.
Mga output
Na-compile na CSS o diagnostic ng compiler.
Mga tunay na limitasyon
Hindi nireresolba ng browser compiler ang mga arbitrary na project import, hindi ito nagpapatakbo ng mga build plugin, at hindi nito ginagarantiya ang pagtutugma sa ibang bersyon ng Sass.
Privacy at paghawak ng data
Pinoproseso sa browser tab na ito ang SCSS source kasama ang mga opsyon para sa estilo ng output. Hindi ito tinatanggap o iniimbak ng Convertr; mabubura ang kasalukuyang proseso kapag isinara o ni-reload ang page, maliban kung tahasang nag-aalok ang tool ng lokal na download.

Paano gamitin ang tool na ito

  1. Magbigay ng SCSS source kasama ang mga opsiyon sa istilo ng output sa mga kontrol ng tool.
  2. Piliin ang mga setting na nakaaapekto sa na-compile na CSS o mga diagnostic ng compiler, pagkatapos ay patakbuhin ang tool.
  3. Suriin ang na-compile na CSS o mga diagnostic ng compiler bago ito kopyahin o i-download.

Mga karaniwang sanhi ng pagkabigo

Ang mga undefined na variable, nawawalang mixin, hindi magagamit na import, o maling nesting ay nagbabalik ng compile error na nakatukoy sa linya.

Kapaki-pakinabang na halimbawa

I-compile ang isang $brand variable at nested .button hover rule sa expanded o compressed CSS.