--- title: Create Reusable CSS with Mixins --- ## Create Reusable CSS with Mixins `Mixin` is one of the great features that let developers use `SASS` instead of plain `CSS`, as it allows you to have a `Function` inside your Stylesheet! To create a mixin you should follow the following scheme: ```scss @mixin custom-mixin-name($param1, $param2, ....) { // CSS Properties Here... } ``` And to use it in your element(s), you should use `@include` followed by your `Mixin` name, as following: ```scss element { @include custom-mixin-name(value1, value2, ....); } ``` --- ### [Example] Write A `Text Shadow` in `SASS` **Objective:** Apply a custom `Text Shadow` to an `h4` element #### HTML ```html