Questions tagged «less»

我正在使用的Less编译器（OrangeBits和dotless 1.3.0.5）正在积极地进行翻译 body { width: calc(100% - 250px - 1.5em); } 进入 body { width: calc(-151.5%); } 这显然是不希望的。我想知道是否有一种方法可以通知Less编译器在编译过程中实质上忽略该属性。我搜索了Less文档和两个编译器的文档，但找不到任何东西。 更少或更少的编译器是否支持此功能？ 如果没有，是否有CSS扩展器呢？

336 css  compilation  less  css-calc 

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引文回答。 6年前关闭。 改善这个问题 我正在使用LESS使用Bootstrap 2.0.3。我想对其进行广泛的自定义，但是我希望避免在任何可能的情况下都对源进行更改，因为对库的更改非常频繁。我是LESS的新手，所以我不知道它的编译如何完全起作用。使用LESS或基于LESS的框架有哪些最佳实践？

285 twitter-bootstrap  less 

可以将.css文件导入.less文件...吗？ 我对较少的内容非常熟悉，并将其用于我的所有开发。我经常使用如下结构： @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; 所有导入文件都是其他.less文件，并且可以正常运行。 我当前的问题是：我想将.css文件导入.less，以引用.css文件中使用的样式，如下所示： @import "../style.css"; .small { font-size:60%; .type; } // other styles here .css文件包含一个名为的类，.type但是当我尝试编译.less文件时，出现错误NameError: .type is undefined .less文件不会仅导入其他.less文件...吗？还是我引用错了...？！

228 css  import  less 

使用LESS，我知道可以更改颜色变量的饱和度或色调。看起来像这样： background: lighten(@blue, 20%); 不过，我想更改颜色的Alpha不透明度。最好像这样： background: alpha(@blue, 20%); 在LESS中有简单的方法可以做到这一点吗？

171 css  variables  less  opacity  alpha 

我有以下代码： @color : #d14836; .stripes span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(209, 72, 54, 1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(209, 72, 54, 1)), color-stop(.75, rgba(209, 72, 54, 1)), color-stop(.75, transparent), to(transparent)); 我需要转换@color为rgba(209, 72, 54, 1)。 因此，我需要rgba(209, 72, …

131 css  less 

我认为这是不可能的，但我想我要是有办法的话。我的想法是，我有一个用于Web资源文件夹路径的变量： @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } 我得到这个结果： .px { background-image: url("../img/" "test.css"); } 但是，我希望将这些字符串合并为一个字符串，如下所示： .px { background-image: url("../img/test.css"); } 是否可以在Less中将字符串连接在一起？

129 css  path  web  less  concat 

无论如何，LESS是否在其输出中应用直接子选择器（>）？ 以我的style.less，我想写一些类似的东西： .panel { ... > .control { ... } } 并让LESS生成如下内容： .panel > .control { ... }

112 css  css-selectors  less 

我已经使用LESS.js之前。易于使用，类似 <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> 我看到SASS.js。如何以类似方式使用它？解析SASS文件以立即在HTML中使用。似乎SASS.js更适合与Node.js一起使用？ var sass = require('sass') sass.render('... string of sass ...') // => '... string of css ...' sass.collect('... string of sass ...') // => { selectors: [...], variables: { ... }, mixins: { ... }}

112 css  sass  less 

我已经使用安装了真棒字体4.0.3图标npm install。 如果我需要从节点模块使用它，应该如何在html文件中使用它？ 如果需要编辑less文件，是否需要在节点模块中进行编辑？

111 css  node.js  less  npm  font-awesome 

我想使用Twitter Bootstrap，但仅在特定元素上使用，因此，我需要找出一种方法为所有Twitter Bootstrap类添加前缀，或者使用较少的mixins。我对此还没有经验，所以我不太了解该怎么做。这是我尝试设置样式的HTML的示例： <div class="normal-styles"> <h1>dont style this with bootstrap</h1> <div class="bootstrap-styles"> <h1>use bootstrap</h1> </div> </div> 在此示例中，Twitter Bootstrap将采用两种样式h1，但我希望对我在哪些方面应用Twitter Bootstrap样式有更多选择。

106 twitter-bootstrap  less 

我正在使用LESS改进我的CSS，并试图将一个类嵌套在一个类中。层次结构相当复杂，但是由于某种原因，我的嵌套无法正常工作。我有这个： .g { float: left; color: #323a13; .border(1px,#afc945); .gradient(#afc945, #c8da64); .common; span { .my-span; .border-dashed(1px,rgba(255,255,255,0.3)); } .posted { .my-posted; span { border: none; } } } 我无法.g.posted上班。它只是显示.g位。如果我这样做就可以了： .g { float: left; color: #323a13; .border(1px,#afc945); .gradient(#afc945, #c8da64); .common; span { .my-span; .border-dashed(1px,rgba(255,255,255,0.3)); } } .g.posted { .my-posted; span { border: none; …

101 css  nested  less 

我将计算某些元素的宽度，从百分比到像素，因此我将通过使用LESS和calc（）来减去-10px 。这是可能的？ div { span { width:calc(100% - 10px); } } 我使用CSS3，calc()因此无法正常工作：calc(100% - 10px) 示例：如果100％= 500px，则宽度= 490px（500-10）； 我制作了一个测试示例：http : //jsfiddle.net/4DujZ/55/ 因此，在我调整大小时，填充会一直说：5（10px / 2）。 我可以在LESS中做到吗？我知道如何在jQuery和简单的CSS（如边距填充）中进行操作...但是我将尝试在LESS中使用以下功能calc()

100 css  less  pixel 

SASS具有一项称为的功能@extend，该功能允许选择器继承另一个选择器的属性，但无需复制属性（如mixins）。 LESS是否也具有此功能？

93 css  sass  less  extend 

在VS <= 2015中，我们可以使用WebEssentials扩展名，该扩展名负责为我们编译less / sass文件，但当前它不支持VS2017。您是否知道类似的扩展名，可以在构建时编译less / sass？

85 visual-studio  sass  less  visual-studio-2017  css-preprocessor 

最好使用更少的CSS样式将CSS样式包装为不同的分辨率。 我想做类似的事情： footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } 最后应该是这样的结果： footer { width: 100%; } @media screen and (min-width: 768px) { footer { width: 768px; } } @media screen and (min-width: 992px) { footer { width: …

81 css  responsive-design  less  media-queries