CSS'ten SCSS'e Dönüştürücü Detaylar
CSS to SCSS Dönüştürücü, düz CSS kodunu SCSS dosyasına yapıştırmaya hazır, girintili bir yapıya açar.
Var olan bir stil dosyasını SCSS projesine taşırken ilk adımı hızlandırmak için kullanılır.
Nasıl kullanılır
Adımlar arayüzdeki düzenle aynı sırada:
- CSS kodunu kutuya yapıştırın.
- Aracı çalıştırın; kod girintilenmiş biçimde açılır.
- Çıktıyı .scss dosyanıza yapıştırıp iç içe yapıyı elle kurun.
Teknik detaylar
Dönüştürme davranışı:
- SCSS, CSS'in üst kümesidir: geçerli CSS zaten geçerli SCSS'tir, bu yüzden çıktı doğrudan derlenir.
- 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 üretilmez; bunlar elle yazılır.
Doğru aracı seçmek
Taşımanın ilk adımını hızlandırmak için bu sayfa yeterli. Yalnızca okunur hâle getirmek istiyorsanız CSS Biçimlendirici, ters yön için SCSS to CSS sayfasına bakın.
Araç gerçek bir dönüştürücü değildir: iç içe seçici üretmez, tekrar eden renkleri değişkene çıkarmaz ve medya sorgularını taşımaz. Bu adımlar elle yapılır; araç yalnızca okunur bir başlangıç verir.
Kısa ipuçları
- Önce renk ve ölçü değerlerini değişkene alın; en çok kazanç oradadır.
- İç içe yapıyı kurarken üç seviyeden derine inmemeye çalışın, çıktı CSS'i şişer.
- Taşıdığınız dosyayı derleyip çıktıyı özgün CSS ile karşılaştırın.
Verileriniz nerede işleniyor
Girdiğiniz veri sunucuya gönderilmediği için sayfayı kapattığınızda hiçbir kopyası kalmaz. Kullanım sayacı dışında istek üretilmez; sayacın gövdesinde yalnızca sayım bilgisi vardır.