@atlaskit/editor-common
Version:
A package that contains common classes and components for editor and renderer
59 lines (57 loc) • 2.9 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 '../Extension/styles';
// Wrapper the extension title and extensionContainer
// 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 mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'&.with-margin-styles': {
marginTop: 0,
marginLeft: "var(--ds-space-negative-150, -12px)",
marginRight: "var(--ds-space-negative-150, -12px)"
},
cursor: 'pointer',
marginTop: "var(--ds-space-250, 24px)",
marginBottom: "var(--ds-space-200, 16px)",
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.extension-title': {
display: 'flex',
alignItems: 'center',
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
lineHeight: '16px !important',
marginBottom: "var(--ds-space-100, 8px)",
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
marginLeft: "var(--ds-space-050, 4px)".concat(" !important"),
marginRight: "var(--ds-space-100, 8px)",
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
paddingTop: "var(--ds-space-100, 8px)".concat(" !important")
},
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'&.with-border': {
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #091E4224)")
},
// 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-nested-selectors -- Ignored via go/DSP-18766
'&.with-padding-background-styles': {
padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)"),
background: 'transparent'
}
});
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export var overlayStyles = css({
borderRadius: "var(--ds-border-radius, 3px)",
position: 'absolute',
width: '100%',
height: '100%',
opacity: 0,
pointerEvents: 'none',
transition: 'opacity 0.3s',
zIndex: 1,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'&.with-margin': {
margin: "var(--ds-space-negative-100, -8px)"
}
});