@atlaskit/editor-common
Version:
A package that contains common classes and components for editor and renderer
41 lines (39 loc) • 1.78 kB
JavaScript
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { css } from '@emotion/react';
import { wrapperDefault } from '../styles';
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
export var wrapperStyle = css(wrapperDefault, {
cursor: 'pointer',
display: 'inline-flex',
margin: "1px 1px ".concat("var(--ds-space-050, 4px)"),
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'> img': {
borderRadius: "var(--ds-border-radius, 3px)"
},
'&::after, &::before': {
verticalAlign: 'text-top',
display: 'inline-block',
content: "''"
},
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'&.with-children': {
padding: 0,
background: "var(--ds-background-neutral-subtle, white)"
},
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'&.with-hover-border': {
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
}
});
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export var inlineWrapperStyles = css({
maxWidth: '100%',
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
'tr &': {
maxWidth: 'inherit'
},
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.rich-media-item': {
maxWidth: '100%'
}
});