less.css dosyalarda değişkenleri paylaşıyor

Question

CSS stilimi kolaylaştırmak için less.css kullanıyorum. Bir daha az dosyada bir vuelible bildirmek ve kullanımını daha az dosyamda paylaşmak istiyorum. Mümkün mü? Örneğin:

english.less

@languageFloat: sol;

chart.less

div#footer a.web 
{ 
    display: block; 
    float: @languageFloat; 
    color: #cccccc; 
    margin-right: 10px; 
} 

Answer 1

Bunu yapmanın en iyi yolu ona tüm değişkenlerle AZ dosyayı @import etmektir. İşte @import anahtar kelime için sözdizimi var: @import deyim senin AZ bileşik olacaktır çünkü sizin kullanıcılara CSS dosyalarını sunmak, bu iyi özellikle çalışır

// For LESS file includes, 
@import "lib.less"; 
// or 
@import "lib"; // infers the .less extension 

// and for plain CSS includes which are added but not parsed by LESS 
@import "style.css"; 

(aksine tarayıcı içi ayrıştırmayı less.js) ve CSS dosyalarını tek bir CSS dosyasına. Belki değişkenlerinizi içeren bir denetleyici LESS dosyası, sonra diğer LESS ve CSS dosyalarınızı düşünebilirsiniz, böylece sonuç, tarayıcıya hizmet verdiğiniz tek bir dosyadır.

// Controller.less 
@import "english.less"; 
@import "chart.less"; 

Answer 2

// örneğin:

Ben böyle basit bir şey olacağını hayal BlueTheme.less Az dosya ---------
@import "DefaultBlueParameters.less"; < --- sadece tema az

@import (less) "DefaultBase.css"; < vars --- O BlueTheme.css üretir DefaultBlueParameters.less vars

kullanmak var