less相关内容

较少-在CSS类上使用变量

这有点远,但是我想知道是否有可能将number设置为class的一部分,并基于该数字使用它来设置CSS的height HTML示例: 少有基本思想: .div-height-@var{ height: @height; } CSS输出: .div-height-100 { height ..
发布时间:2020-04-30 10:03:04 其他开发

LESS变量文件不是全局的

我在webpack中使用了less-loader,烦人的部分是我必须在模块的less文件的每个文件中导入variable.less.为什么它不能只是全球性的? 解决方案 问题尚不清楚(无法确定您遇到的问题是否与Webpack设置有关),但是如果您说的是必须要做的 variables.less @var1: value1; @var2: value2; module1.les ..
发布时间:2020-04-30 10:03:01 前端开发

sails.js的livereload减少,发出咕unt声,无法正常工作

我用grunt完美地在CSS中编译了较少的文件,并且在 .tmp/public/styles 中看到了结果 因此,现在应该在帆生成的项目中自然生成带有 grunt-contrib-watch 的 liver 了吗? 还是我必须进行特殊配置? 我在 tasks/pipeline.js 文件中发现了这一点,但不确定该怎么做. // CSS files to inject in orde ..
发布时间:2020-04-30 10:02:59 其他开发

较少的css变量,由函数多次执行定义

我有一个由randomizer函数定义的css变量,每次进入页面时,都需要使用此变量从列表中生成随机的背景色: @all-background-colors: "#7B8AA8,#00ADD5,#E93C43,#FC8383"; @background-color: color(~`@{all-background-colors}.split(',')[Math.floor(Math.ran ..
发布时间:2020-04-30 10:02:57 其他开发

LESS变量插值

我正在尝试通过使用函数和变量插值来简化我的CSS,甚至比使用LESS进行简化.直到我看了一下Hover.css的较少文件后,我才完全不知道变量插值,这对于为什么现在搞砸也就不足为奇了. 我正在Reddit上制作系统,但在使用变量插值时遇到了问题. 我目前正在使用以下内容作为测试: .flair.flair-one { color: red; } .flair.flair-two ..
发布时间:2020-04-30 10:02:55 其他开发

使用Ruby代替Java的lessc

我正在使用lessc在节点应用程序中编译我的CSS. LESS是通过NPM安装的. 当前的输出 lessc --version 是 lessc 1.3.3(无需编译器)[Ruby] 2.3.2 我怎么说 lessc 1.3.0(无需编译器)[Javascript] 为了编译我的CSS? 解决方案 我发现了问题.我安装了较少的Rubygem版本,它覆盖 ..
发布时间:2020-04-30 10:02:47 前端开发

如何为停点数量可变的梯度创建LESS mixin?

我为渐变找到的所有Less Mixins只有固定数量的停止点.逗号使用中less与css之间的冲突使变量停止无法以相同的方式进行. 我用于2向渐变的当前mixin .gradient (@origin: left, @step-1: @white, @step-2: @black, @fallback: @step-1){ background-color: @fallbac ..
发布时间:2020-04-30 10:02:41 前端开发

通过用户设置动态设置LESS变量

这真的很容易解释.可能或不可能. 我在数据库中有用户设置,或者至少有.这些设置将包含诸如字体大小,颜色和不透明度之类的内容.我需要从成员对象中获取它们,并转换为LESS样式. 在继续之前,我应该让您知道我正在使用Node.js + Sails.js + MongoDB. 我的成员对象看起来类似于(截断的数据): { _id: ObjectId("52afc219c ..
发布时间:2020-04-30 10:02:39 其他开发

基于循环内背景颜色变量的条件CSS

我意识到这是与此基于背景颜色的常规CSS类似的问题变量 但是我需要在LESS的循环内完成它.如果背景颜色太暗,我想生成另一个类,以便可以使顶部的文本变亮,但不确定如何,因为我不认为您可以使用带有十六进制颜色的变亮和变暗功能...? 这是我的更少 http://codepen.io/anon/pen/IlsJE ?editors = 110 .for(@i, @n) {.-each ..
发布时间:2020-04-30 10:02:36 其他开发

如何在更少的时间内创建列表输出?

我正在尝试创建一个从另一个列表计算得出的列表.例如,如果我有一个像1,2,3,4 ...的列表,那么输出必须是10,20,30,40 ...还有其他方法可以用更少的方法从另一个列表创建一个列表吗?请参考以下代码. @input: 1,2,3,4; .for(@array) when (default()) {.for-impl_(length(@array))} .for-impl_(@ ..
发布时间:2020-04-30 10:02:30 前端开发

Sails js应用程序将CPU使用率提高到100%

我正在使用Sails构建应用程序,每当我让服务器运行超过几分钟时,我的CPU就会稳定地达到100%的使用率.我的资产中包含的文件数量减少了很多,我相信我的问题就在这里.还有其他可能的原因吗? 解决方案 当您有很多文件时,它可能会压缩您的CPU.尝试禁用该功能,然后检查您的CPU是否正常使用(6-30%取决于您的CPU和总体使用情况). 要执行此操作,请转到tasks/register ..
发布时间:2020-04-30 10:02:28 其他开发

有条件地封装规则

假设我有以下内容: @import 'hello.less' 基于变量值,我想将其嵌套在另一个类中.以下是我要完成的 pseudocode : if(@someVar = true): .someClass { @import 'hello.less' } else: @import 'hello.less' 我想我可以使用混合守卫,但我不知道如何处理“其他" ..
发布时间:2020-04-30 10:02:26 其他开发

更少的父选择器

通常较少引用父选择器的是: .parent { .grand-pa & { /* this rules will apply to: .grand-pa .parent {....} background: grey; } } 我想要做的是类似的事情. HTML的示例代码: ..
发布时间:2020-04-30 10:02:21 前端开发

通用`vendors'mixin

在LESS下,定义供应商的混合是常见的任务,即: .box-shadow() { -moz-box-shadow:@arguments; -webkit-box-shadow:@arguments; -o-box-shadow:@arguments; -ms-box-shadow:@arguments; box-shadow:@arguments; } ..
发布时间:2020-04-30 10:02:19 其他开发

可以在更少的地方引用扩展属性吗?

是否可以在更短的时间内扩展扩展属性?我在一个(分布式)文件中有定义,在特殊情况下需要在现有属性中添加!important. 例如,我有一个较少的文件来定义此类 .pfx-grey-light-bg { background-color: #e5e5e7; } 我现在想引用这个较少的文件,但是将颜色扩展为重要 .pfx-metro-orange-dark-bg:exte ..
发布时间:2020-04-30 10:02:16 其他开发

在Billboard.js/D3.js中更改默认图表轴粗细

我已经使用 Billboard.js (基于D3 v4 +的界面图表库)创建了一个图表. 我遇到的问题是默认情况下将轴的厚度设置得很粗,我找不到任何使它们更薄的方法. 这是我的图表的样子: 当我右键单击它们并在inspect中打开时,我设法更改了它们的厚度,垂直轴的元素为: ,水 ..
发布时间:2020-04-30 10:02:12 前端开发

较少-具有相同样式的多个不同类?

您如何在下面的LESS中编写这种样式? nav a:hover, nav a:focus, footer a:hover, footer a:focus, .fullscreen-container a:hover, .fullscreen-container a:focus { text-decoration: none; } 我的尝试: .text-decoration ..
发布时间:2020-04-30 10:02:10 前端开发