ur-ui-kit-tm
Version:
unlimited robotics ui kit
10 lines (9 loc) • 2.23 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import styled from "styled-components";
export var TooltipWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: Calc(100% + 2rem);\n max-width: 16.8rem;\n border-radius: 1rem;\n background: #ffffff;\n box-shadow: 0px 4px 10px 0px #0093c62e;\n font-size: 1.6rem;\n font-family: UbuntuMedium;\n position: absolute;\n z-index: 3;\n bottom: Calc(100% - 2rem);\n line-height: 2rem;\n pointer-events: auto;\n align-self: center;\n"], ["\n width: Calc(100% + 2rem);\n max-width: 16.8rem;\n border-radius: 1rem;\n background: #ffffff;\n box-shadow: 0px 4px 10px 0px #0093c62e;\n font-size: 1.6rem;\n font-family: UbuntuMedium;\n position: absolute;\n z-index: 3;\n bottom: Calc(100% - 2rem);\n line-height: 2rem;\n pointer-events: auto;\n align-self: center;\n"])));
export var TooltipTriangleBorder = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 8px 8px 0 8px;\n border-color: #0093c615 transparent transparent transparent;\n position: absolute;\n top: 100%;\n left: Calc(50% - 8px);\n"], ["\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 8px 8px 0 8px;\n border-color: #0093c615 transparent transparent transparent;\n position: absolute;\n top: 100%;\n left: Calc(50% - 8px);\n"])));
export var TooltipTriangle = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 8px 7px 0 7px;\n border-color: #ffffff transparent transparent transparent;\n position: absolute;\n left: Calc(50% - 7px);\n top: Calc(100% - 1px);\n"], ["\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 8px 7px 0 7px;\n border-color: #ffffff transparent transparent transparent;\n position: absolute;\n left: Calc(50% - 7px);\n top: Calc(100% - 1px);\n"])));
var templateObject_1, templateObject_2, templateObject_3;