@atlaskit/editor-plugin-media
Version:
Media plugin for @atlaskit/editor-core
14 lines • 575 B
JavaScript
import { css } from '@emotion/react';
import * as colors from '@atlaskit/theme/colors';
const NOTIFICATION_SIZE = 8;
const SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
export const resizableMediaMigrationNotificationStyle = css`
position: absolute;
top: ${SPACE_FROM_EDGE};
right: calc(${"var(--ds-space-150, 12px)"} + ${SPACE_FROM_EDGE});
background-color: ${`var(--ds-background-warning-bold, ${colors.Y300})`};
border-radius: ${"var(--ds-border-radius-circle, 50%)"};
width: ${NOTIFICATION_SIZE}px;
height: ${NOTIFICATION_SIZE}px;
pointer-events: none;
`;