design-system-simplefi
Version:
Design System for SimpleFi Applications
11 lines • 2.2 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 Table = styled.table(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: \"Nunito Sans\",-apple-system,\".SFNSText-Regular\",\"San Francisco\",BlinkMacSystemFont,\"Segoe UI\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;\n width: 100%;\n font-size: 14px;\n border-collapse: collapse;\n color: #2a2a2a;\n"], ["\n font-family: \"Nunito Sans\",-apple-system,\".SFNSText-Regular\",\"San Francisco\",BlinkMacSystemFont,\"Segoe UI\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;\n width: 100%;\n font-size: 14px;\n border-collapse: collapse;\n color: #2a2a2a;\n"])));
export var TableHead = styled.thead(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: #f3f3f3;\n tr {\n border-bottom: 2px solid #dadada;\n > th + th {\n border-left: 1px solid #dadada\n }\n }\n\n th {\n text-align: left;\n font-weight: 700;\n padding: 1rem 0.5rem;\n }\n"], ["\n background-color: #f3f3f3;\n tr {\n border-bottom: 2px solid #dadada;\n > th + th {\n border-left: 1px solid #dadada\n }\n }\n\n th {\n text-align: left;\n font-weight: 700;\n padding: 1rem 0.5rem;\n }\n"])));
export var TableBody = styled.tbody(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n tr {\n border-bottom: 1px solid #dadada;\n }\n td {\n padding: 0.75rem 0.5rem;\n }\n"], ["\n tr {\n border-bottom: 1px solid #dadada;\n }\n td {\n padding: 0.75rem 0.5rem;\n }\n"])));
export var Token = styled.code(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: #f3f3f3;\n border: 1px solid #dadada;\n border-radius: 4px;\n padding: 0.25rem 0.5rem;\n"], ["\n background: #f3f3f3;\n border: 1px solid #dadada;\n border-radius: 4px;\n padding: 0.25rem 0.5rem;\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
//# sourceMappingURL=components.js.map