adamwathan/mixins-in-sass-and-less.md Secret

## mixins-in-sass-and-less.md

      
    Raw
  

              mixins-in-sass-and-less.md
            
          
    Instead, use mixins. This is really easy in Less because any class can already be used as a mixin, but if you are using Sass, I would extract a mixin from a utility as soon as I wanted to reuse it, and use that mixin in both the component and the original utility, like:
@mixin rounded-lg() {
  border-radius 8px;
}

.card {
  @include rounded-lg();
}

.rounded-lg {
  @include rounded-lg();
}
Again in Less this is a little easier, which is the biggest reason I still use it over Sass:
.card {
  .rounded-lg;
}

.rounded-lg {
  border-radius 8px;
}