less相关内容

目前,我使用LESS作为我的主要CSS预处理器。我有(我相信很多人有这个需要)在 @media 查询中定义变量,如: @media screen and(max-width:479px){ myVar:10px; } @media屏幕和(最小宽度:480像素)和(最大宽度:767像素){ myVar:20px; } @media screen和(min-width:768p ..
发布时间:2017-01-19 06:56:53 前端开发

LESS CSS中的动态变量名

我一直在尝试一会儿,看其他答案,但没有效果。希望有人可以帮助我。 我想在mixin中生成一些动态变量名。 变量已定义: @ horizo​​ntal-default-color:#fff; @ horizo​​ntal-inverse-color:#000; 等。 希望会是这样的: .horizo​​ntal-variant(@vari ..
发布时间:2017-01-19 06:54:50 前端开发

使用在媒体查询中设置的类为mixin in less

我试图重用一组在媒体查询中设置的类作为mixins在整个网站中使用,而不是在html中嵌入非语义类名。 这是我的问题的一个例子。 @media(min-width:1000px){ .foo {width:120px;} .foo-2 {width:150px;} } @media(max-width:999px){ 。 foo {width:110px;} ..
发布时间:2017-01-19 06:32:17 前端开发

在LESS中循环中连接字符串

我正在将 Unsemantic 从SASS转换为LESS,同时我正在建立循环来创建我的课程: .populateGridClasses(@index,@interval)when(@index> 0){ @num:@index * @interval ; (〜“.eh-grid - @ {num},.eh-mobile-grid - @ {num},.eh-tablet-gri ..
发布时间:2017-01-19 06:27:21 前端开发

FontAwesome - 无法解码下载的字体

我发现已经是这样: http://stackoverflow.com/search?q=Failed+ to + decode + downloaded + font 但是答案不能帮我解决我的问题= / 我在我的页面上在控制台中出现此错误: 无法解码下载的字体:http://devcomlink.kunena。 dev-monkeys.com/components/com_kun ..
发布时间:2017-01-19 06:26:18 前端开发

Twitter自举,按钮悬停样式?

我想为我的按钮使用渐变样式,但是,我有一个悬停风格的问题, 这里是悬停之前的按钮: 这里是悬停后: > 这里是按钮的haml: = link_to'#',{:class =>'tour_btn btn btn-large btn-primary',:style =>'margin-left:10px; width:105px;'} do %h3 参观游览 ..
发布时间:2017-01-19 06:04:52 前端开发

通过LESS和CSS动态(在运行时)更改变量?

@myThemeBackground = #ddd; div#box1 {background:@myThemeBackground; } 我使用LESS为我的css使用变量。它工作正常,但我想知道是否有一种方法,我在运行时通过javascript或某事动态地更改“myThemeBackground”。 所以说,如果用户选择一个自定义颜色的背景我想让整个皮肤改 ..
发布时间:2017-01-19 05:54:05 前端开发

在LESS CSS中,我可以得到LESS看一堆文件,但编译不同的文件,当他们改变?

我有几个LESS文件被导入到一个主文件(styles.less)。我现在的问题是:当我对其中一个子文件进行更改,我必须保存style.less将其编译为CSS。 有没有办法减少监控子文件,只编译父文件? 我发现了一个解决方案,我的问题,但它将是伟大的大多数。 解决方案 p> 由于我在Mac上,我收到less.app( http://incident57.com/少/ ),它 ..
发布时间:2017-01-19 05:46:59 前端开发

你能做一个javascript的循环里面的LESS CSS吗?

我想在Less中做一个for循环。是否可以在Less里面做这个?我知道它有能力评估js,但在这个程度? 解决方案 我会建议checkout Twitter Bootsrap 。他们正在以这种方式建造电网系统。 有趣的部分是在mixins.less文件中,在less目录中,下面是“//网格”注释(行516)。有趣的部分是: #grid { .core(@gridColum ..
发布时间:2017-01-19 05:37:16 前端开发

将两个.less文件加入一个css文件

使用lesscss时,我想将两个或三个.less文件合并到一个超级 css文件中。 可以使用一些小红宝石魔法来做到这一点,但我想知道在较少的引擎中是否有简单的东西。 解决方案 您可以使用 import ,类似于在常规CSS文件中的方式。 @import“reset”; @import“config”; @import“header”; @import“forms” ..
发布时间:2017-01-19 05:04:04 前端开发

如何在LESS中设置关键帧名称

我尝试为CSS动画关键帧设置此LESS混合文件: .keyframes(@name,@from,@至) {; @ -webkit-keyframes“@name”{ 从{ @from; } to { @to; } } } 解决方案 从LESS> = 1.7开始,您可以使用关键帧关键字的变量(名称)。 在LESS 1.7中对指令的工 ..
发布时间:2017-01-19 04:59:21 前端开发

CSS:不同颜色的双边框

使用Photoshop,我可以将两个不同的边框放置到具有两种不同颜色的元素。这样,我可以用我的元素做出许多动态阴影效果。即使使用Photoshop效果,我也可以使用Drop Shadow和Inner Shadow来管理它。 在Web设计问题上,如果我的设计像下面的图片,用CSS?是真的可能吗? 注意:我给白色元素两个边框:外边框是白色的,内边框是灰色的。在一起,他们创造一个动态的外观, ..
发布时间:2017-01-19 04:36:14 前端开发

如何生成CSS与循环在较少

我不熟悉少。在我的理解,我认为 Less 可以将减少格式文件转换为标准 css 文件(如果我错了,请纠正我)。 假设您将生成100个CSS类,如下所示(从 .span1 到 .span100 )。我想知道 less 是否可以生成一个CSS文件? ... .span5 { width:5%; } .span4 { width:4%; } .span3 { ..
发布时间:2017-01-19 04:18:51 前端开发

调整Bootstrap 2.0语义标记

Twitters的第2版“Bootstrap”UI框架今天发布。虽然我觉得它很方便,我不喜欢它是非语义的。 我希望避免在我的HTML中设置像.span6 .table-striped这样的类。 由于Bootstrap是建立在较少的基础之上,我期望有一个很好的方法使用一个项目特定的更少的表,可以利用mixins来将引导定义的善良好的语义类名。 我将bootstrap.less克隆到 ..
发布时间:2017-01-19 04:16:12 前端开发

在没有空格的less(css)中连接值

所以我试图做一个LESS混合,它需要一个数字(度旋转)和输出正确的CSS来旋转元素。问题是,我不能想出一个方法来为IE写“270deg”和“3”(270/90)。这里是我尝试过的事情: .rotate(@rotation:0){ @deg:deg ; -webkit-transform:rotate(@rotation deg); //我可以看到为什么这不工作 -moz-trans ..
发布时间:2017-01-19 04:03:19 前端开发