You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Bulma 框架中配色变量后缀 -bis、-ter 的含义是什么?

Bulma 配色变量 -bis/-ter 后缀含义

这两个后缀都源自法语的序数词表达,是Bulma用来标记同色系变体的统一规则:

  • -bis 表示同色系的第二变体,色彩和同系列基础值的差异最小
  • -ter 表示同色系的第三变体,色彩和同系列基础值的差异比-bis更大

以你提到的主色、反向色系列为例,三个变量的梯度是递进关系:

  • 主色系列:$scheme-main(基础主色)→ $scheme-main-bis(主色二级变体)→ $scheme-main-ter(主色三级变体)
  • 反向色系列:$scheme-invert(基础反向色)→ $scheme-invert-bis(反向色二级变体)→ $scheme-invert-ter(反向色三级变体)

举默认浅色主题的实际色值参考:

  • $scheme-main 为纯白色 #ffffff
  • $scheme-main-bis 为极浅灰色 #fafafa
  • $scheme-main-ter 为浅灰色 #f5f5f5

这套预设变体的设计目的是降低界面分层的配色成本,做卡片背景、模块分隔、交互态反馈等场景时,直接调用对应变量就能保证全项目配色风格统一,不需要手动调整同色系色值。

内容的提问来源于stack exchange,提问作者Rakete

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.04 05:36:02