UNPKG

infinity-forge

Version:

codie Library

github.com/CodieDigital/codiedigital-library

CodieDigital/codiedigital-library

23 lines • 4.08 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
"use strict"; var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) { if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; } return cooked; }; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); exports.CalendarHeader = void 0; var styled_components_1 = __importDefault(require("styled-components")); exports.CalendarHeader = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .year {\n padding: 0;\n background-color: transparent;\n border: 0;\n }\n\n button {\n border: none;\n padding: 0;\n background-color: transparent;\n\n svg {\n display: block;\n margin: auto;\n position: relative;\n bottom: 0;\n height: 10px;\n width: auto;\n fill: ", ";\n\n path {\n stroke: ", ";\n stroke-width: 2;\n }\n }\n }\n\n h4 {\n color: ", ";\n font-size: 12px;\n font-weight: 500;\n display: flex;\n align-items: center;\n margin: 0 auto 0 0;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n cursor: pointer;\n\n span {\n display: flex;\n height: 9px;\n line-height: 9px;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n .icon-arrow-left {\n display: flex;\n cursor: pointer;\n margin-right: 2px;\n\n svg {\n height: 12px;\n width: auto;\n }\n }\n }\n\n .year {\n width: unset;\n background-color: #f4f4f4;\n padding: 0 10px;\n font-size: 400;\n border-radius: 2px;\n }\n\n button {\n width: 22px;\n height: 22px;\n border-radius: 2px;\n background-color: #d5e1f9;\n margin-left: 15px;\n font-weight: 500;\n\n &:hover {\n text-decoration: underline;\n }\n & + button {\n margin-left: 8px;\n }\n }\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .year {\n padding: 0;\n background-color: transparent;\n border: 0;\n }\n\n button {\n border: none;\n padding: 0;\n background-color: transparent;\n\n svg {\n display: block;\n margin: auto;\n position: relative;\n bottom: 0;\n height: 10px;\n width: auto;\n fill: ", ";\n\n path {\n stroke: ", ";\n stroke-width: 2;\n }\n }\n }\n\n h4 {\n color: ", ";\n font-size: 12px;\n font-weight: 500;\n display: flex;\n align-items: center;\n margin: 0 auto 0 0;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n cursor: pointer;\n\n span {\n display: flex;\n height: 9px;\n line-height: 9px;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n .icon-arrow-left {\n display: flex;\n cursor: pointer;\n margin-right: 2px;\n\n svg {\n height: 12px;\n width: auto;\n }\n }\n }\n\n .year {\n width: unset;\n background-color: #f4f4f4;\n padding: 0 10px;\n font-size: 400;\n border-radius: 2px;\n }\n\n button {\n width: 22px;\n height: 22px;\n border-radius: 2px;\n background-color: #d5e1f9;\n margin-left: 15px;\n font-weight: 500;\n\n &:hover {\n text-decoration: underline;\n }\n & + button {\n margin-left: 8px;\n }\n }\n"])), function (_a) { var theme = _a.theme; return theme.primaryColor || '#2c68df'; }, function (_a) { var theme = _a.theme; return theme.primaryColor || '#2c68df'; }, function (_a) { var theme = _a.theme; return theme.primaryColor || '#2c68df'; }); var templateObject_1; //# sourceMappingURL=styles.js.map