design-system-simplefi
Version:
Design System for SimpleFi Applications
14 lines • 1.89 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, { css } from 'styled-components';
import { FlexContainer } from '../../layout';
import { getColor, pxToRem } from '../../../utils';
export var TableHeadingContainer = styled.th(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n min-width: 'auto';\n z-index: 2;\n && {\n ", ";\n }\n"], ["\n position: relative;\n min-width: 'auto';\n z-index: 2;\n && {\n ", ";\n }\n"])), function (_a) {
var active = _a.active;
return active && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n z-index: 500;\n border: 1px solid ", ";\n border-radius: 5px 5px 0 0;\n border-bottom: none;\n "], ["\n z-index: 500;\n border: 1px solid ", ";\n border-radius: 5px 5px 0 0;\n border-bottom: none;\n "])), getColor('midPurple'));
});
export var FlexContainerSt = styled(FlexContainer)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border: 1px solid ", ";\n border-radius: 0 0 5px 5px;\n width: 100%;\n\n p {\n padding: ", ";\n text-transform: uppercase;\n font-weight: 300;\n white-space: nowrap;\n cursor: pointer;\n &:hover {\n font-weight: 400;\n }\n }\n"], ["\n border: 1px solid ", ";\n border-radius: 0 0 5px 5px;\n width: 100%;\n\n p {\n padding: ", ";\n text-transform: uppercase;\n font-weight: 300;\n white-space: nowrap;\n cursor: pointer;\n &:hover {\n font-weight: 400;\n }\n }\n"])), getColor('midPurple'), pxToRem(5));
var templateObject_1, templateObject_2, templateObject_3;
//# sourceMappingURL=TableHeading.style.js.map