上节主要看了下bootstrap这个文件的内容,对boostrap的整个组织架构有了一个全局上的了解。下面我们针对几个主要文件进行解析。
首先是Variables.scss。
作用
作用很直观啊,就是对整个bootstrap,进行了常量的提取,类似于配置项。在我们对bootstrap进行定制化开发时,我们只需要修改其中的参数就可以完成相应的修改,十分方便快捷。
内容
总体来看,个人认为就分成两部分,一部分是核心配置项,另一部分是针对每个组件的配置项。没什么难点,直接罗列其组织结构。
核心配置项
|-- Colors //定义了灰度和徽章的颜色
|-- Scaffolding //脚手架,一些全局样式
|-- Typography //排版样式
|-- Iconography //图标配置
|-- Components //各组件的pad