less相关内容

LESS CSS:滥用 &嵌套时的运算符?

Less 使用 & 运算符来增强 嵌套的可能性. .header { 颜色:黑色；.navigation { 字体大小:12px;&.class { 文本装饰:无 }}} 这会导致 & 被父选择器替换，并导致实际选择器与父选择器的连接:.header .navigation.class而不是正常的附加，这将导致 .class 成为后代:.header .navigation .class. ..
发布时间：2022-01-10 00:04:41 前端开发

更少的 CSS 嵌套类

我正在使用 LESS 来改进我的 CSS 并试图在一个类中嵌套一个类.有一个相当复杂的层次结构，但由于某种原因，我的嵌套不起作用.我有这个: .g {向左飘浮;颜色:#323a13；.border(1px,#afc945);.梯度(#afc945，#c8da64)；.常见的;跨度 {.my-span;.border-dashed(1px,rgba(255,255,255,0.3));}.发布{. ..
发布时间：2022-01-07 13:11:46 前端开发

在 yii2 中从 less 编译自定义 Bootstrap css

我正在用 Yii2 和 Composer 开始一个新项目(在使用 YII 1 完成几个项目之后). 我用作曲家创建了一个新的“高级项目".一切都很好，但是，我想知道自定义引导程序主题的最佳方法是什么? 我认为将整个引导程序较少地复制到后端和前端并编辑两个变量文件并编译它不是正确的方法. 那么:是否可以扩展由 Composer 下载的 less 文件并仅编辑两个变量文件? 解 ..
发布时间：2022-01-07 09:24:43 其他开发

使用源映射编译 LESS 文件

除了 CSS 文件之外，如何编译 LESS 文件以输出源地图文件 (.css.map)?有没有办法在命令行(NodeJS 的 lessc)和任何基于 GUI 的程序上执行此操作? 解决方案 更新:新的最短答案 文档已更新！随着新功能的减少，有时文档会滞后一点，所以如果您正在寻找前沿功能，您可能仍然最好运行 lessc(查看更长的答案)并检查什么弹出帮助文本. http://le ..
发布时间：2022-01-04 21:31:55 前端开发

如何阅读这个 LESS css?

我试图找出 Joni Korpi 的无框架 CSS 无框架网格 (http://framelessgrid.com/) 和我很难阅读他拥有的 .less 文件.我对 LESS 使用变量有一个基本的了解，所以我知道 column = 48 和 gutter = 24 就是这样. 1cols = 1 * (48 + 24) - 24)/12 吗? 我不明白的是 @1col: @1cols; ..
发布时间：2022-01-04 18:30:36 前端开发

如何根据用户操作系统更改 CSS

我如何编写 CSS 来处理在 Mac OS 和其他 OS 版本上不同的效果. 即 .(mac){高度:100%；宽度:100%；溢出:隐藏；}.(win 和 linux){高度:100%；宽度:100%；溢出:滚动；} 解决方案 你不能用纯 CSS 做到这一点，你可以用 JavaScript 检测 MAX 或 WIN 等操作系统，然后用它来加载不同的 CSS 样式. 您可以使用 ..
发布时间：2022-01-04 18:30:23 前端开发

花式媒体查询少一些魔法

在一些 css-classes 中使用 less 包装不同分辨率的 css-styles 会很好. 我想做类似的事情: 页脚{宽度:100%；}.药片 {页脚{宽度:768px；}}.桌面 {页脚{宽度:940px；}} 最后应该是这样的结果: 页脚{宽度:100%；}@media 屏幕和(最小宽度:768px){页脚{宽度:768px；}}@media 屏幕和(最小宽度:992px) ..
发布时间：2022-01-04 18:03:56 前端开发

FontAwesome - 无法解码下载的字体

我已经找到了:https://stackoverflow.com/search?q=Failed+to+decode+downloaded+font 但答案无助于解决我的问题=/ 我在我的页面上看到了控制台中的这个错误: 无法解码下载的字体:http://devcomlink.kunena.dev-monkeys.com/components/com_kunena/template/ ..
发布时间：2021-12-30 11:26:58 前端开发

LESS CSS - 根据主体类更改主题颜色的变量值

在这里开始掌握 LESS，但有一件事仍然有点不清楚. 假设我的网站有多个颜色主题，由 body 标签上的一个类控制.由此我可以为每个主题中的每个元素重新定义各种颜色.如果我有很多元素要更改……以及很多主题，这很容易但相当耗时.每次添加新主题时，我都需要重新写出所有选择器，并使用不同的颜色值. 我目前的工作基于我发现的另一篇文章:LESS.css 变量取决于类 ... 然而，对于我 ..
发布时间：2021-12-29 22:59:13 前端开发

减少与可选参数的混合

我有一个 Less mixin 定义为: .fontStyle(@family, @size, @weight: normal, @style: normal, @color: #ffffff, @letter-spacing: normal) {字体系列:@family;字体大小:@size;颜色:@color;字体权重:@weight；字体样式:@style;字母间距:@letter-spa ..
发布时间：2021-12-29 19:56:59 前端开发

引导程序LESS:导入 mixin 仅作为参考

我正在使用 Bootstrap 3.0 &小于 1.5.我将为许多站点使用相同的 bootstrap.css(或使用他们的 CDN).所以我正在使用 @import (reference) "bootstrap-3.0.0/less/bootstrap.less";@import(参考)“bootstrap-3.0.0/less/mixins.less"； 仅作为参考导入. 我的 app ..
发布时间：2021-12-28 15:22:42 其他开发

在 bootstrap 3 中使用 mixins 来避免布局结构的无语义标记

我对 bootstrap 和 less 都比较陌生，这是一次测试运行.目标是使用引导程序类并将它们转换为使用较少的简单和语义类.我不断收到错误消息，说 .col-sm-12 和 .col-md-8 未定义. 我该如何解决这个问题. /*less 样式文件*/@import "bootstrap.min.css";@繁荣:#ea7000；@screen-sm: ~"(min-width:76 ..
发布时间：2021-12-28 15:18:47 前端开发

设计 Twitter 的 Bootstrap 3.x 按钮

Twitter 的 Bootstrap 3 按钮的颜色有限.默认情况下将有 5 7 种颜色(默认主要、错误、警告、信息、成功和链接)参见: 每个按钮都有 3 个状态(默认、活动和禁用) 如何添加更多颜色或创建自定义按钮?Twitter 的 Bootstrap 2.x 已经回答了这个问题:设计 Twitter 引导按钮的样式.Bootstrap 3 不向后兼容.less 和 css 文件 ..
发布时间：2021-12-28 15:16:20 前端开发

.box-shadow 值前面的波浪号

我正在查看 bootsrap mixins.less 并注意到 box-shadow 值前面有一个波浪号.它的目的是什么?如果我的网站支持 IE9 及更高版本，我应该使用它吗? .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); 解决方案 这就是 波浪号引用 CSS 转义. 在 LESS 中， ..
发布时间：2021-12-28 15:13:26 其他开发

如何使用 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 并希望使用 Web Essentials 2013 捆绑所有less文件. 我没有得到有关如何在运行时捆绑 bootstrap.l ..
发布时间：2021-12-28 15:05:19 其他开发

Bootstrap 3 超大 (xl) 列

在 Bootstrap 的 LESS 构建中，谁能告诉我如何添加第五个设备尺寸，超大 (col-xl-#)? 解决方案 您可以创建另一个 less 文件(例如 bootstrapxl.less)，其中包含以下代码并编译该文件: @import "bootstrap.less";//超大屏幕@screen-xlg: 1600px;@screen-xlg-min: @screen-xlg;@ ..
发布时间：2021-12-28 15:04:40 其他开发