全局样式变量
主题
| 名称 | 值 |
|---|---|
--pure-theme-primary | #1989fa |
--pure-theme-success | #07c160 |
--pure-theme-warning | #ff976a |
--pure-theme-danger | #ee0a24 |
--pure-theme-info | #909399 |
文本色
| 名称 | 值 |
|---|---|
--pure-text-color-default | #303133 |
--pure-text-color-regular | #606266 |
--pure-text-color-light | #909399 |
--pure-text-color-placeholder | #a8abb2 |
--pure-text-color-invert | #ffffff |
背景
| 名称 | 值 |
|---|---|
--pure-background-default | #ffffff |
--pure-background-light | #f0f2f5 |
--pure-background-deep | #ebedf0 |
--pure-background-mask | rgba(0, 0, 0, 0.6) |
--pure-background-disabled | #e6e8eb |
边框
| 名称 | 值 |
|---|---|
--pure-border-color-default | #ebeef5 |
--pure-border-color-light | #f2f6fc |
--pure-border-color-deep | #dcdfe6 |
文本尺寸
| 名称 | 值 |
|---|---|
--pure-font-size-default | 1em |
--pure-font-size-small | 0.85em |
--pure-font-size-mini | 0.65em |
--pure-font-size-large | 1.15em |
--pure-font-size-big | 1.35em |
透明度
| 名称 | 值 |
|---|---|
--pure-opacity-hover | 0.8 |
--pure-opacity-disabled | 0.6 |
--pure-opacity-ghost | 0.2 |
层级
| 名称 | 值 |
|---|---|
--pure-z-index-upper | 1800 |
--pure-z-index-middle | 900 |
--pure-z-index-lower | 100 |
圆角大小
| 名称 | 值 |
|---|---|
--pure-radius-default | 6px |
--pure-radius-small | 4px |
--pure-radius-mini | 2px |
--pure-radius-large | 12px |
--pure-radius-big | 16px |
--pure-radius-round | 1000px |
--pure-radius-circle | 50% |
--pure-radius-none | 0 |