What are CSS mixins in preprocessors?

What are CSS mixins in preprocessors?

CSS mixins are reusable blocks of styles that can be included in other CSS rules. They help reduce redundancy.

How do I create a mixin in Sass?

In Sass, you can create a mixin using the @mixin directive. For example:

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

You can then include it in a selector with @include rounded-corners(10px);.

Can I pass multiple parameters to a mixin?

Yes, you can pass multiple parameters to a mixin. Just separate them with commas in the mixin definition and when including it.

What are the benefits of using mixins?

Mixins promote code reusability, reduce duplication, and make it easier to maintain styles across your project.