import { style } from '@vanilla-extract/css';

import { breakpoints, vars } from '../css';
import { baseCompactTheme } from './menu.css';

export const separator = style({
  margin: `${vars.space[4]} 0`,

  '@media': {
    [breakpoints.lg]: {
      margin: `${vars.space[2]} 0`,
    },
  },

  selectors: {
    [`${baseCompactTheme} > &`]: {
      margin: `${vars.space[1]} 0`,
    },
  },
});