bootstrap v3的变量系统是如何设置的?
变量系统是贯穿整个ui框架的重要设置,通过设置统一的变量,控制系统统一的色调、间距、响应式设置等参数。
那么,像bootstrap这样一个庞大的UI框架,是如何通过变量系统来控制的呢?那么下面我们来细品。
还是打开上一章我们下载的sass源码,stylesheets
>bootstrap
>_variables.scss
_variables.scss
文件内,就是变量的设置源码。虽然这个文件不会产生任何实际样式,但是通过统一的设置和引用,它将作用到所有组件、布局及各种设置。
ps:在sass的语法中,带下划线的源码,编译之后是不会生成文件的。
下面我们重点分析部分重要变量区块的设置(因为仅变量就有875行设置~~)。
色彩变量
主体色彩设置是这样的:
//== Colors
//
//## Gray and b