Çevrimiçi LESS'ten CSS'ye Dönüştürücü

LESS To CSS Converter, LESS'i CSS'ye çevrimiçi dönüştürmenize yardımcı olur.

LESS'ten CSS'ye dönüştürücü en basit

Bu ücretsiz çevrimiçi araç, bir LESS dosyasını bir CSS dosyasına dönüştürmenize izin verir. LESS'inizi aşağıdaki forma yapıştırmanız yeterlidir, anında CSS'ye dönüştürülür Herhangi bir yazılım indirmenize veya yüklemenize gerek yok. Özgür

Araç, LESS'ten CSS'ye dönüştürücü nedir?

Bu LESS'ten CSS'ye dönüştürücü, LESS verilerini ve dosyalarını CSS veri ve dosyalarına dönüştürür. Bu dönüştürücü, LESS girdisini ve CSS çıktısını özelleştirmeye izin verir. Ayrıca, özel sütun sınırlayıcı karakterleri ve alan alıntı karakterleri olan LESS dosyalarını da kabul eder. Yorum satırlarını destekler ve isteğe bağlı olarak boş satırları yok sayabilirsiniz. Çıktı CSS girintisinde kaç boşluk kullanılacağını da değiştirebilirsiniz.

LESS'i CSS'ye Nasıl Dönüştürürsünüz?

Adım 1: Girişinizi seçin. Veri Girin.
Adım 2: Çıktı seçeneklerini seçin (isteğe bağlı) Çıktı Seçenekleri.
Adım 3: Çıktı oluşturun.

LESS'ten CSS'ye dönüştürücü örnekleri

AZ

@base: 24px;
@border-color: #B2B;

.underline { border-bottom: 1px solid green }

#header {
  color: black;
  border: 1px solid @border-color + #222222;

  .navigation {
    font-size: @base / 2;
    a {
    .underline;
    }
  }
  .logo {
    width: 300px;
    :hover { text-decoration: none }
  }
}

CSS

.underline {
    border-bottom: 1px solid green;
}
#header {
    color: black;
    border: 1px solid #dd44dd;
}
#header .navigation {
    font-size: 12px;
}
#header .navigation a {
    border-bottom: 1px solid green;
}
#header .logo {
    width: 300px;
}
#header .logo :hover {
    text-decoration: none;
}