What are CSS Mixins?

Can you explain what CSS mixins are?

CSS mixins are reusable blocks of styles that can be included in other CSS rules, allowing for more efficient styling.

How do I create a mixin in Sass?

In Sass, you create a mixin using the @mixin directive followed by the mixin name and styles inside curly braces.

Can you give me an example of a mixin?

Sure! Here's a simple example:

@mixin rounded-corners($radius) {
  border-radius: $radius;
}

You can then include it in a class like this: @include rounded-corners(10px);.

What are the benefits of using mixins?

Mixins help reduce code duplication, improve maintainability, and allow for easier updates to styles across your project.