如何访问媒体查询之外的变量？

Question

使用更少。

我希望能够在我的课程中全局使用变量。

假设变量为@globalPadding;

我想设置使用填充媒体查询的大小，类似这样的：

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

    @globalPadding:@4colPadding; 
} 

而且在我的课，简单地使用这样的：padding-top:@globalPadding;

这是可能的使用较少，如果没有，是否有任何其他技术，我可以用来实现相同的事情？

Answer 1

这是一种方法：

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

.my-class { 
    padding: @paddingSmallScreen; 

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