@vcui-icon-pixel-border: 1px;
@vcui-icon-pixel-size-sm: 12px;
@vcui-icon-pixel-size-md: 24px;

.vc_ui-icon-pixel {
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  &::before {
    content: '';
    display: inline-block;
    vertical-align: baseline;
    background: transparent url(../vc/editors/ui/vc_ui-icon-pixel/vc_ui-sprite.png) no-repeat;
    line-height: 1;
  }
}

.vc_ui-icon-pixel-info {
  &::before {
    height: 20px;
    width: 20px;
    background-position: -2px -2px;
    font-size: 20px;
  }
}

.vc_ui-icon-pixel-close {
  &::before {
    height: 14px;
    width: 14px;
    background-position: -5px -29px;
    font-size: 14px;
  }
}

.vc_ui-icon-pixel-minimize {
  &::before {
    height: 14px;
    width: 14px;
    background-position: -5px -53px;
    font-size: 14px;
  }
}

.vc_ui-icon-pixel-cog {
  &::before {
    height: 18px;
    width: 18px;
    background-position: -3px -75px;
    font-size: 18px;
  }
}

.vc_ui-icon-pixel-lt-sm {
  &::before {
    height: 10px;
    width: 7px;
    background-position: -3px -97px;
    font-size: 10px;
  }
}

.vc_ui-icon-pixel-gt-sm {
  &::before {
    height: 10px;
    width: 7px;
    background-position: -15px -97px;
    font-size: 10px;
  }
}

.vc_ui-icon-pixel-times-sm {
  &::before {
    height: 10px;
    width: 10px;
    background-position: -1px -109px;
    font-size: 10px;
  }
}

.vc_ui-icon-pixel-times-grey-sm {
  &::before {
    height: 10px;
    width: 10px;
    background-position: -1px -193px;
    font-size: 10px;
  }
}

.vc_ui-icon-pixel-plus-sm {
  &::before {
    height: 10px;
    width: 10px;
    background-position: -13px -109px;
    font-size: 10px;
  }
}

.vc_ui-icon-pixel-times {
  &::before {
    height: 12px;
    width: 12px;
    background-position: -6px -126px;
    font-size: 14px;
  }
}

.vc_ui-icon-pixel-check {
  &::before {
    height: 12px;
    width: 17px;
    background-position: -4px -150px;
    font-size: 12px;
  }
}

.vc_ui-icon-pixel-search {
  &::before {
    height: 13px;
    width: 13px;
    background-position: -6px -174px;
    font-size: 13px;
  }
}

.vc_ui-icon-pixel-control-trash-dark {
  &::before {
    height: 15px;
    width: 15px;
    background-image: url(../vc/editors/ui/vc_ui-icon-pixel/controls.png);
    background-position: -16px -65px;
    font-size: 13px;
  }
}


