/* -----------------------------------------------------------------------------
   Component: Icons
----------------------------------------------------------------------------- */

// Lock
// -----------------------------------------------------------------------------

.icon-lock() {
  border: @toolbutton-border-size solid @toolbutton-border-color;
  height: 18;
  padding: 0 -1 0 1;
  width: 19;
  margin-left: 1;
  &:unchecked {
    image: url('@{img-url}/lock.svg');
    &:hover {
      image: url('@{img-url}/lock_over.svg');
    }
  }
  &:checked {
    background-color: @toolbutton-lock-bg-color-checked;
    border-color: @toolbutton-lock-border-color-checked;
    image: url('@{img-url}/lock_on.svg');
    &:hover {
      background-color: @toolbutton-lock-bg-color-checked-hover;
      border-color: @toolbutton-lock-border-color-checked-hover;
    }
  }
}

// Force Square Pixel
// -----------------------------------------------------------------------------

.icon-fsp() {
  height: 16;
  border: @toolbutton-border-size solid @toolbutton-border-color;
  image: url('@{img-url}/fsp_unchecked.svg');
  padding: 2;
  width: 16;
  &:checked {
    image: url('@{img-url}/fsp_checked.svg');
  }
}