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

Question

少用。

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

假设变量是 @globalPadding;

我想使用媒体查询设置填充的大小，如下所示：

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

    @globalPadding:@4colPadding;
}

而在我的 class 中，只需像这样使用它：padding-top:@globalPadding;

这是否可以使用 Less，如果不能，我是否可以使用任何其他技术来实现同样的目标？

Answer 1

这是一种方式：

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

.my-class {
    padding: @paddingSmallScreen;

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

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

How to access a variable outside of a media query?

css

less