- Foundation 通用
- Foundation - 全局样式
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript 实用程序
- Foundation - 媒体查询
- Foundation - 网格
- Foundation - Flex Grid
- Foundation - 表单
- Foundation - 可见性类
- Foundation - 基本排版
- Foundation - 排版助手
- Foundation - 基本控制
- Foundation - 导航
- Foundation - 容器
- Foundation - 媒体
- Foundation - 插件
- Foundation SASS
- Foundation - Sass 函数
- Foundation - Sass Mixins
- Foundation 库
- Foundation - Motion UI
- Foundation 有用资源
- Foundation - 快速指南
- Foundation - 有用资源
- Foundation - 讨论
基础 - SASS 变量
使用 sass 变量,我们可以修改此组件的默认样式。以下是一些 sass 变量 −
编号 | 名称和说明 | 类型 | 默认值 |
---|---|---|---|
1 |
$grid-row-width 行的最大宽度。 |
数字 | $global-width |
2 |
$grid-column-count 如果更改了网格的默认值,则会影响网格 mixin 和输出的 CSS 类数量。 |
数字 | 12 |
3 |
$grid-column-gutter 列之间的距离。 |
数字 | 30px |
4 |
$grid-column-align-edge 如果将该列设置为 true,则会将其对齐到行的另一边。 |
布尔值 | true |
5 |
$block-grid-max 如果使用 block grid CSS,则可以获得 .x-up 类中最大的数字。 |
数字 | 8 |
foundation_the_grid.htm
广告