What are Sass mixins and how do I use them?

What are Sass mixins and how do I use them?

Sass mixins are reusable blocks of CSS that allow you to group styles and include them in other selectors. You can define a mixin using the @mixin directive.

Can you give me an example of a mixin?

Sure! Here's a simple example:

@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  border-radius: $radius;
}

You can then use it like this:

.button {
  @include border-radius(10px);
}

What are the benefits of using mixins?

Mixins help reduce code duplication, make your styles more maintainable, and allow for easier updates across your stylesheets.

Can mixins accept parameters?

Yes, mixins can accept parameters, allowing you to create more flexible and dynamic styles. For example, you can pass different values to customize the output.