@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
47 lines • 1.58 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 overflowShadowStyles = css({
backgroundImage: `
linear-gradient(
to right,
${"var(--ds-background-neutral, #0515240F)"} ${"var(--ds-space-300, 24px)"},
transparent ${"var(--ds-space-300, 24px)"}
),
linear-gradient(
to right,
${"var(--ds-surface-raised, #FFFFFF)"} ${"var(--ds-space-300, 24px)"},
transparent ${"var(--ds-space-300, 24px)"}
),
linear-gradient(
to left,
${"var(--ds-background-neutral, #0515240F)"} ${"var(--ds-space-100, 8px)"},
transparent ${"var(--ds-space-100, 8px)"}
),
linear-gradient(
to left,
${"var(--ds-surface-raised, #FFFFFF)"} ${"var(--ds-space-100, 8px)"},
transparent ${"var(--ds-space-100, 8px)"}
),
linear-gradient(
to left,
${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 0,
${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
),
linear-gradient(
to left,
${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
),
linear-gradient(
to right,
${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 0,
${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
),
linear-gradient(
to right,
${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
)
`
});