| 名称和描述 | 输入 | 默认值 |
|
$global-width
它代表站点的全局宽度。用于确定网格的行宽。
|
Number | rem-calc(1200) |
|
$global-font-size
表示应用于
<html> 和
<body>的字体大小 。默认设置为 100%，将继承用户的浏览器设置值。
|
Number | 100% |
|
$global-lineheight
表示所有类型的默认行高。
$global-lineheight 为 24px 而
$global-font-size 设置为 16px。
|
Number | 1.5 |
|
$primary-color
它为链接和按钮等交互组件提供Color。
|
Color | #2199e8 |
|
$secondary-color
与支持
.secondary类的组件一起使用。
|
Color | #777 |
|
$success-color
它表示与
.success类一起使用时的积极状态或动作。
|
Color | #3adb76 |
|
$warning-color
当与
.warning 类一起使用时，它表示警告状态或动作。
|
Color | #ffae00 |
|
$alert-color
当与
.alert 类一起使用时，它代表一个负面的状态或动作。
|
Color | #ec5840 |
|
$light-gray
用于浅灰色的 UI 项目。
|
Color | #e6e6e6 |
|
$medium-gray
用于中等灰色的 UI 项目。
|
Color | #cacaca |
|
$dark-gray
用于深灰色的 UI 项目。
|
Color | #8a8a8a |
|
$black
用于黑色 UI 项。
|
Color | #0a0a0a |
|
$white
用于白色 UI 项目。
|
Color | #fefefe |
|
$body-background
代表body的背景色。
|
Color | $white |
|
$body-font-color
代表正文的文字Color。
|
Color | $black |
|
$body-font-family
表示body的字体列表。
|
List | 'Helvetica Neue'、Helvetica、Roboto、Arial、sans-serif |
|
$body-antialiased
通过使用 CSS 属性
-webkit 将此属性设置为 true 来启用抗锯齿类型-font-smoothing 和
-moz-osx-font-smoothing。
|
Boolean | true |
|
$global-margin
代表组件的全局边距值。
|
Number | 1rem |
|
$global-padding
表示组件的全局填充值。
|
Number | 1rem |
|
$global-margin
表示组件之间使用的全局边距值。
|
Number | 1rem |
|
$global-weight-normal
表示普通字体的全局字体粗细。
|
Keyword或Number | normal |
|
$global-weight-bold
代表粗体的全局字体粗细。
|
Keyword或Number | bold |
|
$global-radius
表示所有有边界半径的元素的全局值。
|
Number | |
|
$global-text-direction
它设置CSS的文本方向为
ltr或
rtl
|
ltr |
