SASS 代码风格
基本设置
- 2 空格缩进
- UTF-8 编码
zindex使用规范
zindex.scss
用来统一项目中的 z-index 值,方便管理 z-index 的层级关系,避免 z-index 的值过大或者层级相互覆盖。
$zindexlist:
searchbox /* 搜索框 */
premiumsign /* 在 rstblock 中显示的品牌馆图标 */
dropbox /* 显示信息的 hover 浮动框 */
sidebar /* 右侧栏 */
toolbardropbox /* 右侧栏显示信息的 hover 浮动框 */
modalshade /* 浮动弹出框遮罩 */
modal /* 浮动弹出框 */
$zindexlist
中的数组元素决定 z-index 值,从上到下 z-index 值越大,层级越高。
使用方法:
@include zindex($ele);
$ele
参数值,需要在$zindexlist
中定义数组元素,注意变量的位置;- 也可以使用
$zindexlist
中的已经定义的数组元素,但需要注意以后增删改不会有影响; - 只支持正数,负数还是按照普通的方式。