- 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
廣告