SCSS'ten CSS'e Dönüştürücü

SCSS kodundaki satır yorumlarını temizleyip düz CSS biçiminde okunur hâle getirin. Gerçek derleme yapılmaz.

Çıktı burada görünecek.

SCSS'ten CSS'e Dönüştürücü Nasıl Çalışır?

SCSS kodundaki satır yorumlarını temizleyip düz CSS biçiminde okunur hâle getirin. Gerçek derleme yapılmaz.

Girdi SCSS
Çıktı CSS
Yapılan işlem 1,992

İlgili araçlar

SCSS'ten CSS'e Dönüştürücü Detaylar

SCSS to CSS Dönüştürücü, SCSS kaynağındaki satır yorumlarını temizler ve kodu okunur düz CSS biçiminde açar.

Küçük bir SCSS parçasını derleyici kurmadan hızlıca CSS gibi görmek istediğinizde kullanılır.

Nasıl kullanılır

Adımlar arayüzdeki düzenle aynı sırada:

  1. SCSS kodunu kutuya yapıştırın.
  2. Aracı çalıştırın; kod açılır ve satır yorumları silinir.
  3. Çıktıyı kopyalayın.

Formatlar, sınırlar ve davranış

Dönüştürme davranışı:

  • Çift eğik çizgiyle başlayan SCSS satır yorumları kaldırılır; bunlar CSS'te geçerli değildir.
  • Kod iki boşluk girintiyle satırlara ayrılır.
  • İşlem tarayıcıda yapılır; kod sunucuya gönderilmez.
  • Değişken, iç içe seçici ve mixin çözülmez.

Bu araç hangi işe uygun

Hızlı bir bakış için bu sayfa yeterli. Değişken ve iç içe yapı içeren gerçek bir SCSS dosyasını derlemek için Dart Sass gibi bir derleyici gerekir.

ÖNEMLİ: bu bir SCSS derleyicisi değildir. Değişkenler, iç içe seçiciler, mixin çağrıları ve fonksiyonlar olduğu gibi kalır; çıktı bu hâliyle geçerli CSS olmayabilir. Yalnızca yorum temizliği ve biçimlendirme yapar.

Kısa ipuçları

  • Gerçek derleme için projenizde sass komutunu kullanın; bu sayfa hızlı bakış içindir.
  • Sadece yorumları temizlemek istiyorsanız bu araç yeterlidir.
  • İç içe yapıyı düzleştirmek gerekiyorsa derleyici çıktısını alıp CSS Biçimlendirici ile okunur hâle getirin.

Gizlilik ve veri işleme

İşlem tarayıcıda yapılır, veri cihazınızdan çıkmaz. Sunucuya giden tek şey kullanım sayacıdır ve içinde metniniz yer almaz. Reklam ve ölçüm çerezleri sayfa düzeyinde çalışır, araç alanına erişmez.

Sık sorulan sorular

SCSS alanına verinizi yazın ya da yapıştırın, aracı çalıştırın ve CSS sonucunu kopyalayın veya indirin.

Metin alanındayken Ctrl + Enter (macOS için Cmd + Enter) aracı çalıştırır.

Çıktıyı kopyalayabilir ya da indirme düğmesiyle metin dosyası olarak kaydedebilirsiniz. Dosya adı araç adından üretilir.

Araç hata mesajını çıktı alanında gösterir; girdiyi düzeltip yeniden çalıştırmanız yeterlidir.