/* -----------------------------------------------------------------------------

   Component: Icons

----------------------------------------------------------------------------- */

// Lock

// -----------------------------------------------------------------------------

.icon-lock() {

  border: @toolbutton-border-size solid @toolbutton-border-color;

  height: 18;

  padding: 0;

  width: 18;

  &:unchecked {

    image: url('@{img-url}/lock_off.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');

  }

}