.less:不编译变量文件

在windows上,我使用WinLESS编译.less文件,但我遇到了一个小问题 我有几个文件导入我的核心变量.less文件。它只有变量。WinLESS编译时,也会生成一个空白的variables.css文件。有没有办法阻止创建此空白文件?如果您有最新版本(1.3.0),那么没有,恐怕没有 但是你应该在上面提出一个错误 我是他们的开发者,我很快就会看的 [编辑] 有一些需要的行为-如果您更改一个文件,并且它从非空变为空,您会希望它更新。但是,如果输入文件是通配符,输出为空,并且该文件不存在,则可

Less grunt在部署时跳过脚本

我使用更少的.js来编写css。当我构建项目(grunt服务器,grunt)时,grunt contrib less插件将less.js样式转换为我的main.css文件。我只在index.html中包含此文件 这对于部署非常有用,但对于开发却没有那么多。我需要构建项目或运行“grunt less”来查看css的更改 我猜有一种更简单的方法可以做到这一点,但我对grunt en yeoman的东西还不太熟悉,所以我不知道该去哪里找。我建议使用,与grunt contrib less一起使用

Less 将计算值连接到字符串

我有以下代码: li { @count: 6; &:nth-child(~"{@count}n") { } } 我希望这个结果是: li { &:nth-child(6n) { } } 但是我得到了错误“ParseError:unrecogned input” 我怎样才能做到这一点 谢谢,, 米格尔 li { @count: 6; &:nth-child(@{count}n) { // ... } }

Less 为什么不是';t grunt重新加载我更新的较少文件?

每次我对其中一个文件进行更改时,我都试图让Grunt处理较少的文件 我有一个“监视”任务在工作,它说当我进行更改时它正在处理文件,它输出更改的正确文件,所以我的手表在工作,但我所做的更改没有在css文件上进行 我的文件结构是这样的 -styles globals.less components.less -menu menu.less -header header.less 当我第一次启动应用程序时,较少的文件被内置到正确的components.

LESSCSS:为从另一个属性中获取的属性指定一个值

在某些情况下,在不同的属性中使用相同的值是很常见的,例如,这只是显示以下嵌套规则的示例: .button-link { height:40px; a { line-height:40px; } } 其思想是,垂直居中按钮文本行的高度和高度应该相等 在LESS中是否有方法指定从不同属性获取的值 我知道我应该使用较少的@变量,但在这种情况下,这是不同的事情,需要额外的代码。相反,如果我只编辑按钮的高度,那么LESS会将相同的值替换为行高度,这将非常有趣和有用 更

Less 如何导入较少的文件,但不渲染它?

我有一个.less文件,其中保存了所有全局变量。例如: lib.less @primary-color: red; .primary-font{ font-family:Arial; } 在我的一个页面上,我有一个特定于页面的CSS文件。例如: 主页。较少 @导入“lib.less” 我使用更少的内存进行预处理。这会将“Homepage.less”呈现给客户端,如下所示: .primary-font{ font-family:Arial; } .Login { color:r

Less 减:引用另一个变量的变量';s值与连接名称

以下(简化)更少的代码正确运行,打印width属性的值,先前分配给@screen md变量 @screen-md:700px; @size:md; @temp:"screen-@{size}"; @width:@@temp; .foo { width:@width; } 假设@size值可以是传递给mixin的参数。通常,为了获得所需的结果,我需要传递@temp变量,首先根据@size值为她分配一个变量名,然后使用,最后将其分配给@width变量 我的问题是:是否有可能避免@temp变

Less 在PlayFramework2.3中无需编译

我正试图用它编译更少的文件。问题是当我跑步的时候 $ activator publish-local 将抛出以下错误 object less is not a member of package com.typesafe.sbt import com.typesafe.sbt.less.Import.LessKeys ^ sbt.compiler.EvalException: Type error in expression at s

Less sass中的静态映像路径

在更少的时间里,你总是可以做到这一点。为图像路径创建一个变量,然后可以在背景url中插入图像路径。我怎么能用SASS做这个 @static-path: "../../static"; background: url("@{static-path}/img/bg-header.jpg") repeat-x left bottom; 在SASS中,我们用$定义变量 所以定义名为path$img\u path的变量:“../../static” 然后使用一种叫做插值()的方法:

Less 如何使用较少的CSS-isurl-guard?

我似乎无法让CSS的isurl方法发挥作用 如果我将“”传递给mixin,则isurl的计算结果不会为true 如果我传入(不带引号),那么它不会编译 我的isnumber护卫工作如我所料 制作了以下简单的测试线束。文本是蓝色的 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <h

Codekit(less/css)在缩小时保留一些注释

如果我对这个问题感到厌烦,很抱歉,但是当使用Codekit(更少)缩小时,有一个技巧可以保留一些注释。正常的CSS样式注释会被保留(比如/*Hello*/),而单行注释(//Hello)会被删除。CodeKit只使用较少的可执行文件,因此它与较少的可执行文件完全相同 参考:保留常规CSS样式的注释(如/*Hello*/),而删除单行注释(//Hello)。CodeKit只使用较少的可执行文件,因此它与较少的可执行文件完全相同 参考:以感叹号开头的多行注释(如/*!Comment…*/)由LESS

Less 将参数mixin输出设置为变量

如何将参数mixin输出设置为变量 假设我有一个带有以下参数的自定义mixin: .gradient(#555, #333, #777); 我想把它放到一个变量中,这样我就可以在我的代码中引用这个特定的梯度 像这样包装它: @mixin elGradient() { @include .gradient(#555, #333, #777); } .element { @include elGradient; } 如需包含以下内容: @mixin elGradient() {

编译升华文本2中较少的文件时出现错误Less2CSS插件

我安装了Sublime Text 2和Node.js。之后,我使用命令控制台npm install-g less安装了Less2CSS插件并尝试编译更少的文件,然后我得到了错误压缩选项已被弃用。我们建议您使用专用的css缩小器,例如,请参阅less plugin clean css。我在上发现了相同的问题。但我不知道要更改的内容和文件。如果有人有相同的问题,请帮助我。我附上了屏幕截图以进一步了解该问题。谢谢大家。要解决此问题,请转到Sublize Text并: 转到首选项>浏览软件包 打开Les

Less 如何在变量中捕获父选择器

希望捕获“&”在“.media”下的状态值。希望我能利用BEVM风格的方法 .media { @this: &; &__body { float: right; } &.-reverse { @{this}__body { color: blue; } } } 希望生产 .media.-reverse .media__body { float:

Less 同一文件导入的多个实例导致根本不导入文件

我有一个条件语句,它根据设置的菜单类型导入文件 在本例中,“nav main type”已设置为“dual”,因此第二个“\u type”应在“非桌面”媒体查询中运行并导入“menu main mobile.less” 它似乎导入得很好,但是文件没有编译成CSS。当我从第一个“\uuu类型”注释掉导入时,一切都正常,所以问题似乎是同一个文件有两个导入 这应该不是问题,因为只有一个“\uuuu类型”可以运行,所以我不确定问题出在哪里 有人有主意吗 谢谢 .Menu-Main(); @Menu-Ma

Less mixin能否引用调用选择器中的值?

例如,我希望能够做到这一点: .bigfirstletter(@mag) { &:first-letter { font-size: [get_original_font_size] + @mag; } } 但就我所知,我必须这样做,这并没有那么整洁 .bigfirstletter(@fontsize, @mag) { &:first-letter { font-size: @fontsize + @mag; } } 我有别的选择吗?谢谢你的帮

Less 咕噜声、更少和文件监视

我想让格朗特做点什么。我的项目如下所示: /app /assets /components /stylesheets /less /file1.less /file2.less /file3.less /importAll.less /css 我希望这样,当file1、file2或

Less 更少:如何使用多个选择器优化代码编写

我使用较少的CSS,我有以下情况。你能告诉我是否有办法进一步优化更少的代码吗 如您所见,有许多对象在它们之间共享属性,但每个对象都有自己的特定自定义 多谢各位 footer a { font-weight:bold; &#acme, &#email_footer, &#browser_ok, &#browser_old { display:inline-block; position:re

Less 如何要求更少的人忽略输出中的扩展目的混合

我试图对我的代码库采用更少的1.4扩展特性,但发现它会输出所有的mixins。。例如: .DefaultFont { font: 12px/1.5 sans-serif; } .NoPaddingMargin { padding: 0; margin: 0; } body:extend(.DefaultFont all, .NoPaddingMargin all) { } 产生 .DefaultFont, body { font: 12px/1.5 sans-serif;

Less Grunt和当前目录

如何在grunfile.js中指定当前目录 看起来,grunt任务中的所有路径都是相对于grunt的文件位置的 我的目的是能够在任何项目的子文件夹中运行grunt任务,但我不知道文件名 让我澄清一下,例如,我有50个包含组件的文件夹,在一些文件夹中,我有2个*更少的文件。我想要的是能够在该特定文件夹中运行lesscss grant任务,该任务将那些*.less文件转换为*.css(保留原始名称)。在我的项目grunt jscs checker中,我们这样做是为了测试: grunt.file.se

LESSCSS:使用JQuery检索变量值

我知道这一点 less.modifyVars({'@parameter' : <value from form field>}); 但我没有发现这样的东西。有没有办法(使用LESS方法或jQuery)获取当前值 谢谢此脚本从提供页面的同一服务器加载较少的样式表(样式表/变量。较少的),并在列表中打印变量(): $(文档).ready(函数(){ var parser=new(less.parser); $.get(“样式表/变量.less”),函数(数据){ parser.pars

Less 升华无文本构建包不编译为css

我使用的升华文本编辑器是我使用过的最好的文本编辑器,但我现在遇到了一个问题,最初我是在windows上开发的,但现在我改用Ubuntu14.04 lts,我已经成功安装了升华文本2,但在编译较少的文件时遇到了一些问题,就像我通常在windows上使用升华测试时遇到的问题一样(ctrl+b)哈哈,这很严重。这是我每次尝试编译时都会遇到的错误 [Errno 2] No such file or directory [cmd: [u'lessc', u'/opt/lampp/htdocs/r6ima

Less 更少的代码显示错误,但仍然有效:“quot;发现意外的标记冒号“;

我从netbeans IDE的冒号“span:nth child”行中得到一个错误。表示“发现意外标记冒号”。我还检查了一个在线less验证器,得到了相同的结果 代码是有效的,但我还是觉得有些不好 有什么意见吗 .randomColor() { @baseColor: #003459; @number1: `Math.floor(Math.random()*10 + 90)`; @number2: `Math.floor(Math.random()*10 + 20)`;

Less 更少CSS-如何使用(vw)在视口中返回值

Less percentage函数返回值,单位为(%)-wow 将编译为: element { width: 50%; } 在(vw)中获取值的最佳方式或语法是什么,以便将样式编译为: (请记住,需要使用除法功能。(700/1400) 实现预期输出的最佳方法是将该值乘以100vw。这将是最有意义和最容易理解的方法 a{ width: 700/1400 * 100vw; } 下面使用函数的方法也很有效,但我不推荐 我不推荐它的一个主要原因是,我不确定它是否应该像它那样工作。unit()

lein less未在figwheel启动或.less文件更改时运行

我正在尝试设置一个clojurescript项目,该项目使用LeinLess插件编译.less文件。我应该说我对clojurescript还不熟悉。问题是它似乎没有运行。当我运行“lein figwheel”和更改.less文件时,它都不会运行 这是我的project.cljs (defproject fed-repo "0.1.0" :description "Frontend Repository" :dependencies [ [org.clojure/c

Less 样式类别A+类别B和仅类别A

我目前有以下设置 .classA { &.classB { } &.classC { } // some more } 所以每个类都依赖于类A。没有改变要求,我需要有B类,c类。。。在甲级以外工作 但是,重要的是它仍然通过&连接到classA 我在找像这样的东西 .classA, { ... // the comma should indicate classA or nothing } 干净的方法是 .classB { &, &

Less 少变量插值的正确语法是什么?

我有一个.less样式表,具有以下结构: @width:600; .some-style { width:@{width}px; } 这会产生以下错误: Expected '}' on line x in file '..\styles.less' 我需要这些大括号,因为我需要将变量与以下px后缀区分开来(@widthpx不起作用,因为它会查找名为widthpx的变量)。我不能使用空格,因为600px不是有效的css。用括号代替大括号也不管用 我做错了什么 更新:我从软件包管理器安

Less 使用Compass内联引导SASS图像

关于环境:我们使用UI构建自动化,我们确实用于管理第三方依赖关系,因为我们不想在存储库中保留第三方代码,我们用于CSS扩展 目前正在将供应商资产的压缩版本制作成单个CSS文件,但遇到了一个问题,即Compass在构建时并没有以某种方式将图像转换为内联图像。我们希望将所有图像内联到带有数据URL的CSS文件中(只要我们支持比IE9=更新的浏览器) 主SCSS文件,包括 // styles/main.scss $iconSpritePath: '../components/bootstra

Less 未使用Web Essentials 2013预览扩展名在Visual Studio 2013预览中编译较少的文件

我使用的是visual studio 2013预览版,我试图在应用程序中使用更少的文件。但是我在右边的窗格中得到一个编译错误。你可以看看。有人能帮我吗? 您必须使用“Unicode(不带签名的UTF-8)代码页65001”编码保存较少的文件。转到文件->将“您的文件”另存为。我不知道您是如何安装web essentials 2013的——我无法从vs2013中的“扩展和更新”库中找到它……您可以查看此链接。事实上,在我试图执行这项任务的那一天,我们没有正确更新Web Essentials Pre

Less 扩展Fontello图标

我试图用更少的时间扩展Fontello生成的图标伪类 现在,尽管这样做有效: .icon-extended:before:extend(.icon-caret-n:before) {} 这并不是: ul.checked li:before:extend(.icon-ok:before) {color: #4fa33b;} 不明白为什么 本例中的li:before将从.icon ok:before获取内容定义,但不是[class^=“icon-”]:before,[class*=“icon-”

如何将此嵌套选择器转换为LESS?

我是较少使用CSS的新手,但我花了很多时间学习CSS。目前,我正在将我的CSS代码迁移到一个不太需要学习和改进的地方。我在迁移过程中偶然发现了这一点 现有CSS代码 编写更少的代码 但是我陷入了一个困境,如何使用上面的层次结构为navigationMenuList类选择器编写css道具。或者我需要回退到CSS的常规方式吗 #sidebar .actionMenuList .topNavMenuList, #sidebar .navigationMenuList .topNavMenuList {

Less 切换我的网站主题

我希望允许用户切换我的网站的整个配色方案与按钮按下 我有两个单独的.less文件,它们具有相同的全局变量,但颜色不同。这个问题似乎很简单。。“用1.less文件交换另一个”。但我究竟如何做到这一点呢 当然,我可以根据单个元素的状态逐个修改.js中的整个站点元素,但这似乎是一个管道胶带解决方案。举个例子,一个可能的解决方案是:假设您有一个div元素,希望在每个主题中对其背景进行不同的着色。加载两个.less文件,并按如下方式编辑它们(将主题类添加到包装整个文档的正文元素): 主题-1.更少 bod

Less 使用较少的变量覆盖导航栏渐变颜色

variables.LESS中的哪些变量较少导致导航栏背景梯度 我只想通过使用较少的变量来定制导航栏的渐变颜色。 我希望避免使用原始CSS覆盖导航栏背景 根据说明,没有与渐变相关的变量,仅自定义@navbar default bg对于渐变(由2种或更多颜色定义)是不够的 这可能吗?通过对@navbar default bg应用变暗和/或变亮功能,可以获得额外的导航栏渐变颜色。因此,如果您需要渐变,而不仅仅是@navbar default bg的阴影,那么除了“覆盖原始CSS”之外,没有其他方法了

与LESS和visualstudio混合

我在VisualStudio中使用的更少,而且它工作得很好,但是现在我第一次尝试使用mixin 我输入以下代码: .box-sizing (@type: border-box) { -webkit-box-sizing: @type; -moz-box-sizing: @type; box-sizing: @type; } 但我从visual studio编译器中得到错误: 减:未识别的输入 我做错了什么 该代码没有问题-可能是其他代码导致了错误

Less Ant Design中链接/菜单的颜色/淡入淡出动画更改/移除的变量较少?

我已经将Ant Design antd的较少文件包括在我的React应用程序中,因为我想定制主题,如前所述。但是,我不确定在悬停菜单项时要更改、编辑或删除淡入淡出效果的变量。也就是说,我希望悬停菜单项的文本和背景颜色能够更快或立即更改。您无法通过编辑主题变量来实现该自定义级别。您需要手动将自定义css应用到您想要自定义的元素上,例如 例如,在悬停时将悬停动画设置为4s .ant-menu-item:hover { transition-duration: 4s; } 要查找准确的类名,您可

使用lesshp,将变量作为参数传递到mixin中

V:lessphp v0.3.4-2 使用此选项: @topDarkGrey: #6e6c74; @bottomDarkGrey: #5d5b64; .gradient (@startColor: #eee, @endColor: white) { background-color: @startColor; background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@en

Less TwitterBootstrap+;mvc,如何将动态宽度传递给boostrap。更少的类

我正在使用TwitterBootstrap,我想传递按钮宽度动态..如下代码 我想从客户端(从视图(MVC))动态地传递“@wth”值。 现在它在变量上以静态的方式出现。更少的文件…但是我想直接从视图(MVC)传递 那么,最好的解决方案是什么 尽管在浏览器中使用较少的.js会给人一种能够做动态事情的印象,但这些样式都被编译成CSS文件,并且在应用到html时具有固定值。因此页面加载后,您无法更改较少变量的值 如果您需要根据一些预设的大小动态地更改按钮的宽度,我建议您应该向css中添加类(小

如何使用Asp.net MVC 5和Web Essentials 2013编译Twitter Bootstrap 3.0 LESS

我已经设置了Visual Studio 2013 RC和Web Essentials 2013。我正在尝试使用ASP.Net MVC 5创建Azure云服务和Web角色。安装了Twitter Bootstrap Less Source 3.0,并希望使用WebEssentials 2013捆绑所有Less文件 关于如何在运行时绑定bootstrap.less或在设计时将其编译成bootstrap.css,我没有得到任何帮助或文档 你知道怎么做吗?有没有比更新(2015年9月29日)更简单的方法

Less 减:2个具有相同属性的混合

在CSS中,如果我希望有两个具有相同属性的类,我可以编写以下代码: .class1, .class2 { color:red; } 我希望为较少的混合获得相同的结果,但不允许使用以下代码: .mixin1(), .mixin2() { color:red; } 是否有一种正式的方法“创建一个混音副本””?根据七阶段最大值的建议,我可以提供一个更详细的答案: 更简单(原始)的解决方案: .class1 { color:red; } .class2 { .class1; }

Less 在较少的时间内创建带有参数的mixin

我想创建一个mixin,这样我就不必总是键入相同的代码。我想让mixin接受参数。这是我不得不一次又一次地写的文章(序列和圆圈部分): 我想创建如下内容: .CircleInfoBox (@color1, @background-color) { .serial {@color1}; .circle {@background-color}; } 这可能吗?是的,可以将参数/参数发送到mixin并使用它生成规则。在官方术语中,这种混合物被称为 请注意,参数混合不会产生任何输出,除

Less 少混入函数中的条件参数验证

如何将以下条件转换为更少 .mixin(@width) { width: (!@width ? auto : @width); } 结果应该是: [no value is passed] LESS: .mixin(); CSS: width: auto; [value is passed] LESS: .mixin(200px); CSS: width: 200px; 可以使用默认参数值来完成此操作: .mixin(@width: auto) { width: @width;

Less 引导程序3:如何将默认网格设置为960px宽度?

我正在使用Bootstrap3,客户端希望将网站容器宽度设置为960px。我是直接编辑CSS文件还是最好的方式?我听说了一些关于“少”的事。我是否自定义下载?谢谢 更新:该站点不需要响应,因此我可以禁用响应性,只需将960px宽度添加到CSS中即可,或者这会在其他地方引起问题吗?最简单的方法是将所有内容像这样包装在一个容器中 .container-fixed { margin: 0 auto; max-width: 960px; } 或者,您可以使用更少的/自定义构建:引导grids

如何使用RELATIA.less?

我正在尝试使用retinajs.com上的retina-1.1.0.less代码。它不工作,因为背景图像根本不显示 以下是html: <head> <link rel="stylesheet/less" href="../../scripts/retina-1.1.0.less" type="text/css" /> </head> <head> <link rel="stylesheet/less" href="../../scripts

Less 如何在更少的时间内扩展属性mixin?

例如,我有一个较少的混音 .mixin(){ background: black; [data-attribute]{ color: white; } } 我怎样才能只获得“颜色”属性? e、 g: .my-class{ .mixin[data-attribute](); //don't work for me }

Less 如何在类中使用较少的元素作为目标?

我希望使用更少的代码来针对类中的特定元素 在本例中,我希望以类button的元素为目标,但在该类中,我希望以锚定标记a为目标 目前我有: .button { /* lots of bits and pieces go here, hence the need to keep it at a class level */ /* further down, but still in .button */ /* Attempt 1 - fails: com

在做了一些数学运算之后,如何获得百分比(%)或像素(px)值Lesscss

关于LESSCS,我有一个简单的小问题。如何在LESSCS中获得百分比或像素的计算值。比如,我有:((1/1)*1)=1。我知道答案是1,但我希望这个“1”是这样的百分比或像素:“1%”或“1px” 我只需要在计算值中插入或放入百分比(%)或像素(px)符号 非常感谢您的帮助。请使用: unit(@yourvalue,px) 或 附加说明: 默认情况下,计算中第一个出现的单位将分配给结果。例如单位((1/2*3),px)和(1px/2%*3rem)都将返回1.5px我得到了解决方案。所需的只

在LESS中使用mixin命名参数作为伪选择器

我的想法是创建一个较少的mixin,它可以将伪元素:before或:after添加到我页面中的任何元素中 我尝试使用LESS mixin的“命名参数”创建一个通用mixin,用户可以在其中指定伪元素是:before还是:after 当我编译时,我得到一个错误:“无法识别的输入” 这是我的密码: .setInlineIcon(@iconx: 0; @icony: 0; @pos: before; @margin: 0; @margindir: right) { &:@{pos} {

Less 减:不覆盖列表第一项和最后一项圆角冲突规则的快速方法

我有一个最多4个项目的链接栏,但在某些情况下,可以减少到只有一个项目 我只想在酒吧的左侧和右侧圆角,只有第一个和最后一个项目有圆角 问题是当只有1项时,因为只有一个不带@side参数的常规调用,&:last of type规则显然会覆盖类型1的&:first 如何优化以下条件较少的混合 .rounded_corners (@radius:5px, @side:all) { border-radius:@radius; } .rounded_corners (@radius:

Less 以更少的时间将SASS If/Else块转换为其等效块

这里有一点不太一致的地方。。。有人知道这些的正确语法是什么吗?下面的代码是我以前使用的纯SASS mixin。谢谢你的帮助 @mixin linear-gradient($left, $right, $optional:false) { @if $optional and type_of($optional) == number { background: -webkit-linear-gradient($optional + deg, $left, $right); bac

  1    2   3   4   5   6  ... 下一页 最后一页 共 7 页