Bulma Sass 扩展

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

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

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

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

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

这些占位符中的每一个都只是其相应混合（此处为控制混合）的 @extend 版本。

如何使用 Bulma 扩展 #

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

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

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

如何支持 Bulma

#native_company# #native_desc#