减:将可变变量传入减淡函数
这行得通: background-color: ~"@{@{space-name}-color-4}"; 这不是: background-color:lighten(~"@{@{space-name}-color-4}",5%); 错误: SyntaxError: error evaluating function `lighten`: Object # has no method 'toHSL' in ... 已经检查过关于 SO 的问题,这个问题似乎很相似: 在LESS操作中用变量定义变量名 不幸的是,当我使用时,这对我不起作用: @color4:~"@{@{space-name}-color-4}"; border: 1px solid @color4; // this works background-color:lighten(#ffffff,5%); // this works background-color:lighten(@color4,
220 2022-07-19
编程技术问答社区
Sass: 在SCSS中使用两个@each列表
在我的 CSS 中,我必须创建引用“头发颜色"和“发型"的类 我写了一个 mixin 来帮助我的 CSS 写作更高效: @mixin hair($hair, $colour) { .hair-#{$colour} .#{$hair} { background:image-url("xsppsfhair#{$hair}#{$colour}.svg") center top no-repeat, image-url("xsppsheadgrey.svg") center top no-repeat, image-url("xsppsbhair#{$hair}#{$colour}.svg") center top no-repeat; } } @include hair(spikyboy, blonde); @include hair(curlyafroboy, blonde); 这会产生以下 CSS .hair-blonde .spikyb
198 2022-07-19
编程技术问答社区
用sass进行媒体查询
我在使用媒体查询混合编译我的 sass 文件时遇到错误.我遵循了几个教程,但它不会编译.我正在使用 Sass 3.3.0.alpha.67 (Bleeding Edge). 这是我的代码 /* Included at the end */ @mixin mobile-only { @media (max-width : 320px) { @content; } } /* Included where the rest of my sass is */ body { @include mobile-only { display: none; } } 我正在使用 scout 来编译并观察变化.我还有什么需要做的吗? 解决方案 似乎不再是问题了.稍微修改的代码在这个codepen http://codepen.io/danielcgold/pen/RRNrPQ. @mixin start-deskto
3532 2022-07-19
编程技术问答社区