import { css } from '@emotion/core';

import { MI_IconHover } from 'utils/styles/mixins';

import { space } from 'utils/theme';

export const closeButton = css`
  ${MI_IconHover}
  line-height: 0;
  width: ${space.xsmall}px;
  transform: translateY(-1px);
  cursor: pointer;
`;

export const closeButtonSmall = css`
  ${closeButton}
  width: ${space.xxsmall}px;
`

export const closeButtonLarge = css`
  ${closeButton}
  width: ${space.small}px;
`