Sass component example

sass-component.scss

// an icons stack component example (used on a Font Awesome vertical stack)

%icons-stack {
  position: absolute;
  font-size: 1.4em;
}

@mixin icons-stack($top, $right, $bottom, $left) {
  @extend %icons-stack;

  top: $top;
  right: $right;  
  bottom: $bottom;
  left: $left;
}

.icons-stack-top-right {
  @include icons-stack(5px, 5px, auto, auto);
}

.icons-stack-top-left {
  @include stack-v(5px, auto, auto, 5px);
}