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

A package contains Atlassian editor core functionality

import styled from 'styled-components';
import { akZIndexBlanket, akZIndexDialog, akBorderRadius, akColorN400, akColorN0, akColorN20, akColorN30 } from '@atlaskit/util-shared-styles';
// tslint:disable-next-line:variable-name
export var Container = (_a = ["\n  bottom: 0;\n  left: 0;\n  right: 0;\n  top: 0;\n  z-index: ", ";\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], _a.raw = ["\n  bottom: 0;\n  left: 0;\n  right: 0;\n  top: 0;\n  z-index: ", ";\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], styled.div(_a, akZIndexBlanket));
// tslint:disable-next-line:variable-name
export var Wrapper = (_b = ["\n  bottom: 0;\n  left: 0;\n  opacity: 0.5;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  position: fixed;\n  background-color: ", ";\n"], _b.raw = ["\n  bottom: 0;\n  left: 0;\n  opacity: 0.5;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  position: fixed;\n  background-color: ", ";\n"], styled.div(_b, akColorN400));
// tslint:disable-next-line:variable-name
export var Dialog = (_c = ["\n  width: 80%;\n  height: 80%;\n  display: flex;\n  max-width: 800px;\n  max-height: 650px;\n  color: ", ";\n  flex-direction: column;\n  z-index: ", ";\n  background-color: ", ";\n  border-radius: ", ";\n"], _c.raw = ["\n  width: 80%;\n  height: 80%;\n  display: flex;\n  max-width: 800px;\n  max-height: 650px;\n  color: ", ";\n  flex-direction: column;\n  z-index: ", ";\n  background-color: ", ";\n  border-radius: ", ";\n"], styled.div(_c, akColorN400, akZIndexDialog, akColorN0, akBorderRadius));
// tslint:disable-next-line:variable-name
export var Header = (_d = ["\n  min-height: 24px;\n  padding: 20px 40px;\n  font-size: 24px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], _d.raw = ["\n  min-height: 24px;\n  padding: 20px 40px;\n  font-size: 24px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], styled.div(_d));
// tslint:disable-next-line:variable-name
export var IconWrapper = (_e = ["\n"], _e.raw = ["\n"], styled.div(_e));
// tslint:disable-next-line:variable-name
export var ContentWrapper = (_f = ["\n  padding: 20px 5%;\n  border-bottom-right-radius: ", ";\n  overflow: auto;\n  box-shadow: inset 0px 2px 0px 0px ", ";\n  position: relative;\n  width: 90%;\n"], _f.raw = ["\n  padding: 20px 5%;\n  border-bottom-right-radius: ", ";\n  overflow: auto;\n  box-shadow: inset 0px 2px 0px 0px ", ";\n  position: relative;\n  width: 90%;\n"], styled.div(_f, akBorderRadius, akColorN30));
// tslint:disable-next-line:variable-name
export var Line = (_g = ["\n  background: #fff;\n  content: \"\";\n  display: block;\n  height: 2px;\n  left: 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  min-width: 604px;\n"], _g.raw = ["\n  background: #fff;\n  content: \"\";\n  display: block;\n  height: 2px;\n  left: 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  min-width: 604px;\n"], styled.div(_g));
// tslint:disable-next-line:variable-name
export var Content = (_h = ["\n  min-width: 524px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n"], _h.raw = ["\n  min-width: 524px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n"], styled.div(_h));
// tslint:disable-next-line:variable-name
export var ColumnLeft = (_j = ["\n  width: 44%;\n"], _j.raw = ["\n  width: 44%;\n"], styled.div(_j));
// tslint:disable-next-line:variable-name
export var ColumnRight = (_k = ["\n  width: 44%;\n"], _k.raw = ["\n  width: 44%;\n"], styled.div(_k));
// tslint:disable-next-line:variable-name
export var Row = (_l = ["\n  margin: 20px 0;\n  display: flex;\n  justify-content: space-between;\n"], _l.raw = ["\n  margin: 20px 0;\n  display: flex;\n  justify-content: space-between;\n"], styled.div(_l));
// tslint:disable-next-line:variable-name
export var Title = (_m = ["\n  font-size: 18px;\n  font-weight: 400;\n"], _m.raw = ["\n  font-size: 18px;\n  font-weight: 400;\n"], styled.div(_m));
// tslint:disable-next-line:variable-name
export var CodeSm = (_o = ["\n  background-color: ", ";\n  border-radius: ", ";\n  width: 24px;\n  display: inline-block;\n  height: 24px;\n  line-height: 24px;\n  text-align: center;\n"], _o.raw = ["\n  background-color: ", ";\n  border-radius: ", ";\n  width: 24px;\n  display: inline-block;\n  height: 24px;\n  line-height: 24px;\n  text-align: center;\n"], styled.span(_o, akColorN20, akBorderRadius));
// tslint:disable-next-line:variable-name
export var CodeMd = (_p = ["\n  background-color: ", ";\n  border-radius: ", ";\n  display: inline-block;\n  height: 24px;\n  line-height: 24px;\n  width: 50px;\n  text-align: center;\n"], _p.raw = ["\n  background-color: ", ";\n  border-radius: ", ";\n  display: inline-block;\n  height: 24px;\n  line-height: 24px;\n  width: 50px;\n  text-align: center;\n"], styled.span(_p, akColorN20, akBorderRadius));
// tslint:disable-next-line:variable-name
export var CodeLg = (_q = ["\n  background-color: ", ";CodeLg\n  border-radius: ", ";\n  display: inline-block;\n  height: 24px;\n  line-height: 24px;\n  padding: 0 10px ;\n  text-align: center;\n"], _q.raw = ["\n  background-color: ", ";CodeLg\n  border-radius: ", ";\n  display: inline-block;\n  height: 24px;\n  line-height: 24px;\n  padding: 0 10px ;\n  text-align: center;\n"], styled.span(_q, akColorN20, akBorderRadius));
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
//# sourceMappingURL=styles.js.map