import { css } from '@emotion/react';
import { akEditorBlockquoteBorderColor, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
export const blockquoteSharedStyles = css({
  '& blockquote': {
    boxSizing: 'border-box',
    paddingLeft: "var(--ds-space-200, 16px)",
    borderLeft: `2px solid ${`var(--ds-border, ${akEditorBlockquoteBorderColor})`}`,
    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
    margin: `${blockNodesVerticalMargin} 0 0 0`,
    marginRight: 0,
    "[dir='rtl'] &": {
      paddingLeft: 0,
      paddingRight: "var(--ds-space-200, 16px)"
    },
    '&:first-child': {
      marginTop: 0
    },
    '&::before': {
      content: "''"
    },
    '&::after': {
      content: 'none'
    },
    '& p': {
      display: 'block'
    },
    '& table, & table:last-child': {
      display: 'inline-table'
    }
  }
});