Question

converting some CSS to Sass, for example:

.ptn,
.pvn,
.pan{padding-top:0px !important}

to this

@mixin ptn {padding-top:0px !important}
@mixin pvn {padding-top:0px !important}
@mixin pan {padding-top:0px !important}

but wishing i could do something more like this

@mixin ptn,
@mixin pvn,
@mixin pan {padding-top:0px !important}

is something along these lines possible?

thanks!

Answer 1

How about

@mixin nopadding{ padding-top:0px !important }

.ptn,
.pvn,
.pan{ @include nopadding }

?
Sass is about Reusability, so try to keep the code DRY by breaking this up into a new mixin.

Additionally you could write something like this:

@mixin nopadding{ padding-top:0px !important }

@mixin anothermixin{ @include nopadding; ... }

normalselector{ @include anothermixin; }