2016-02-17 18 views
0

我从少转换到萨斯,想知道我如何做以下?从选择器的警卫从少到萨斯

In少我可以添加一个守护规则集,以便它只编译,如果我已经设置了has-badge变量启用(它不是从别处调用混合,而是自包含的块)。

.badge when (@has-badge = enabled){ 
    display: inline-block; border-radius: $badge-radius; padding: $badge-padding; min-width: 1em; text-align: center; font-size: $badge-font-size; line-height: 1em; 
} 

@has-badge: enabled; 
+1

SO不是一个代码转换服务,你有没有试过什么,什么都可以? – cimmanon

+0

我确实做了,但是Sass和Less使用了完全不同的术语。 –

+1

你从哪里尝试过什么?因为它看起来像是发布了LESS代码,希望有人会为你转换它。 Sass文档实际上只是一个页面。如果您了解LESS中的警卫是什么,那么如果您已经阅读过文档*,那么您应该完全没有必要弄清楚Sass中的结构是否具有可比性。 – cimmanon

回答

2

你必须在下面的例子中简单的使用SASS if/else语句和比较字符串值的能力等:

.badge { 
    @if $has-badge == "enabled" { 
     display: inline-block; border-radius: $badge-radius; padding: $badge-padding; min-width: 1em; text-align: center; font-size: $badge-font-size; line-height: 1em; 
    } 
} 
+0

非常感谢。我现在有大约一百人手工转换。好吧。 –

+0

哦,好吧..玩得开心! –