@atlaskit/editor-common
Version:
A package that contains common classes and components for editor and renderer
31 lines • 892 B
JavaScript
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'
}
}
});