export const conditions = {
  childPosition: {
    firstChild: { selector: "&:first-child" },
    notFirstChild: { selector: "&:not(:first-child)" },
    lastChild: { selector: "&:last-child" },
    notLastChild: { selector: "&:not(:last-child)" },
    middleChild: { selector: "&:not(:first-child):not(:last-child)" },
  },

  interaction: {
    hover: { selector: "&:hover" },
    focus: { selector: "&:focus" },
  },
};