通过 🎓 在线互动课程、📺 教育视频和 🧑🏻‍💻 项目构建教程学习 CSS。

下载

Bulma Sass 扩展

Sass 扩展，保持你的 CSS 代码 DRY

在 Bulma 中，很多元素共享一组样式。虽然 mixins 允许共享，但它们每次使用时都会重复 CSS 规则。

为了避免重复，Bulma 使用 @extend 规则来共享代码。此规则告诉 Sass 一个选择器应该继承另一个选择器的样式。了解有关 extend 规则的更多信息。

Bulma 使用 Sass 占位符，而不是创建可能不会用作样式集来源的 CSS 类

```
%control
```
```
%unselectable
```
```
%arrow
```
```
%block
```
```
%delete
```
```
%loader
```
```
%overlay
```
```
%reset
```

每个占位符都只是相应 mixins 的 @extend 版本（此处为控制 mixin）。

如何使用 Bulma extends #

使用 @use 导入 extend 规则，并使用 @extend 使用它们

@use "bulma/sass/utilities/extends";

.my-control {
  @extend %control;
  background-color: purple;
  color: white;
}

如何支持 Bulma

#native_company# #native_desc#

免费开始使用

免费开始使用