bootstrap gradient less files编译错误

时间:2016-01-10 23:23:37

标签: css twitter-bootstrap css3 less gradient

我在bootstrap less文件夹中创建了一个gradient.less文件。

在gradient.less文件中,我有一个名为.linear-gradient的类。 我导入并将gradient.less文件放在bootstrap.less文件的顶部 我在名为variable.less的文件中创建了一个名为@jumbo-gradient的变量。

现在它无法工作并显示消息@ jumbo-gradient未定义。

如何在gradient.less文件中添加或导入线性渐变类作为variable.less文件中变量@jumbo-gradient的值?

有可能吗?

这是我的渐变类:

.linear-gradient( @dir: top, @start-color: #eee, @end-color: #aaa ) {
    background: -webkit-linear-gradient(@dir, @start-color 0%, @end-color 100%);
    background: -moz-linear-gradient(@dir, @start-color 0%, @end-color 100%);
    background: -ms-linear-gradient(@dir, @start-color 0%, @end-color 100%);
    background: -o-linear-gradient(@dir, @start-color 0%, @end-color 100%);
    background: linear-gradient(@dir, @start-color 0%, @end-color 100%);
    .linear-gradient-ie( @dir, @start-color, @end-color);
}

0 个答案:

没有答案