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

使用更少

我希望能够在整个类中全局使用变量

假设变量是

@globalPadding

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

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

    @globalPadding:@4colPadding;
}

在我的课堂上，只需像这样使用：
padding top:@globalPadding

这是否可能使用更少的资源？如果不可能，我是否可以使用其他技术来实现同样的目标？
这是一种方法：

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

.my-class {
    padding: @paddingSmallScreen;

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

通常，在类或mixin中设置的变量在其作用域之外不可用。我想这里也是这样。在媒体查询之外声明变量，并在任何你想使用的地方使用它，这会创建一个类而不是一个可用的变量，但是我相信它最接近目前可以实现的目标。