07月04, 2016

scss笔记

这里会记录我碰到的scss的一些坑及解决手段。关于scss是什么,以及简单用法,在此文中不会有任何的提及。

global-variable-exists

问题如下:我需要某一个变量,但这个变量并不一定非要存在,当我这个变量存在时,下面的规则才生效。不然则往下走。因为有时候涉及到覆盖css,而非要让使用者重写的话,又要去了解之前的css规则。

解决方式:

//当错误时边框色
$textbox-border-error-color: #ff3e4f;

.mini-error .mini-textbox-border{
    @if global-variable-exists(textbox-border-error-color) {
        border-color: $textbox-border-error-color;
    }
}

要注意的是global-variable-exists里面的变量,没有$符号

(待续....)

本文链接:www.my-fe.pub/post/scss-note.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。