infinity-forge
Version:
17 lines • 2.77 kB
JavaScript
"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.Days = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.Days = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .week {\n display: flex;\n gap: 5px;\n justify-content: space-between;\n\n padding: 6px 0;\n\n p {\n color: #d5e1f9;\n font-size: 10px;\n font-weight: 500;\n text-align: center;\n text-transform: uppercase;\n\n margin-bottom: 0;\n }\n }\n\n .days {\n display: grid;\n gap: 5px;\n grid-template-columns: repeat(7, 25px);\n justify-content: space-between;\n\n > button {\n border: unset;\n background: unset;\n padding: 0;\n\n color: #2a2a2a;\n text-align: center;\n font-size: 12px;\n font-weight: 400;\n\n height: 25px;\n border-radius: 8px;\n\n &.today:not(:disabled) {\n background-color: #f2f2f2;\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &.selected {\n color: white;\n background-color: ", ";\n }\n\n &:disabled {\n color: #aaaaaa;\n }\n }\n }\n"], ["\n .week {\n display: flex;\n gap: 5px;\n justify-content: space-between;\n\n padding: 6px 0;\n\n p {\n color: #d5e1f9;\n font-size: 10px;\n font-weight: 500;\n text-align: center;\n text-transform: uppercase;\n\n margin-bottom: 0;\n }\n }\n\n .days {\n display: grid;\n gap: 5px;\n grid-template-columns: repeat(7, 25px);\n justify-content: space-between;\n\n > button {\n border: unset;\n background: unset;\n padding: 0;\n\n color: #2a2a2a;\n text-align: center;\n font-size: 12px;\n font-weight: 400;\n\n height: 25px;\n border-radius: 8px;\n\n &.today:not(:disabled) {\n background-color: #f2f2f2;\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &.selected {\n color: white;\n background-color: ", ";\n }\n\n &:disabled {\n color: #aaaaaa;\n }\n }\n }\n"])), function (_a) {
var theme = _a.theme;
return theme.primaryColor || '#2c68df';
});
var templateObject_1;
//# sourceMappingURL=styles.js.map