@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
21 lines • 3.05 kB
JavaScript
import styled from 'styled-components';
import { akEditorTableBorderRadius, akEditorTableBorder, akEditorTableBorderSelected, akEditorTableToolbarSize } from '../../../styles';
import { HeaderButtonDefault, InsertMarkerDefault, InsertButtonDefault, LineMarkerDefault, } from '../styles';
// tslint:disable-next-line:variable-name
export var ColumnContainer = (_a = ["\n position: absolute;\n top: -", "px;\n left: 0;\n height: ", "px;\n box-sizing: border-box;\n"], _a.raw = ["\n position: absolute;\n top: -", "px;\n left: 0;\n height: ", "px;\n box-sizing: border-box;\n"], styled.div(_a, akEditorTableToolbarSize - 1, akEditorTableToolbarSize));
// tslint:disable-next-line:variable-name
export var ColumnInner = (_b = ["\n display: flex;\n & > div:last-child button {\n border-top-right-radius: ", ";\n }\n"], _b.raw = ["\n display: flex;\n & > div:last-child button {\n border-top-right-radius: ", ";\n }\n"], styled.div(_b, akEditorTableBorderRadius));
// tslint:disable-next-line:variable-name
export var ColumnControlsButtonWrap = (_c = ["\n position: relative;\n margin-right: -1px;\n &:hover, &.active {\n z-index: 1;\n }\n"], _c.raw = ["\n position: relative;\n margin-right: -1px;\n &:hover, &.active {\n z-index: 1;\n }\n"], styled.div(_c));
// tslint:disable-next-line:variable-name
export var HeaderButton = (_d = ["\n border-right: 1px solid ", ";\n border-bottom: none;\n height: ", "px;\n width: 100%;\n\n &:hover, .active > &, .tableSelected & {\n border-bottom: 1px solid ", ";\n height: ", "px;\n }\n"], _d.raw = ["\n border-right: 1px solid ", ";\n border-bottom: none;\n height: ", "px;\n width: 100%;\n\n &:hover, .active > &, .tableSelected & {\n border-bottom: 1px solid ", ";\n height: ", "px;\n }\n"], styled(HeaderButtonDefault)(_d, akEditorTableBorder, akEditorTableToolbarSize - 1, akEditorTableBorderSelected, akEditorTableToolbarSize));
// tslint:disable-next-line:variable-name
export var InsertColumnButtonWrap = (_e = ["\n position: absolute;\n top: -20px;\n right: -10px;\n height: 20px;\n width: 20px;\n z-index: 2;\n cursor: pointer;\n &:hover > div {\n display: flex;\n }\n"], _e.raw = ["\n position: absolute;\n top: -20px;\n right: -10px;\n height: 20px;\n width: 20px;\n z-index: 2;\n cursor: pointer;\n &:hover > div {\n display: flex;\n }\n"], styled.div(_e));
// tslint:disable-next-line:variable-name
export var InsertColumnMarker = (_f = ["\n bottom: 3px;\n left: 7px;\n"], _f.raw = ["\n bottom: 3px;\n left: 7px;\n"], styled(InsertMarkerDefault)(_f));
// tslint:disable-next-line:variable-name
export var InsertColumnButtonInner = (_g = ["\n top: 5px;\n"], _g.raw = ["\n top: 5px;\n"], styled(InsertButtonDefault)(_g));
// tslint:disable-next-line:variable-name
export var ColumnLineMarker = (_h = ["\n width: 2px;\n left: 8px;\n top: 20px;\n"], _h.raw = ["\n width: 2px;\n left: 8px;\n top: 20px;\n"], styled(LineMarkerDefault)(_h));
var _a, _b, _c, _d, _e, _f, _g, _h;
//# sourceMappingURL=styles.js.map