标签: less

是否有类似less.app的东西可以将LESS编译成CSS？我不关心GUI,也不想通过NPM(node.js包管理器)安装它.

假设我有三个单独的配色方案,用于网站的各个页面.每种颜色都定义了浅色,中色和深色,并且颜色方案由体内的类定义.假设"红色"颜色方案是默认颜色.像这样:

颜色定义:

@red-lt:   #121;
@red-md:   #232;
@red-dk:   #343;
@green-lt: #454;
@green-md: #565;
@green-dk: #676;
@blue-lt:  #787;
@blue-md:  #898;
@blue-dk:  #909;

基本默认样式示例

body { background-color: @red-dk;
  #container { background-color: @red-md;
     p { color: @red-dk; }
  }
}

不同颜色方案样式示例

body.green { background-color: @green-dk;
  #container { background-color: @green-md;
     p { color: @green-dk; }
  }
}

我想使用变量,这样我就不必重新编写每个方案的所有颜色变化,这样我就可以这样编写:

body.[color-var] { background-color: @[color-var]-dk;
  #container { background-color: @[color-var]-md;
     p { color: @[color-var]-dk; }
  }
}

......但我无法完全理解如何实现这一目标.救命…？

好的,所以我在Visual Studio 2015 Preview中创建了一个新的ASP.Net 5/ MVC 6项目.为了与我们当前的做事方法保持一致,为了造型,我想使用.less文件.创建文件非常简单,但Web Essentials不再编译它们.

所以我的问题是:.css在保存.less文件时,我需要做些什么才能生成文件？

根据我的冒险经历使得Typescript工作得很好,我将不得不用来Grunt完成这项任务,但我对Grunt来说是全新的,所以我不确定如何做到这一点？

请帮忙!

我在localmachine上设置了一个虚拟应用程序,它正在运行,但它没有加载CSS文件.我使用lessCSS来设置我的应用程序样式,我认为这里没有加载css的原因是LESSCSS样式表使用.less扩展名.

那么怎么做才能读取*.less文件扩展名？

读这个

有几个"正确"的答案.由于这个问题得到了大量的流量,我认为随着LESS项目的成熟,我应该跟上(我认为)最佳答案(基于LESS文档),并相应地改变我接受的答案.

我正在使用LESS,但我无法找到允许多个CSS3盒阴影的修复程序.我有以下mixin:

.box-shadow(@arguments) {
    -webkit-box-shadow: @arguments;
    -moz-box-shadow: @arguments;
    box-shadow: @arguments;
}

而我正在尝试这个:

.box-shadow(
    inset 0 0 50px rgba(0,0,0,0.3),
    0 0 10px rgba(0,0,0,0.5);
);

这适用于普通的CSS3,但在从LESS文件运行时失败.我已经读过某个地方,分隔2个阴影的逗号是导致LESS解析器出现问题的原因.

有谁知道如何使这项工作？我能想到的唯一解决方法是创建一个包含多个box-shadow属性的附加CSS文件.

我目前正在项目中使用Twitter Bootstrap,包括LESS文件,并使用我们编写的一些额外的LESS代码进行编译.

最新版本意味着我们需要覆盖一些Bootstrap LESS变量.这里的一个选择是维护我们在每个版本上修补的Bootstrap的修改副本.

但我注意到,@import通过在import语句之后重新声明变量,可以覆盖LESS文件中定义的变量.

例如:

@import "twitter-bootstrap/bootstrap.less";
// Restore base font size to pre 2.1.1 defaults
@baseFontSize:          13px;
// Add some custom LESS code here

这是不好的做法吗？它是LESS编译器工作方式的工件,还是它的预期部分？我找不到这方面的很多信息,虽然我确实找到了以下两个参考:

由于Less编译器中存在错误,您可以通过在最初声明变量后更改变量来覆盖变量的"常量"值.

http://rubysource.com/how-to-customize-twitter-bootstrap%E2%80%99s-design-in-a-rails-app

和

通过覆盖这三个变量来自定义列和装订线(在声明grid.less导入之后).

http://semantic.gs/

LESS网站本身说变量是'常数':

http://lesscss.org/

请注意,LESS中的变量实际上是"常量",因为它们只能定义一次.

但后来我看到其他网站使用这种方法..它肯定比维护供应商分支更容易,并且似乎与less.js一起工作正常.

会不会有任何关于这是否是一件坏事的想法!

我正在使用twitter bootstrap和django.我已经使用pip需求文件处理了我的依赖项.

我有两个问题:

1. 我在开发过程中如何使用更少的东西,以便在编辑我的一个较少的文件时编译它？
2. 我如何创建某种构建脚本来压缩和组合我的JS并从Less生成CSS作为部署的一部分？

我编写了一个自定义构建脚本来创建virtualenv,运行'pip install -r requirements.txt',django syncdb,django migrate然后关闭我们去.

什么是最简单的集成方法？

谢谢

我一直在深入研究Sublime的片段,插件和宏,但我似乎无法找到我正在寻找的东西.

我试图改变这个:

.content {
    color: @blue;
}

进入:

.content {
    color: darken(@blue, 5%);
}

理想情况下,我可以选择@blue部件,点击命令,并妥善包装整个事物.

有任何想法吗？这甚至可能吗？

我一直在使用LESS,我发现它非常有用

我想在Vim中使用所有.less文件突出显示CSS语法.

有什么建议？

Twitter的Bootstrap 3按钮颜色有限.默认情况下,将有5 7种颜色(默认主要,错误,警告,信息,成功和链接)请参阅:

每个按钮都有3个状态(默认,活动和禁用)

如何添加更多颜色或创建自定义按钮？Twitter的Bootstrap 2.x:Styling twitter bootstrap按钮已经回答了这个问题.Bootstrap 3不向后兼容.less和css文件中会有很多变化.对IE7的支持将被取消.TB3首先是移动设备.标记代码也会改变.