@charset "UTF-8";
@import "variables";
@import "mixin";
@mixin icon() {
    .icon {
        @include background-img("icon", "png");
        @include inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
    }
}

//n = normal s = small l = large
@mixin setIconPos($name, $pos: 0 0, $size: n) {
  @if $size == n {
    .#{$name} {
      background-position: $pos;
    }
  }
  @if $size == l {
    .#{$name} {
      background-position: $pos;
      width: 48px;
      height: 48px;
    }
  }
}