@atlaskit/editor-core/dist/es2015/ui/ChromeExpanded/styles.js

A package contains Atlassian editor core functionality

import styled from 'styled-components';
import { akEditorSubtleAccent } from '../../styles';
import { akBorderRadius, akGridSize, akGridSizeUnitless, } from '@atlaskit/util-shared-styles';
import ContentStyles from '../../editor/ui/ContentStyles';
// tslint:disable-next-line:variable-name
export var Container = (_a = ["\n  background-color: white;\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: ", ";\n\n  /* Create a stacking context, so that the toolbar can be placed above the content */\n  position: relative;\n\n  &:focus {\n    outline: none;\n  }\n"], _a.raw = ["\n  background-color: white;\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: ", ";\n\n  /* Create a stacking context, so that the toolbar can be placed above the content */\n  position: relative;\n\n  &:focus {\n    outline: none;\n  }\n"], styled.div(_a, akEditorSubtleAccent, akBorderRadius));
// tslint:disable-next-line:variable-name
export var Content = (_b = ["\n  position: relative;\n\n  .ProseMirror {\n    padding: 12px 20px;\n  }\n"], _b.raw = ["\n  position: relative;\n\n  .ProseMirror {\n    padding: 12px 20px;\n  }\n"], styled(ContentStyles)(_b));
// tslint:disable-next-line:variable-name
export var Footer = (_c = ["\n  font-size: 14px;\n  padding: 20px;\n  padding-top: 10px;\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n"], _c.raw = ["\n  font-size: 14px;\n  padding: 20px;\n  padding-top: 10px;\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n"], styled.div(_c));
// tslint:disable-next-line:variable-name
export var FooterActions = (_d = ["\n  display: flex;\n  flex-grow: 1;\n"], _d.raw = ["\n  display: flex;\n  flex-grow: 1;\n"], styled.div(_d));
// tslint:disable-next-line:variable-name
export var IconButton = (_e = ["\n  cursor: pointer;\n  font-size: inherit;\n  background: none;\n  border: none;\n  padding: 0;\n  margin-left: 5px;\n  margin-right: 5px;\n"], _e.raw = ["\n  cursor: pointer;\n  font-size: inherit;\n  background: none;\n  border: none;\n  padding: 0;\n  margin-left: 5px;\n  margin-right: 5px;\n"], styled.div(_e));
// tslint:disable-next-line:variable-name
export var Toolbar = (_f = ["\n  align-items: flex-start;\n  display: flex;\n  height: 40px;\n  padding: ", " ", " 0;\n  position: relative;\n\n  & > * {\n    align-items: center;\n    display: flex;\n    margin-left: ", "px;\n    /* Firefox|IE toolbar icons fix: https://product-fabric.atlassian.net/browse/ED-1787 */\n    min-width: 0;\n\n    &:first-child {\n      margin-left: 0;\n      margin-right: ", ";\n    }\n  }\n"], _f.raw = ["\n  align-items: flex-start;\n  display: flex;\n  height: 40px;\n  padding: ", " ", " 0;\n  position: relative;\n\n  & > * {\n    align-items: center;\n    display: flex;\n    margin-left: ", "px;\n    /* Firefox|IE toolbar icons fix: https://product-fabric.atlassian.net/browse/ED-1787 */\n    min-width: 0;\n\n    &:first-child {\n      margin-left: 0;\n      margin-right: ", ";\n    }\n  }\n"], styled.div(_f, akGridSize, akGridSize, akGridSizeUnitless / 2, akGridSize));
// tslint:disable-next-line:variable-name
export var SecondaryToolbar = (_g = ["\n  align-items: flex-start;\n  display: flex;\n"], _g.raw = ["\n  align-items: flex-start;\n  display: flex;\n"], styled.div(_g));
var _a, _b, _c, _d, _e, _f, _g;
//# sourceMappingURL=styles.js.map