UNPKG

@atlaskit/editor-core

Version:

A package contains Atlassian editor core functionality

21 lines 3.08 kB
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 RowContainer = (_a = ["\n position: absolute;\n top: 1px;\n left: -", "px;\n width: ", "px;\n box-sizing: border-box;\n"], _a.raw = ["\n position: absolute;\n top: 1px;\n left: -", "px;\n width: ", "px;\n box-sizing: border-box;\n"], styled.div(_a, akEditorTableToolbarSize - 1, akEditorTableToolbarSize)); // tslint:disable-next-line:variable-name export var RowInner = (_b = ["\n display: flex;\n flex-direction: column;\n & > div:last-child button {\n border-bottom-left-radius: ", ";\n }\n"], _b.raw = ["\n display: flex;\n flex-direction: column;\n & > div:last-child button {\n border-bottom-left-radius: ", ";\n }\n"], styled.div(_b, akEditorTableBorderRadius)); // tslint:disable-next-line:variable-name export var RowControlsButtonWrap = (_c = ["\n position: relative;\n margin-top: -1px;\n &:hover, &.active {\n z-index: 1;\n }\n"], _c.raw = ["\n position: relative;\n margin-top: -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: none;\n border-bottom: 1px solid ", ";\n height: 100%;\n width: ", "px;\n\n &:hover, .active > &, .tableSelected & {\n border-right: 1px solid ", ";\n width: ", "px;\n }\n"], _d.raw = ["\n border-right: none;\n border-bottom: 1px solid ", ";\n height: 100%;\n width: ", "px;\n\n &:hover, .active > &, .tableSelected & {\n border-right: 1px solid ", ";\n width: ", "px;\n }\n"], styled(HeaderButtonDefault)(_d, akEditorTableBorder, akEditorTableToolbarSize - 1, akEditorTableBorderSelected, akEditorTableToolbarSize)); // tslint:disable-next-line:variable-name export var InsertRowButtonWrap = (_e = ["\n position: absolute;\n bottom: -10px;\n left: -20px;\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 bottom: -10px;\n left: -20px;\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 InsertRowMarker = (_f = ["\n top: 7px;\n right: 3px;\n"], _f.raw = ["\n top: 7px;\n right: 3px;\n"], styled(InsertMarkerDefault)(_f)); // tslint:disable-next-line:variable-name export var InsertRowButtonInner = (_g = ["\n left: 5px;\n"], _g.raw = ["\n left: 5px;\n"], styled(InsertButtonDefault)(_g)); // tslint:disable-next-line:variable-name export var RowLineMarker = (_h = ["\n height: 2px;\n top: 8px;\n left: 20px;\n"], _h.raw = ["\n height: 2px;\n top: 8px;\n left: 20px;\n"], styled(LineMarkerDefault)(_h)); var _a, _b, _c, _d, _e, _f, _g, _h; //# sourceMappingURL=styles.js.map