SCSS & Sass Derleyici

Yapıştırılan SCSS/Sass parçacıklarını veya yerel .scss/.sass dosyalarını doğrudan tarayıcınızda derleyin. Stil sayfanız yüklenmez, günlüğe kaydedilmez veya bir API'ye gönderilmez.

Bir SCSS/Sass dosyası seçmek için tıklayın veya buraya bırakın

Ayrıca SCSS/Sass dosyasını doğrudan aşağıdaki düzenleyiciye yapıştırabilirsiniz.

0 bayt

0 bayt

Hazır

Tarayıcıya özgü derleme

Derleme, resmi Dart Sass uygulamasını kullanarak yerel olarak çalışır. Convertr sunucularına hiçbir stil sayfası gönderilmez.

Parçacık ve dosya girişi

Kısmi SCSS, tam stil sayfalarını, iç içe kuralları, değişkenleri, karışımları yapıştırın veya yerel bir .scss dosyası yükleyin.

Güvenli ölçüm

Analytics yalnızca boyut ve küçültme gruplarını kullanır. SCSS kaynak, değişkenler, karışımlar ve dosya adları telemetrinin dışında kalır.

Sıkça sorulan sorular

SCSS cihazım Convertr'ye yüklendi mi?

Hayır. SCSS derleyicisi, JavaScript tarayıcısıyla yerel olarak çalışır. Yapıştırılan SCSS ve seçilen dosyalar Convertr sunucularına gönderilmiyor.

SCSS sözdizimi hatası olduğunda ne olur?

Derleyici hatası satır ve sütun numaralarıyla birlikte uyarı panelinde gösterilir, böylece hatayı bulup düzeltebilirsiniz.

Bu, @import veya uzak bağımlılıkları destekliyor mu?

Hayır. Hızı, çevrimdışı kullanılabilirliği ve gizliliği sağlamak için, bu tarayıcı yerel derleyicisinde uzaktan içe aktarma ve dosya sistemi erişimi devre dışı bırakıldı.

İlgili geliştirici araçları

CSS Küçültücü CSS stil sayfalarını sıkıştır CSS Renk Dönüştürücü CSS renklerini dönüştür CSS Gradient Generatörü CSS gradientleri yerel olarak oluşturun HTML Küçültücü HTML parçacıklarını sıkıştır JavaScript Küçültücü JavaScript kodunu sıkıştır Geliştirici Araçları Tarayıcı yardımcı programlarına göz atın

SCSS Derleyici

Desteklenen SCSS sintax'i CSS'ye bağlanmış tarayıcı kopyası kullanılarak oluşturun.

Giriş
SCSS kaynak daha fazla output-style seçenekleri.
Çıktı
CSS veya Compiler Diagnostics.
Gerçek Sınırlamalar
Tarayıcı kopyası, tahtılı proje ithalatlarını çözmez, yapı eklentilerini gerçekleştirmez veya farklı bir Sass versiyonu ile eşitsizlik garantisi yapmaz.
Gizlilik ve veri işleme
SCSS kaynağı artı çıkış tarzı seçenekleri bu tarayıcı sekmesinde işlenir. dönüştürücü almaz veya depolamaz; sayfanın kapatılması veya yeniden yüklemesi, aracın açıkça yerel bir indirme sunmadığı sürece çalışma durumunu temizler.

Bu aracı nasıl kullanırız

  1. SCSS kaynağı artı çıkış tarzı seçenekleri araç kontrollerinde sağlar.
  2. Kompozit CSS veya kompozitör teşhisi etkileyen ayarları seçin, sonra aracı çalıştırın.
  3. CSS veya kopyayı indirmeden önce kopyalanmış veya indirilmiş bir CSS veya kompozisyon teşhisini inceleme.

• Ortak başarısızlık modları

Belirsiz değişkenler, eksik karışımlar, mevcut olmayan ithalatlar veya geçersiz kayma bir çizgi bilincli bir kompozisyon hatası getirir.

Faydalı örnek

Bir $brand değişken ve bir .button hover kuralı genişletilmiş veya sıkıştırılmış CSS'ye yapıştırın.