pivot-chart
Version:
pivot table react component
10 lines • 2.82 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';
import { getTheme } from '../theme';
var theme = getTheme();
export var StyledTable = styled.table(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-collapse: collapse;\n box-sizing: content-box;\n font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;\n tbody {\n td {\n border: 1px solid #333;\n padding: 8px;\n text-align: left;\n vertical-align:middle;\n font-weight: 300;\n font-size: 12px;\n color: ", ";\n border: solid 1px ", ";\n text-align: right;\n box-sizing: content-box;\n }\n }\n thead {\n background-color: ", ";\n th {\n border: 1px solid #333;\n padding: 8px;\n text-align: left;\n font-weight: 400;\n font-size: 12px;\n color: ", ";\n white-space: nowrap;\n border: solid 1px ", ";\n box-sizing: content-box;\n }\n th.highlight {\n background-color: ", ";\n }\n }\n thead.vis {\n th{\n height: 250px;\n }\n }\n tbody.vis{\n td{\n div.vis-container{\n height: 250px;\n overflow-y: hidden;\n text-align: left;\n }\n }\n }\n"], ["\n border-collapse: collapse;\n box-sizing: content-box;\n font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;\n tbody {\n td {\n border: 1px solid #333;\n padding: 8px;\n text-align: left;\n vertical-align:middle;\n font-weight: 300;\n font-size: 12px;\n color: ", ";\n border: solid 1px ", ";\n text-align: right;\n box-sizing: content-box;\n }\n }\n thead {\n background-color: ", ";\n th {\n border: 1px solid #333;\n padding: 8px;\n text-align: left;\n font-weight: 400;\n font-size: 12px;\n color: ", ";\n white-space: nowrap;\n border: solid 1px ", ";\n box-sizing: content-box;\n }\n th.highlight {\n background-color: ", ";\n }\n }\n thead.vis {\n th{\n height: 250px;\n }\n }\n tbody.vis{\n td{\n div.vis-container{\n height: 250px;\n overflow-y: hidden;\n text-align: left;\n }\n }\n }\n"])), function (porps) { return theme.table.color; }, function (props) { return theme.table.borderColor; }, function (props) { return theme.table.thead.backgroundColor; }, function (props) { return theme.table.thead.color; }, function (props) { return theme.table.borderColor; }, function (props) { return theme.table.highlightBGColor; });
var templateObject_1;
//# sourceMappingURL=styledTable.js.map