how to alias class name in css or sass

Question

Can I create an alias to a css class?

I am using this font-awesome and I am trying to create an alias name for some of the icon classes. So that .icon-globe

Answer 1

You can use SASS mixin @content to create an alias for a selector or combination of them like this:

@mixin icon {
   .icon-globe,
   .globe {
      @content;
   }
}

@include icon {
   font-size: 16px;
}

SASS will generate this for you:

.icon-globe,
.globe {
   font-size: 16px;
}

Read more about SASS mixin content block;