/**
 * Déprécié
 */
@custom-variant focus-full {
  &:has(input:focus),
  &.focus,
  &:focus:focus {
    @slot;
  }
}

@custom-variant current {
  &[aria-checked="true"],
  &[aria-current="page"],
  &:has(:checked) {
    @slot;
  }
}

/**
 * pour les boutons
 * et les checkbox buttons qui sont composés d'un <input /> qui peut prendre le focus à l'intérieur
 * d'une enveloppe d'apparence
 */
@custom-variant focus-visible-has {
  &:focus-visible,
  &:has(input:focus) {
    @slot;
  }
}

@custom-variant pointer-fine {
  @media (pointer: fine) {
    @slot;
  }
}

@custom-variant pointer-coarce {
  @media not all and (pointer: fine) {
    @slot;
  }
}