问题标签 [lesscss-resources]

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.

0 投票
2 回答
481 浏览

grails - grails 生成 css/js 资源

我正在使用插件coffeescript-resourceslesscss-resources如何生成资源来获取原始 js/css ?

我知道我可以打包它然后引爆战争,但是有没有办法以更简单的方式获得输出?

0 投票
1 回答
975 浏览

css - 用 jsp/html 中的内联变量覆盖较少的变量属性/值

我有一种情况,我必须用用 jsp/html 编写的内联变量覆盖较少的变量属性/值。我在主文件(abc.less)中定义了几个变量,如下所示:

@bodyColor: rgb(88,90,91); // (#585a5b) grayish
@brandColor1: rgb(23,59,107); // (#173b6b) dark

我在 jsp/html 中编写了以下内容来更改颜色,我使用与主文件相同的变量名称。

@bodyColor: rgb(255,0,0); // (#ff0000) redish
@brandColor1: rgb(204,204,204); // (#cccccc) grayish

但它覆盖了主文件属性,请让我知道它是如何工作的。提前致谢。

0 投票
1 回答
1600 浏览

less - LESS 文件在客户端不起作用

我刚刚从 bootswatch.com 下载了 Amelia 主题并将其命名为 AmeliaBootswatch.less。另外,我下载了变量文件并将其命名为 AmeliaVariables.less。

在 AmeliaBootstrap.less 中,我有以下标签:

现在,在我的 aspx 页面中,我有以下代码:

less.watch()反复获取 AmeliaBootstrap.less 和 AmeliaVariables.less 文件而不会引发任何错误。

有人可以帮我吗?

0 投票
3 回答
24514 浏览

css - 使用源映射编译 LESS 文件

.css.map除了 CSS 文件之外,如何编译 LESS 文件以输出源映射文件 ( )?有没有办法在命令行(NodeJS's lessc)和任何基于 GUI 的程序上做到这一点?

0 投票
1 回答
420 浏览

css - 如何在 Genesis Framework 中应用 Less css

任何人都可以体验过在带有 Bones Child 主题的 Genesis Framework 中应用的 Less CSS 样式吗?我怎样才能开始呢?

请指教!

0 投票
1 回答
61 浏览

less - 想法:LESS CSS 在处理/编译时创建特殊选择器

我试图避免选择器的长链并使用一个基于类的选择器,该选择器是在将 LESS CSS 编译为纯 CSS 时自动创建的。有关详细信息,请参见下面的示例。

http://css-tricks.com/efficiently-rendering-css/的启发,我想到了为每个元素创建独特的类(重复的类可能会有意地有益)以提高 CSS 渲染的效率。

HTML


更少的 CSS


标准纯 CSS(从上面的 LESS 编译)


所需的纯 CSS(从上面的 LESS 编译,父元素中的子元素的类格式为
.parentElement1-parentClass1-childElement1-childClass1null如果类未定义则使用)


当然,元素的更具体/描述性的类名可以解决这个问题,但对于更大的应用程序并避免重复的类名,这种方法可能会更好,因为可读性由 less 处理并且生产 css 是高效的。“body”元素被用作基础元素,其他所有元素在命名方面都与它相关。html 中的类名仍然必须手动定义以符合此要求,但可以创建一个脚本来自动为所有元素创建类名。

我想知道LESS是否可以考虑到这个标准的编译方法。你对这个想法有什么想法,如果这样的事情是可行的?

0 投票
1 回答
47 浏览

css - Mixin 场景,尝试转换 css

在以下场景中将 CSS 转换为 LESS CSS 时遇到问题。

在下面的 CSS 中,我对:hover.active类具有相同的属性。

CSS:

这里如何在li.activefrom中使用 mixins&:hover

更少的CSS:

谢谢

0 投票
1 回答
81 浏览

css - 我怎样才能使这个 LESSCSS 循环正常工作?

在我的项目中,我使用了 4 个颜色主题,并且通过此功能,我想自动分配变量中包含的特定颜色值,并且我还想使用变量的名称将其分配给类。

//我的LESS函数

它使用变量值生成类名:ex:bsq3399cc 我希望类名与变量名相同:ex bsq-peach

我正在使用此处记录的 .for 函数。 https://github.com/seven-phases-max/less.curious/blob/master/articles/for-each.md

.for mixin //

我使用的 HTML 代码在这里。

0 投票
0 回答
39 浏览

css - 防止变量颜色名称在较少的类名称中转换为十六进制

我想使用一个包含颜色名称(红色、蓝色、绿色等)的变量并定义一些类样式规则。例如:

这将返回给我这样的东西:

好吧,.btn 的显示方式不行。我想这样显示它:

我注意到 less 会自动将颜色名称转换为 HEX 值。我也尝试了引号,但这似乎也不是一个好的解决方案。有什么解决方案可以优雅地解决这个问题吗?

谢谢。

0 投票
1 回答
1040 浏览

css - 如何在 LESS 中拆分字符串?

在 Stylus 中它很简单split('1/2', '/')[0](它将在某个分隔符处拆分字符串值,在示例中它将返回1),在 Sass 中我需要一个巨大的函数来做到这一点。我看不到在 LESS 中本地执行此操作的方法或在任何地方执行此操作的函数。

有人知道这样做的方法吗?