less-mixins相关内容
我有一个属性 @keyframes,我用 autoprefixer 编译以添加所需的前缀. 我想做的是向动画名称(或任何可能的地方)添加一个参数,以将属性值更改为关键帧键. 这就是我现在拥有的: @keyframes 加载器 {0% { 变换:平移(0,-50%)旋转(0度);}100% { 变换:平移(0,-50%)旋转(360 度);}} 基本上我想做的事情: @keyfra
..
在LESS mixin中,我有一个Alpha值,即使以百分比(xx%)给出,我也希望将其转换为纯数字(0.xx).我发现percent()函数可以将数字转换为百分比,但是percent(xx%)返回"xx00%"并除以100会使0.xx变成0.00xx,这也不是一件好事.我可以在LESS invlove中找到的所有"if-then"语句都创建了一个新的作用域,因此尽管我可以检测到“%",但无法将该
..
我有此代码: @import "vars.less"; // Desktop/Laptop Section @import "mixins-d-1.less"; @import "positioning.less"; @import "containers-d-1.less"; 在containers-d-1.less内部,我引用了mixins-d-1.less中的mixin.但是,我
..
我想要做的是创建一个混合器,该混合器接受参数并使用一个或多个参数作为要包含的其他混合器的名称. 由于我不确定适当的用语,我将尝试通过示例进行解释: @gradients{ light:#fafafa; //Should these also be prefixed with @? dark:#888888; } @gradientBackground(@name,@he
..
我正在尝试将mixin称为另一个mixin中的参数,但是出现语法错误.令人讨厌的mixin调用中没有变量,只有参数. 我不确定这是否可行.我在这里看到的答案似乎是黑客或将变量和字符串作为参数来处理. CSS少 // color variables for user's color @userColor: #13acae; @darkUser: hsl(hue(@userColor
..
我需要实现这种效果,但即使@padding实际上
..
我希望使用LESS创建一个类似于“眨眼效果"的CSS动画.我的目的是根据DOM元素的CSS类,每次调用2种@stop颜色时都要调用一次mixin,以便获得不同的颜色闪烁. 目前,我有以下HTML:
Loading...
WARNING!!!! Opera
..
我有一个LESS mixin.当某个身体类别存在时,我想更改mixin的一个值. .my-style() { font-weight: bold; color: red; } .my-style-altered() { color: blue; } .element { .my-style; } .body-class .element { .my-style-al
..
我正在寻找一种语法更少的东西来做类似的事情: .button-default{ background-color: rgb(100,200,250); :hover{ .button-hover-effect-mixin(); } } .button-warning{ background-color: rgb(250,100,0); :hover{ .b
..
任何建议如何基于参数存在来创建条件mixin? 例如,我需要验证是否已传递所有参数才能执行某些操作,例如: .margin (@margintop:0,@marginbottom:0,@marginright:0,@marginleft:0) { // if @marginright:0 or @marginleft:0 are passed do that... // else
..
我正在尝试创建一个Less mixin来生成媒体查询.目的是将我的断点存储在variables.less文件中,并在它们之间循环以创建@media块. 然后将mixin用作: .mq-medium({ // rules }); 并生成CSS,如: @media only screen and (min-width: 640px) { // rules } 这是我目
..
此混入出现语法错误: .vendors(@statement){ @statement; -moz-@statement; -webkit-@statement; } 任何执行此操作的方法,或者混入变量必须位于:的右侧吗? 解决方案 由于v2较少,您可以使用 @ScottS已在中提及从Less v1.6开始,您就可以在选择器中使用变量插值,从而可以执行以下操作:
..
我有一个属性@keyframes,我使用autoprefixer进行了编译以添加所需的前缀. 我想做的是在动画名称上添加一个参数(或在任何可能的地方),以将属性值更改为关键帧关键. 这就是我现在拥有的: @keyframes loader { 0% { transform: translate(0, -50%) rotate(0deg); } 100% { tranfor
..
逻辑方法是: .mymixin() { sample_key: samplevalue; } @avar: mymixin; .@{avar}(); 但是我遇到了解析错误. 有办法吗? 解决方案 模块mixins 如果要通过变量的引用来调用特定的混合,则需要使用参数,因为您无法动态地通过参数的名称来调用参数混合..因此,最接近您要执行的操作的将是使用模块mix
..
我需要为媒体查询下的元素和另一个类的后代定义相同的样式. LESS中的完美解决方案可能是以下[伪代码]: .foo { color:red; .example &, @media (min-width:800px) { color:blue; } } 应该被编译为: .foo { color: red; } .example .foo {
..
我有一个mixin,它使用供应商的前缀创建一个渐变,我想将此背景除另一个background-image之外添加到DIV中. .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) { background:@start-color; backgroun
..
我有以下Less mixin: .box-sizing(@value) { -webkit-box-sizing: @value; -moz-box-sizing: @value; box-sizing: @value; } ,并且我只允许将值"border-box"和"content-box"作为参数,否则Less引擎应引发异常.我怎样才能做到这一点?因为没有此
..
我最近开始使用不用CSS -太棒了(如果您还没有使用过,我建议您检查一下) ). 我正在一个项目中,我想执行以下操作(这不是正确的语法,只能尝试解释我的问题): if(lightness(@background_color)
..
我有以下mixin: .iconFont(@color: @green, @font-size: 18px){ color: @color; font-size: @font-size; } 如果我只想更改第二个变量值,我需要写第一个变量默认值吗? h1{ .iconFont(@green, 14px); } 解决方案 否,调用函数时无需为第一个参数指定默认值.相反
..
我正在尝试进行混合以适当地将像素转换为相对em.我希望它足够灵活以允许将任何属性与任意数量的像素值一起使用. 有没有关于如何在一个for循环中创建的没有递归错误的情况下将多个值添加到单个属性的想法? 所需的用法示例1: .pixels-to-rems(font-size; 10); 所需的输出: font-size: 10px; font-size: 1rem; 所
..