// Variants
$variants: () !default;

@function hover() {
  @return ".{responsive}{dark}hover{classname}:hover";
}

@function focus() {
  @return ".{responsive}{dark}focus{classname}:focus";
}

@function active() {
  @return ".{responsive}{dark}active{classname}:active";
}

@function disabled() {
  @return ".{responsive}{dark}disabled{classname}:disabled";
}

@function visited() {
  @return ".{responsive}{dark}visited{classname}:visited";
}

@function checked() {
  @return ".{responsive}{dark}checked{classname}:checked";
}

@function first() {
  @return ".{responsive}{dark}first{classname}:first-child";
}

@function last() {
  @return ".{responsive}{dark}last{classname}:last-child";
}

@function odd() {
  @return ".{responsive}{dark}odd{classname}:nth-child(odd)";
}

@function even() {
  @return ".{responsive}{dark}even{classname}:nth-child(2n)";
}

@function group-hover() {
  @return ".group:hover .{responsive}{dark}group-hover{classname}";
}

@function group-focus() {
  @return ".group:focus .{responsive}{dark}group-focus{classname}";
}

@function focus-within() {
  @return ".{responsive}{dark}focus-within{classname}:focus-within";
}

@function focus-visible() {
  @return ".{responsive}{dark}focus-visible{classname}:focus-visible";
}

$variants: (
  hover: hover,
  focus: focus,
  active: active,
  disabled: disabled,
  visited: visited,
  checked: checked,
  first: first,
  last: last,
  odd: odd,
  even: even,
  group-hover: group-hover,
  group-focus: group-focus,
  focus-within: focus-within,
  focus-visible: focus-visible,
);