问题标签 [less]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
.net - .NET 中更好的 CSS?
我有点嫉妒我从 Python 和 Ruby 社区看到的围绕 CSS 的创新。例如,请参阅:
也就是说,我的问题有两个。这些库是否可以通过 IronRuby 和 IronPython 轻松“移植”到 .NET,以便我可以在 C# 中编写 MSBUILD 任务或 HTTP 处理程序?
另外,我应该为此烦恼,还是 .NET 社区中的其他人已经在研究这个?
更新:自从我写了这个原始问题以来,.NET 社区在这个领域已经做了很多工作。查看以下为 LESS、SASS 甚至 CoffeeScript 提供帮助的工具:
css - 如何将“--watch”标志添加到此 TextMate 片段?
我喜欢 TextMate 作为我的所有网络事物的编辑器,因此我想使用一个片段将它与style.less
文件一起使用,以自动利用使用本机动态编译 .css 文件的 .less 方式
$ lessc {filepath} --watch
正如较少的文档(链接)中所建议的那样
我的(感谢编写 LESS TM Bundle 的人!)当前的 TextMate 片段非常适合将当前打开的 .less 文件写入 .css 文件,但我想利用该--watch
参数,以便每次更改 .less文件会自动编译到 .css 文件中。
这在使用终端命令行时效果很好,所以我确信它必须可以在当前用于 TextMate 的 LESS 命令的改编版本中使用它,因为它只会调用命令来编译文件。
那么如何将--watch
标志添加到此命令:?
我认为它应该是这样的:
但这样做只会使 TextMate.app 崩溃。
css - Ruby 命令行:如何通过命令行中的文本发送 CTRL-C 命令?
我正在尝试创建一个简单的 Automator droplet,它将style.less
文件放入其中并在其上运行以下 LESS 命令:
$ LESSC {DROPPED_FILE} --watch
它将监视我放入的文件是否有任何更改,然后会自动更新输出的style.css
仅供参考:我正在使用 LESS 来动态编写 CSS 文件。更多信息在这里。
基本液滴效果很好。
- 删除的文件被传递到一个变量中;为此:
{MY_VAR}
. - 我在shell中运行一个shell脚本
/usr/bin/ruby
如下system("lessc {MY_VAR} --watch &")
这很好用,但是我希望 --watch 在退出 automator 应用程序时停止。
LESS 文档说在命令行 shell 中按 CTRL-C 快捷键以中止脚本。
但由于我不在终端窗口内(命令在后台传递),我不知道如何中止脚本。
即使在 automator.app 已关闭后,该style.less
文件仍会被监视更改,并且相应生成style.css
的文件仍在被重写。
所以基本上我需要在.app退出时传递中止命令。
我生成了一个简单的弹出窗口,单击该窗口将在将另一个命令传递给终端 shell后关闭应用程序。
这是我所有尝试都未能成功停止脚本的部分。
是否有与按 CTRL-C 命令相同的命令行功能?我如何将这个最好的传递给外壳?
.net - 在 Visual Studio 2010 中使用 Cassini 提供自定义 HttpHandler 文件
只是使用 Visual Studio 2010 和 ASP.NETMVC 2 玩我们Less
HttpHandler
的 CSS 预处理,我无法提供.Less
我想要的文件类型。
我在其中添加了一个处理程序部分,web.config
这是以前使用 Cassini 时 VS 2008 所需的全部内容:
在 VS2010 中,文件以纯文本形式提供。2010 年 MVC 框架或 Cassini 是否需要额外信息?
编辑:
无论如何,我并不关心使用 VS2010 提供 Less 文件(我知道 T4 模板)。我试图具体找出为什么服务 HttpHandler 失败。
css - 如何将变量从一个lesscss样式表传递到包含的样式表?
我正在尝试使用lesscss构建一个模板系统,其中每个模板都有 3 或 4 个替代配色方案。
例如,我可以有一个red.less
如下所示的样式表:
因此,我只需要main.less
维护一个样式表,其中包含所有主要样式,并使用为颜色代码设置的变量。colour.less
然后我可以为每个配色方案创建一个单独的文件。
唯一的问题是,当我尝试执行此操作时,我得到一个Less::VariableNameError
表明 LESS 在解析变量之前正在解析 @imports。
是否有解决方法或任何其他方法来实现相同的最终结果?
css - 使用 LESS 及其 @import 时的 CSS 冗余
我真的很喜欢LESS的想法和概念。然而,我偶然发现了一个错误,我在很久以前向作者报告了该错误,但尚未得到任何反馈。也许只是我做错了什么。
我的application.less
-File 看起来与此类似:
我喜欢可以使用该@import
规则来拆分我的文件,以便更好地了解我的 css 声明。然而,每个导入的文件都需要再次重新导入 config.less-File才能使用我在其中定义的 mixins 和变量。
我敢打赌,您已经知道我在使用哪种冗余:每次导入 config.less 时,它的“输出”都会成为 application.css 的一部分。
我的配置文件包含大约 200 行代码。由于我将我的 CSS 拆分为大约 5 个需要重新导入配置的文件(基于我的控制器名称),我最终生成了大约 1000 行 100% 冗余的 CSS 代码。
我能想出的唯一解决方案是不要拆分我的文件,这是我真正想避免的。
asp.net-mvc - Visual Studio - 预编译 - 无点
我想知道是否有办法用 Visual Studio预编译*.less
文件(http://www.dotlesscss.org/ )。
该网站给了我一个dotless.compiler.exe
,但我不知道如何将它连接到视觉工作室。我正在为 Webforms 和 ASP.NET MVC 寻找解决方案。
css - 在 Visual Studio 的 CSS 源代码编辑器中打开文件
我正在使用基于.less的 Phil Haack 的 T4CSS T4 模板
Phil 解决方案的一件坏事是,Visual Studio 将 .less 文件作为纯文本文件而不是 css 文件打开。(因此没有智能感知。)
如何让 VS 在 CSS 源代码编辑器中打开 .less 文件?
我试过了:
- 右键单击 > 打开方式,但未列出 CSS 源代码编辑器。
- 工具 > 选项 > 文本编辑器 > 文件扩展名,但再次没有列出 CSS 源代码编辑器。
这可以做到吗?
javascript - 是否有用于 CSS 的 LESS 的 JavaScript 实现?
我需要至少在 JavaScript 中的 CSS 中进行变量替换(暂时让我们忽略它是客户端还是服务器端)。理想情况下,我会使用LESS 语法,它提供的功能不仅仅是变量替换。有没有人找到LESS的JS实现?
css - CSS 编译器和将 IE hack 转换为条件 css
跳到底部提问,但首先,有一点背景。
所以我一直在研究 CSS 编译器(比如 Sass & Less),并且对它们非常感兴趣,不是因为它们帮助我更容易理解任何事情(我已经做了几年 css)而是他们减少了杂物,帮助我更容易看到事情。
我最近一直在研究可靠地实现内联块(和 clearfix),这需要大量无关的代码和技巧。现在根据该领域的所有权威人士的说法,我不应该将 IE hack 放在我做 CSS 的同一页面中,我应该让它们有条件。但对我来说,处理和管理所有这些额外的代码真的很麻烦,这就是为什么我真的很喜欢像 Less 这样的东西。您无需应用无语义的类,而是指定一个 mixin 并应用一次,然后一切就绪。
所以我想我了解了一点(我想解释一下我的观点),但基本上,我正处于这些 CSS 编译器对我非常有用的地步,并允许我抽象出很多琐碎的东西,并且可靠地应用它们一次,然后编译它。我想有一种方法能够将 IE 特定样式编译到他们自己的条件文件中(ala Less / Sass),这样我就不必无缘无故地管理 2 个文件。
是否存在诸如运行并可以使下划线/星号黑客从自己的文件中分离出来的脚本/应用程序之类的东西?