// icon
@mixin icon-12 {
  width: 12px;
  height: 12px;
  margin-top: -1px;
}
@mixin icon-14 {
  width: 14px;
  height: 14px;
}
.icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% 100%;

  &-user {
    background-image: url(../images/icon-user.png);
    width: 10px;
    height: 12px;
  }
  &-users {
    background-image: url(../images/icon-users.png);
    width: 13px;
    height: 12px;
  }
  &-logout {
    background-image: url(../images/icon-logout.png);
    @include icon-12;
  }
  &-home {
    background-image: url(../images/icon-home.png);
    width: 10px;
    height: 10px;
  }
  // action
  &-set {
    background-image: url(../images/icon-set.png);
    @include icon-12;
  }
  &-play {
    background-image: url(../images/icon-play.png);
    @include icon-12;
  }
  &-play {
    background-image: url(../images/icon-play.png);
    @include icon-12;
  }
  &-delete {
    background-image: url(../images/icon-delete.png);
    @include icon-12;
  }
  &-delete-white {
    background-image: url(../images/icon-delete-white.png);
    @include icon-12;
  }
  &-save {
    background-image: url(../images/icon-save.png);
    @include icon-12;
  }
  &-save-white {
    background-image: url(../images/icon-save-white.png);
    @include icon-12;
  }
  &-back {
    background-image: url(../images/icon-back.png);
    @include icon-12;
  }
  &-pass {
    background-image: url(../images/icon-pass.png);
    @include icon-12;
  }
  &-back-white {
    background-image: url(../images/icon-back-white.png);
    @include icon-12;
  }
  &-plus-white {
    background-image: url(../images/icon-plus-white.png);
    @include icon-12;
  }
  &-cancel {
    background-image: url(../images/icon-cancel.png);
    @include icon-12;
  }
  &-edit {
    background-image: url(../images/icon-edit.png);
    @include icon-12;
  }
  &-share {
    background-image: url(../images/icon-share.png);
    @include icon-12;
  }
  &-search-white {
    background-image: url(../images/icon-search-white.png);
    @include icon-12;
  }
  &-import {
    background-image: url(../images/icon-import.png);
    @include icon-12;
  }
  &-import-white {
    background-image: url(../images/icon-import-white.png);
    @include icon-12;
  }
  &-export {
    background-image: url(../images/icon-export.png);
    @include icon-12;
  }
  &-export-white {
    background-image: url(../images/icon-export-white.png);
    @include icon-12;
  }
  &-audit {
    background-image: url(../images/icon-audit.png);
    @include icon-12;
  }
  &-star {
    background-image: url(../images/icon-star.png);
    @include icon-12;
  }
  // login
  &-username {
    background-image: url(../images/icon-username.png);
  }
  &-password {
    background-image: url(../images/icon-password.png);
  }
  &-code {
    background-image: url(../images/icon-code.png);
  }
  // menu
  &-base {
    background-image: url(../images/icon-base.png);
  }
  &-course {
    background-image: url(../images/icon-course.png);
  }
  &-create-paper {
    background-image: url(../images/icon-create-paper.png);
  }
  &-question-book {
    background-image: url(../images/icon-question-book.png);
  }
  &-paper-book {
    background-image: url(../images/icon-paper-book.png);
  }
  &-question {
    background-image: url(../images/icon-question.png);
  }
  // other
  &-right {
    background-image: url(../images/icon-right.png);
  }
  &-error {
    background-image: url(../images/icon-error.png);
  }
  &-close {
    background-image: url(../images/icon-close.png);
  }
  &-radio {
    background-image: url(../images/icon-radio.png);
    @include icon-14;
  }
  &-radio-check {
    background-image: url(../images/icon-radio-check.png);
    @include icon-14;
  }
  &-box {
    background-image: url(../images/icon-box.png);
    @include icon-14;
  }
  &-box-check {
    background-image: url(../images/icon-box-check.png);
    @include icon-14;
  }
  &-files {
    background-image: url(../images/icon-files.png);
    width: 14px;
    height: 12px;
  }
  &-files-act {
    background-image: url(../images/icon-files-act.png);
    width: 14px;
    height: 12px;
  }
}
