less相关内容
我在JS模式(less.js)中使用Less,方法如下:
..
目前,我使用LESS作为我的主要CSS预处理器。我有(我相信很多人有这个需要)在 @media 查询中定义变量,如: @media screen and(max-width:479px){ myVar:10px; } @media屏幕和(最小宽度:480像素)和(最大宽度:767像素){ myVar:20px; } @media screen和(min-width:768p
..
我一直在尝试一会儿,看其他答案,但没有效果。希望有人可以帮助我。 我想在mixin中生成一些动态变量名。 变量已定义: @ horizontal-default-color:#fff; @ horizontal-inverse-color:#000; 等。 希望会是这样的: .horizontal-variant(@vari
..
这是我已经有的: .coloring(@color){ color:@color; } 实际上想做: .coloring(@color,@important:''){ color:@color @重要; // etc } 所以我可以调用: .coloring(@color,!important);
..
我试图重用一组在媒体查询中设置的类作为mixins在整个网站中使用,而不是在html中嵌入非语义类名。 这是我的问题的一个例子。 @media(min-width:1000px){ .foo {width:120px;} .foo-2 {width:150px;} } @media(max-width:999px){ 。 foo {width:110px;}
..
我正在将 Unsemantic 从SASS转换为LESS,同时我正在建立循环来创建我的课程: .populateGridClasses(@index,@interval)when(@index> 0){ @num:@index * @interval ; (〜“.eh-grid - @ {num},.eh-mobile-grid - @ {num},.eh-tablet-gri
..
我发现已经是这样: http://stackoverflow.com/search?q=Failed+ to + decode + downloaded + font 但是答案不能帮我解决我的问题= / 我在我的页面上在控制台中出现此错误: 无法解码下载的字体:http://devcomlink.kunena。 dev-monkeys.com/components/com_kun
..
我想为我的按钮使用渐变样式,但是,我有一个悬停风格的问题, 这里是悬停之前的按钮: 这里是悬停后: > 这里是按钮的haml: = link_to'#',{:class =>'tour_btn btn btn-large btn-primary',:style =>'margin-left:10px; width:105px;'} do %h3 参观游览
..
@myThemeBackground = #ddd; div#box1 {background:@myThemeBackground; } 我使用LESS为我的css使用变量。它工作正常,但我想知道是否有一种方法,我在运行时通过javascript或某事动态地更改“myThemeBackground”。 所以说,如果用户选择一个自定义颜色的背景我想让整个皮肤改
..
我有几个LESS文件被导入到一个主文件(styles.less)。我现在的问题是:当我对其中一个子文件进行更改,我必须保存style.less将其编译为CSS。 有没有办法减少监控子文件,只编译父文件? 我发现了一个解决方案,我的问题,但它将是伟大的大多数。 解决方案 p> 由于我在Mac上,我收到less.app( http://incident57.com/少/ ),它
..
我想在Less中做一个for循环。是否可以在Less里面做这个?我知道它有能力评估js,但在这个程度? 解决方案 我会建议checkout Twitter Bootsrap 。他们正在以这种方式建造电网系统。 有趣的部分是在mixins.less文件中,在less目录中,下面是“//网格”注释(行516)。有趣的部分是: #grid { .core(@gridColum
..
使用lesscss时,我想将两个或三个.less文件合并到一个超级 css文件中。 可以使用一些小红宝石魔法来做到这一点,但我想知道在较少的引擎中是否有简单的东西。 解决方案 您可以使用 import ,类似于在常规CSS文件中的方式。 @import“reset”; @import“config”; @import“header”; @import“forms”
..
这是我的CSS / LESS CSS代码到目前为止: // make navbar taller @navbarHeight: 60px; // make navbar link text 18px .navbar-inner { font-size:18px; } // make navbar brand text 36px .navbar .brand
..
我尝试为CSS动画关键帧设置此LESS混合文件: .keyframes(@name,@from,@至) {; @ -webkit-keyframes“@name”{ 从{ @from; } to { @to; } } } 解决方案 从LESS> = 1.7开始,您可以使用关键帧关键字的变量(名称)。 在LESS 1.7中对指令的工
..
例如,是否可以执行以下操作: 解决方案 自2010年7月以来,与今天的Less 1.2.0版本。 请参阅初始diff添加了对此的支持。
..
使用Photoshop,我可以将两个不同的边框放置到具有两种不同颜色的元素。这样,我可以用我的元素做出许多动态阴影效果。即使使用Photoshop效果,我也可以使用Drop Shadow和Inner Shadow来管理它。 在Web设计问题上,如果我的设计像下面的图片,用CSS?是真的可能吗? 注意:我给白色元素两个边框:外边框是白色的,内边框是灰色的。在一起,他们创造一个动态的外观,
..
我注意到使用Less与字体缩写时出现的问题 .font(@weight:300,@size:22px, @height:32px){ font:@weight @ size / @ height“Helvetica Neue”,Arial,“Liberation Sans”,FreeSans,sans-serif; } 上述操作失败, this.a.toCS
..
我不熟悉少。在我的理解,我认为 Less 可以将减少格式文件转换为标准 css 文件(如果我错了,请纠正我)。 假设您将生成100个CSS类,如下所示(从 .span1 到 .span100 )。我想知道 less 是否可以生成一个CSS文件? ... .span5 { width:5%; } .span4 { width:4%; } .span3 {
..
Twitters的第2版“Bootstrap”UI框架今天发布。虽然我觉得它很方便,我不喜欢它是非语义的。 我希望避免在我的HTML中设置像.span6 .table-striped这样的类。 由于Bootstrap是建立在较少的基础之上,我期望有一个很好的方法使用一个项目特定的更少的表,可以利用mixins来将引导定义的善良好的语义类名。 我将bootstrap.less克隆到
..
所以我试图做一个LESS混合,它需要一个数字(度旋转)和输出正确的CSS来旋转元素。问题是,我不能想出一个方法来为IE写“270deg”和“3”(270/90)。这里是我尝试过的事情: .rotate(@rotation:0){ @deg:deg ; -webkit-transform:rotate(@rotation deg); //我可以看到为什么这不工作 -moz-trans
..