dm-web-react/build/routes/bond/common/components/Table/styled.js

The DM web client with React.

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, { keyframes } from "styled-components";
var keyframesBlink = function (props) { return keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    background: ", ";\n  }\n  50% {\n    background: ", ";\n  }\n"], ["\n  0% {\n    background: ", ";\n  }\n  50% {\n    background: ", ";\n  }\n"])), props.theme.table.flicker1_bodyRow_background, props.theme.table.flicker2_bodyRow_background); };
export var RowTemplate = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: table-row;\n  :hover {\n    background: ", ";\n  }\n  &.active {\n    background: ", ";\n  }\n  &.highlight {\n    background: ", ";\n  }\n  &.table-row-blink {\n    /* background: ", "; */\n    animation: ", " 1s 3 steps(1);\n    /* animation-iteration-count: 3; */\n  }\n"], ["\n  display: table-row;\n  :hover {\n    background: ", ";\n  }\n  &.active {\n    background: ", ";\n  }\n  &.highlight {\n    background: ", ";\n  }\n  &.table-row-blink {\n    /* background: ", "; */\n    animation: ", " 1s 3 steps(1);\n    /* animation-iteration-count: 3; */\n  }\n"])), function (props) { return props.theme.table.hover_bodyRow_background; }, function (props) { return props.theme.table.active_bodyRow_background; }, function (props) { return props.theme.table.highlight_bodyRow_background; }, function (props) { return props.theme.table.flicker1_bodyRow_background; }, function (props) { return keyframesBlink(props); });
export var Wrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: auto;\n  background: ", ";\n  border-radius: 4px;\n  position: relative;\n"], ["\n  flex: auto;\n  background: ", ";\n  border-radius: 4px;\n  position: relative;\n"])), function (props) { return props.theme.panel.default_background; });
export var Header = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 24px;\n  padding: 8px;\n"], ["\n  height: 24px;\n  padding: 8px;\n"])));
export var Content = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: absolute;\n  top: 48px;\n  right: 0;\n  bottom: 0;\n  left: 0;\n"], ["\n  position: absolute;\n  top: 48px;\n  right: 0;\n  bottom: 0;\n  left: 0;\n"])));
export var Title = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-size: 14px;\n  color: ", ";\n"], ["\n  font-size: 14px;\n  color: ", ";\n"])), function (props) { return props.theme.panel.default_title_color; });
export var Hint = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 200px;\n  height: 30px;\n  margin-left: -100px;\n  line-height: 30px;\n  font-size: 12px;\n  text-align: center;\n  color: #fff;\n  border-radius: 0 0 4px 4px;\n  background: green;\n  box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.3);\n  cursor: pointer;\n  position: absolute;\n  top: 0px;\n  left: 50%;\n"], ["\n  width: 200px;\n  height: 30px;\n  margin-left: -100px;\n  line-height: 30px;\n  font-size: 12px;\n  text-align: center;\n  color: #fff;\n  border-radius: 0 0 4px 4px;\n  background: green;\n  box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.3);\n  cursor: pointer;\n  position: absolute;\n  top: 0px;\n  left: 50%;\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
//# sourceMappingURL=styled.js.map