@atlaskit/editor-common
Version:
A package that contains common classes and components for editor and renderer
39 lines (38 loc) • 1.75 kB
JavaScript
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { css } from '@emotion/react';
import { akEditorGridLineZIndex } from '@atlaskit/editor-shared-styles';
export const GRID_GUTTER = 12;
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export const gridStyles = css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.gridParent': {
width: `calc(100% + ${GRID_GUTTER * 2}px)`,
marginLeft: "var(--ds-space-negative-150, -12px)",
marginRight: "var(--ds-space-negative-150, -12px)",
transform: 'scale(1)',
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
zIndex: akEditorGridLineZIndex
},
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.gridContainer': {
position: 'fixed',
height: '100vh',
width: '100%',
pointerEvents: 'none'
},
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.gridLine': {
borderLeft: `1px solid ${"var(--ds-border, #091E4224)"}`,
display: 'inline-block',
boxSizing: 'border-box',
height: '100%',
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
marginLeft: '-1px',
transition: 'border-color 0.15s linear',
zIndex: 0
},
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.highlight': {
borderLeft: `1px solid ${"var(--ds-border-focused, #388BFF)"}`
}
});