如何訪問媒體查詢之外的變量？

我希望能夠在我的課程中全局使用變量。

假設變量爲@globalPadding;

我想設置使用填充媒體查詢的大小，類似這樣的：

@media (min-width: @4ColMin) { 

    @globalPadding:@4colPadding; 
}

而且在我的課，簡單地使用這樣的：padding-top:@globalPadding;

這是可能的使用較少，如果沒有，是否有任何其他技術，我可以用來實現相同的事情？

來源

2015-02-09 dotnetnoob

通常變量類或混入內設置不提供其範圍，因爲解釋[這裏]（http://stackoverflow.com/questions/28049016/less-setting -variable-內部-MIXIN/28049494＃28049494）。我想這裏也是這樣。 – Harry 2015-02-09 16:35:05

在媒體查詢之外聲明變量並在任何需要的地方使用它 – Huangism 2015-02-09 20:31:57

這是一種方法：

@paddingSmallScreen: 20px; 
@paddingBigScreen: 40px; 

.my-class { 
    padding: @paddingSmallScreen; 

    @media (min-width: @4ColMin) { 
     padding: @paddingBigScreen; 
    } 
}

來源

2015-02-09 20:26:59 Rudi

是的，這會創建一個類而不是可用的變量，但是我相信它最接近於目前可以實現的目標。 – dotnetnoob 2015-02-11 11:17:57

如何訪問媒體查詢之外的變量？

回答

相關問題