LESS进口参考不添加@media或调用grid mixins

最近我发现参考进口选项（http://lesscss.org/features/#import-options）。LESS进口参考不添加@media或调用grid mixins

所以我开始重构我现有较少的文件以消除重复并利用参考选项。在我的文件少，我混合引导3我混入之一：

@import (reference) "../../../../less/variables.less"; 
@import (reference) "../../../../less/vendor/bootstrap/variables.less"; 
@import (reference) "../../../../less/vendor/bootstrap/mixins.less"; 
@import (reference) "../../../../less/vendor/bootstrap/grid.less"; 

.horizontal-submit-container { 
    .make-sm-column(6); 
    .make-sm-column-offset(6); 
}

参考标志编译后这是我从得到水平提交容器混入：

.horizontal-submit-container { 
    position: relative; 
    min-height: 1px; 
    padding-left: 15px; 
    padding-right: 15px; 
}

而这个CSS是不完整的 - 它缺少一些@media行。然而，当我删除参照标志我得到正确的：

.horizontal-submit-container { 
    position: relative; 
    min-height: 1px; 
    padding-left: 15px; 
    padding-right: 15px; 
} 
@media (min-width: 768px) { 
    .horizontal-submit-container { 
    float: left; 
    width: 50%; 
    } 
} 
@media (min-width: 768px) { 
    .horizontal-submit-container { 
    margin-left: 50%; 
    } 
}

来源

2014-02-10 dragonfly

这似乎是[参考模式]（https://github.com/less/less.js/issues/1469）中LESS的一个已知错误，即将解决的实施（从2- 10-2014）。 – ScottS

我也遇到过这个问题！ - 这已经发布在https://github.com/less/less.js/issues/1469 –

直到bug is fixed，你可以试试这个（参考模式我还没有实际测试过这一点）：

.horizontal-submit-container { 
    .make-sm-column; // copy the mixins themselves into it, then call them... 
    .make-sm-column(6); 
    .make-sm-column-offset(6); 
}

它实际上应该让本地将其中的@media混入的副本，然后当你给他们打电话时，它正在使用该副本。也许这会导致查询正确生成。

来源

2014-02-10 16:25:18 ScottS

@dragonfly：你接受了答案，它的工作（因为我目前无法测试）？ – ScottS

@dragonfly - 我用Less v1.6.3试了一下，并没有用这种方法; –

LESS进口参考不添加@media或调用grid mixins

回答

相关问题