菜单

更改历史

相关源文件

目的与范围

本文档提供了 Bulma CSS 框架在各个版本演进的全面历史,重点介绍了主要的架构变更、功能添加和破坏性更改。它作为开发人员理解 Bulma 如何随时间演进的参考,并为当前架构和实现提供背景信息。

有关当前架构的信息,请参阅 架构,有关构建系统细节,请参阅 构建系统

版本时间线概览

Bulma 的开发历程从早期版本 (0.0.x) 一直到最新版本 (1.0.x)。每个主要版本都对框架的架构、组件和功能进行了重大更改。

来源: CHANGELOG.md1-1053

主要架构更改

在整个开发过程中,Bulma 经历了数次重大的架构转型,这些转型从根本上改变了框架的构建和使用方式。

Dart Sass 迁移 (v1.0.0)

v1.0.0 版本标志着框架使用 Dart Sass 完成了彻底重写,取代了之前使用的 LibSass。此次迁移支持了更现代的功能并提高了性能,同时保持了 HTML 兼容性。

来源: CHANGELOG.md81-89

CSS 变量实现 (v1.0.0)

随着 v1.0.0 版本,Bulma 从仅使用 Sass 变量转向利用 CSS 自定义属性(变量)。这一根本性改变允许在不重新编译 CSS 的情况下进行运行时自定义。

此次变更的关键方面

  • 所有颜色值现在都存储为 CSS 变量(例如,--bulma-primary
  • 主题可以在运行时切换
  • 可以通过纯 CSS 覆盖进行自定义

来源: CHANGELOG.md95-96

从右到左 (RTL) 支持 (v0.9.0)

v0.9.0 版本通过新的 Sass mixin 和 RTL 特定构建引入了全面的 RTL 支持。

来源: CHANGELOG.md219-229

变量命名系统大修 (v0.5.0)

v0.5.0 版本引入了一个新的变量命名系统,遵循 component-subcomponent-state-property 的模式,提高了规范性,并使自定义更加直观。

此更改影响了大量变量,特别是与颜色相关的变量,其中大多数被重命名为附加 -color(例如,$card-background 变为 $card-background-color)。

来源: CHANGELOG.md1244-1245 CHANGELOG.md1249-1333

组件和文件结构演变

随着框架的成熟,Bulma 的文件结构发生了显著变化,增加了新的目录和组件来支持扩展功能。

来源: CHANGELOG.md213-214 CHANGELOG.md439-440

值得注意的功能添加

黑暗模式 (v1.0.0)

v1.0.0 版本通过专门的主题系统引入了原生的黑暗模式支持,实现了光明和黑暗外观之间的无缝切换。

来源: CHANGELOG.md102

颜色系统演变

在 Bulma 的整个发展过程中,颜色系统发生了显著变化

  • v0.5.0:改进了颜色变量命名
  • v0.7.0:引入了自定义颜色和阴影变量
  • v0.8.0:主要颜色的浅色和深色变体,4 值颜色映射,方案变量
  • v1.0.0:7 种主色的配色方案,颜色的 CSS 变量

来源: CHANGELOG.md322-336 CHANGELOG.md606-607

间距助手 (v0.9.0)

v0.9.0 版本引入了一套全面的间距助手,用于处理边距和内边距,支持所有方向和各种尺寸。

来源: CHANGELOG.md233-267

替代版本 (v1.0.0)

v1.0.0 版本引入了多个 Bulma 的构建变体

  • 无黑暗模式版本
  • 无助手版本
  • 带前缀版本(所有类都带前缀)

来源: CHANGELOG.md104-105

按版本划分的破坏性更改

v1.0.0

  • 使用 Dart Sass 完全重写
  • CSS 变量取代了许多字面值
  • 新的主题系统,支持黑暗模式
  • 自定义方法已更改

来源: CHANGELOG.md81-96

v0.9.0

  • base/helpers.sass 移动到其自己的 /helpers 文件夹
  • 弃用了 list 组件

来源: CHANGELOG.md211-216

v0.8.0

  • 更大的表单控件(高度为 2.5em,之前为 2.25em)
  • 新的颜色函数和方案变量

来源: CHANGELOG.md308-316

v0.7.0

  • 弃用了 form.sass,并将其移动到自己的文件夹

来源: CHANGELOG.md437-440

v0.6.0

  • 新的 $link 颜色已包含在 $colors 映射中
  • .button.is-link 现在是一个彩色按钮,而不是带下划线的按钮
  • 移除了已弃用的 variables.sassnav.sass 文件

来源: CHANGELOG.md1101-1105

v0.5.0

  • 新的变量命名系统
  • 更改了许多颜色变量名

来源: CHANGELOG.md1244-1333

v0.4.0

  • 默认字体大小更改为 16px
  • 新的 .field 元素;.control 被重新利用
  • 新的 .pagination 尺寸
  • 新的 $fullhd 断点 (1344px)

来源: CHANGELOG.md1436-1441

近期变更

v1.0.3 (当前)

  • 修复了 $easing$radius-rounded$speed Sass 变量的使用问题
  • 修复了 Sass 1.80 弃用警告
  • 修复了丢失的前缀版本文件
  • 文档修复

来源: CHANGELOG.md3-18

v1.0.2

  • 增强了智能网格,支持高达 32 的 is-col-min
  • 添加了单选按钮和复选框列表
  • 添加了 currentColorinherit 作为颜色和背景辅助
  • 添加了更多 SCSS 和 CSS 变量

来源: CHANGELOG.md19-50

v1.0.1

  • 修复了选择框颜色
  • 修复了圆角按钮的水平填充
  • 修复了非最小化版本的构建问题

来源: CHANGELOG.md54-80

引用其他主要变更

下表总结了未在上面详细介绍的其他重大变更

版本功能描述
v0.9.4响应式按钮按钮大小随断点变化
v0.9.3带下划线的文本新的 is-underlined
v0.9.2幽灵按钮新的 is-ghost 按钮样式
v0.9.1Flexbox 辅助新的 flexbox 工具类
v0.7.2全高带导航栏is-fullheight-with-navbar hero 类
v0.7.1背景辅助所有阴影变体都已添加
v0.6.2圆角元素圆角按钮、输入框、分页
v0.5.3只读输入框支持只读表单控件
v0.5.1文件上传新的文件上传元素

来源: CHANGELOG.md107-115 CHANGELOG.md134-137 CHANGELOG.md170-172 CHANGELOG.md193-197 CHANGELOG.md558-564 CHANGELOG.md591-593 CHANGELOG.md1056-1058 CHANGELOG.md1187-1191 CHANGELOG.md1223-1224