// Link menu with icon
@mixin item-icon {
  .edu-item-icon {
    pointer-events: none;

    &:before {
      --icon-size: 1rem;
      margin-right: 0.5rem;
    }
  }
}

// Indeterminate icon for checkbox
@mixin indeterminate($size) {
  content: '';
  display: block;
  margin-right: 0.5rem;
  border-radius: 0.25rem;
  position: absolute;

  @if $size == md {
    top: 0.7rem;
    left: -1.65rem;
    width: 0.75rem;
    height: 0.1rem;
  } @else {
    top: 0.675rem;
    left: -1.25rem;
    width: 0.5rem;
    height: 0.125rem;
  }
}

// Arrow icon for btn dropdown menu
@mixin btn-dropdown-icon {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%23929292' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
  flex: 0 0 auto;
  display: inline-block;
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  mask-size: 100% 100%;
  mask-image: var(--data-uri-svg);
  content: '';
  margin-left: 0.5rem;
  margin-right: -0.125rem;
  transition: transform 0.3s;
}