Less Girişi

Derlenmiş CSS

Less'den CSS'ye Nedir?

Tarayıcılar CSS'i anlar, Less sözdizimini değil. Bu dönüştürücü Less kodunuzu standart CSS'ye dönüştürür; böylece değişkenler, iç içe yerleştirme ve yeniden kullanılabilir stil desenleri kullanırken tarayıcı uyumlu çıktı gönderirsiniz.

Bir derleme boru hattı kurmadan hızlı derleme istediğinizde kullanın. Her şey yerel olarak tarayıcınızda çalışır, bu nedenle kodunuz gizli kalır ve dönüşüm anında gerçekleşir.

Less'den CSS'ye Dönüştürücüyü Nasıl Kullanırsınız

Less'i tarayıcıya hazır CSS'ye derlemek için şu adımları izleyin. Her adım bu sayfadaki gerçek düğmeleri ve panelleri kullanır.

Yapıştırın, Yükleyin veya Örnek Yükleyin

Sol panele Less Girişi'ne Less yapıştırın veya .less dosyası yüklemek için Yükle'ye tıklayın. Değişkenler ve mixin'lerle telekom abone kart stilleri görmek için Örnek'e tıklayın. Örnek Less girişi:

@primary: #2563eb;
@spacing: 12px;
.subscriber-card {
  padding: @spacing;
  .plan-badge { color: @primary; font-weight: 700; }
  &:hover { background: #eef2ff; }
}

Derlenmiş CSS'yi Görüntüleyin

Sağ panel Derlenmiş CSS çıktıyı anında gösterir. Değişkenler çözülür, iç içe yerleştirme düzleştirilir, mixin'ler genişletilir.

Kopyalayın veya İndirin

Panoya kopyalamak için Kopyala'ya veya .css olarak kaydetmek için İndir'e tıklayın. Yeniden başlamak için Temizle'yi kullanın. Tüm derleme tarayıcınızda çalışır.

İlgili CSS Araçları

Derleme genellikle bir stil iş akışında yalnızca bir adımdır. Şunlara da ihtiyaç duyabilirsiniz: