@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
32 lines (31 loc) • 1.69 kB
JavaScript
/* eslint-disable @atlaskit/design-system/use-tokens-shape -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
import { css } from '@emotion/react';
import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
export const ruleStyles = css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
'.ProseMirror hr': {
border: 'none',
backgroundColor: "var(--ds-border, #0B120E24)",
height: '2px',
borderRadius: '1px',
// this should use token('radius.full') but cannot since the element has padding which increases its height beyond 2px
cursor: 'pointer',
padding: `${"var(--ds-space-050, 4px)"} 0`,
margin: `${"var(--ds-space-300, 24px)"} 0`,
backgroundClip: 'content-box'
},
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
[`.ProseMirror hr.${akEditorSelectedNodeClassName}`]: {
outline: 'none',
backgroundColor: "var(--ds-border-selected, #1868DB)"
}
});
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
export const dangerRuleStyles = css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
[`.ProseMirror hr.${akEditorSelectedNodeClassName}.danger`]: {
backgroundColor: "var(--ds-border-danger, #E2483D)"
}
});