Bootstrap v5.2.1 发布

Bootstrap v5.2.1 现已发布,这是一个补丁版本,主要包含了一些错误修复、文档更新和依赖性更新。

Key changes

更新了 calc() 函数,以解决 postcss-values-parser 中的一个明显的 bug,该 bug 导致源 Sass 文件在使用 React 和 PostCSS 构建时无法正常编译。解决方法是颠倒在 calc() 函数中的乘法顺序。用户可能需要根据自己的自定义进行类似的修改。

还解决了一些长期存在的关于 button focus 和 active styling 的问题,特别是对于复选框和单选按钮。在移动设备上,input-based buttons 难以摆脱其 focus styles。这个问题在 v5.2.1 中得到了解决,开发团队将 .btns 的 :focus 改为 :focus-visible。现在,复选框和单选按钮在 :focus-visible 时不再改变它们的背景颜色,它们也不会收到 :hover styling。常规的 .btns 仍然有它们熟悉的 hover 和 focus styles。

Highlights

除了上述更改之外,还修复了多个组件的错误:

  • Accordion
    • 更新color值以使用$accordion-button-colorSass 变量而不是 color contrast 函数
  • Buttons
    • 为按钮添加了透明的默认悬停边框颜色 CSS 变量,以修复视觉回归问题
    • $enable-gradients设置为true.btn-link不再有渐变
  • Forms
    • Input groups 已更新z-index值以确保正确呈现经过验证的表单字段
    • Floating labels 现在重新设置了文本对齐方式,以确保风格一致。
  • List Groups
    • 只有一个 child 的水平列表组现在呈现正确的border-radius
    • 修改了list-group-item选择器以更好地支持 Bootstrap CSS 的嵌套导入
  • Modals
    • 更新了事件监听器以忽略滚动条点击、从.modal-dialog内部开始但在外部结束的点击,以及对在.modal-dialog外开始和结束的点击的响应。
  • Pagination
    • 修复了分页组件内的错误的border-radius
  • Scrollspy
    • Scrollspy 阈值选项现在可配置
  • 工具提示和弹出框
    • 恢复了一些工具提示插件更新,以防止selector、dynamic content 和使用 title的工具提示出现问题
    • 修复 trigger:调用toggle()时"manual"显示和立即隐藏的问题

依赖项

  • 更新了 Autoprefixer 以修复color-adjust属性的警告问题

 更多详情可查看官方博客

 

展开阅读全文
发表评论

相关文章