@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
32 lines (31 loc) • 1.51 kB
JavaScript
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
import { css } from '@emotion/react';
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
export const codeMarkStyles = css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.code': {
'--ds--code--bg-color': "var(--ds-background-neutral, #0515240F)",
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
display: 'inline',
padding: '2px 0.5ch',
backgroundColor: `var(--ds--code--bg-color,${"var(--ds-background-neutral, #0515240F)"})`,
borderRadius: "var(--ds-radius-small, 3px)",
borderStyle: 'none',
boxDecorationBreak: 'clone',
color: "var(--ds-text, #292A2E)",
fontFamily: "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
fontSize: '0.875em',
fontWeight: "var(--ds-font-weight-regular, 400)",
overflow: 'auto',
overflowWrap: 'break-word',
whiteSpace: 'pre-wrap'
}
});
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
export const codeMarkStylesA11yFix = css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.code': {
overflow: 'unset'
}
});