> For the complete documentation index, see [llms.txt](https://jimjim.gitbook.io/sass/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jimjim.gitbook.io/sass/sassji-chu/3hun-he-mixin.md).

# 3.混合Mixin

SASS 的 **@mMixin** 的定義方式，MIXIN定義裡面還可以增加嵌套。

![](/files/-LlX7qCBWKU5e5wBu_wS)

SASS使用mixin 要打 **@include** 來引用![](/files/-LlX7qCD1ETc1z0pNYZ8)

**Mixin裡面的參數**

```css
@mixin alert($text-color, $background) {
    color: $text-color;
    background-color: $background;
    a{
        color: darken($text-color, 10%);
    }
}

.alert-warning {
    @include alert(#e69813,#f00909);
}
.alert-info {
    @include alert($background:#fff, $text-color:#13e61e);
}
```

![](/files/-LlX7qCFEO6NesuE_mmu)