design-system-simplefi
Version:
Design System for SimpleFi Applications
10 lines • 1.59 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 { getColor } from '../../../utils';
export var Tr = styled.tr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n td {\n height: 55px;\n text-align: inherit;\n vertical-align: middle;\n\n .visible-on-hover {\n visibility: hidden;\n }\n }\n\n &:hover td {\n background-color: ", ";\n\n &:first-child {\n box-shadow: inset 4px 0 0 0 ", ";\n }\n\n .visible-on-hover {\n visibility: visible;\n }\n }\n"], ["\n td {\n height: 55px;\n text-align: inherit;\n vertical-align: middle;\n\n .visible-on-hover {\n visibility: hidden;\n }\n }\n\n &:hover td {\n background-color: ", ";\n\n &:first-child {\n box-shadow: inset 4px 0 0 0 ", ";\n }\n\n .visible-on-hover {\n visibility: visible;\n }\n }\n"])), getColor('lightestGrey'), getColor('lightPurple'));
export var CellContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: inherit;\n"], ["\n height: 100%;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: inherit;\n"])));
var templateObject_1, templateObject_2;
//# sourceMappingURL=TableRow.style.js.map