大多数元素和组件都可以使用 .is-$color 修饰符来改变颜色,例如 is-primary 或者 is-dark。
可以通过 $colors Sass map 来获得所有的颜色和他们的反色。
文档
当你使用 Bulma 创建一个网站 所需要的一切
大多数元素和组件都可以使用 .is-$color 修饰符来改变颜色,例如 is-primary 或者 is-dark。
可以通过 $colors Sass map 来获得所有的颜色和他们的反色。
| Color | Variable | Value | Computed value | Invert value | Computed invert value |
|---|---|---|---|---|---|
| White |
$white
|
$white
|
hsl(0, 0%, 100%)
|
$black
|
hsl(0, 0%, 4%)
|
| Black |
$black
|
$black
|
hsl(0, 0%, 4%)
|
$white
|
hsl(0, 0%, 100%)
|
| Light |
$light
|
$white-ter
|
hsl(0, 0%, 96%)
|
$grey-darker
|
hsl(0, 0%, 21%)
|
| Dark |
$dark
|
$grey-darker
|
hsl(0, 0%, 21%)
|
$white-ter
|
hsl(0, 0%, 96%)
|
| Primary |
$primary
|
$turquoise
|
hsl(171, 100%, 41%)
|
#fff
|
#fff
|
| Link |
$link
|
$blue
|
hsl(217, 71%, 53%)
|
#fff
|
#fff
|
| Info |
$info
|
$cyan
|
hsl(204, 86%, 53%)
|
#fff
|
#fff
|
| Success |
$success
|
$green
|
hsl(141, 71%, 48%)
|
#fff
|
#fff
|
| Warning |
$warning
|
$yellow
|
hsl(48, 100%, 67%)
|
rgba(0, 0, 0, 0.7)
|
rgba(0, 0, 0, 0.7)
|
| Danger |
$danger
|
$red
|
hsl(348, 100%, 61%)
|
#fff
|
#fff
|
这是一个 开源项目.
错别字? Or 有疑问?
在GitHub上改进这个页面。
Bulma Partners
Check out their products!