infinity-forge/dist/ui/components/form/input-week-availability/shared/styles/base-styles.js

codie Library

"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.BaseInputWeekAvailability = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.BaseInputWeekAvailability = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  > label {\n    margin-bottom: clamp(10px, 1vw, 15px);\n  }\n\n  th {\n    text-align: center;\n  }\n\n  thead {\n    background-color: transparent !important;\n\n    th:not(:first-child) {\n      padding: 1px 5px 5px;\n      border-radius: 5px 5px 0 0;\n    }\n  }\n\n  tr:not(:last-child) {\n    td,\n    th {\n      padding: 1px 5px 5px;\n    }\n  }\n\n  tr:last-child td {\n    border-radius: 0 0 5px 5px;\n    padding: 1px 5px;\n  }\n\n  th,\n  td {\n    &:not(:first-child):not(:empty) {\n      background-color: #f2f2f2;\n    }\n\n    &:empty {\n      padding: 1px 3px !important;\n    }\n\n    &:first-child {\n      padding-right: 15px !important;\n    }\n  }\n\n  td > div {\n    height: 100%;\n    margin: auto;\n  }\n\n  table label {\n    width: 20px !important;\n    height: 20px !important;\n    border: none !important;\n    background: transparent !important;\n    margin-bottom: 0 !important;\n    cursor: pointer;\n\n    svg {\n      width: 100% !important;\n      height: 100% !important;\n    }\n  }\n\n  .input_control {\n    margin-bottom: 2px !important;\n  }\n\n  .input-wrapper {\n    display: flex;\n    align-items: center;\n  }\n\n  @media only screen and (max-width: 1600px) {\n    thead th:not(:first-child),\n    tr:not(:last-child) td,\n    tr:not(:last-child) th,\n    tr:last-child td {\n      padding: 1px 4px 4px;\n    }\n\n    th,\n    td {\n      &:empty {\n        padding: 1px 2px !important;\n      }\n\n      &:first-child {\n        padding-right: 10px !important;\n      }\n    }\n\n    tr:last-child td {\n      padding-bottom: 1px !important;\n    }\n\n    table label {\n      width: 18px !important;\n      height: 18px !important;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    > label {\n      width: 100%;\n      text-align: center;\n      max-width: 242px;\n      margin-bottom: 10px;\n    }\n\n    table label {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    th,\n    td {\n      font-size: 12px;\n\n      &:first-child {\n        padding-right: 5px !important;\n      }\n    }\n  }\n"], ["\n  > label {\n    margin-bottom: clamp(10px, 1vw, 15px);\n  }\n\n  th {\n    text-align: center;\n  }\n\n  thead {\n    background-color: transparent !important;\n\n    th:not(:first-child) {\n      padding: 1px 5px 5px;\n      border-radius: 5px 5px 0 0;\n    }\n  }\n\n  tr:not(:last-child) {\n    td,\n    th {\n      padding: 1px 5px 5px;\n    }\n  }\n\n  tr:last-child td {\n    border-radius: 0 0 5px 5px;\n    padding: 1px 5px;\n  }\n\n  th,\n  td {\n    &:not(:first-child):not(:empty) {\n      background-color: #f2f2f2;\n    }\n\n    &:empty {\n      padding: 1px 3px !important;\n    }\n\n    &:first-child {\n      padding-right: 15px !important;\n    }\n  }\n\n  td > div {\n    height: 100%;\n    margin: auto;\n  }\n\n  table label {\n    width: 20px !important;\n    height: 20px !important;\n    border: none !important;\n    background: transparent !important;\n    margin-bottom: 0 !important;\n    cursor: pointer;\n\n    svg {\n      width: 100% !important;\n      height: 100% !important;\n    }\n  }\n\n  .input_control {\n    margin-bottom: 2px !important;\n  }\n\n  .input-wrapper {\n    display: flex;\n    align-items: center;\n  }\n\n  @media only screen and (max-width: 1600px) {\n    thead th:not(:first-child),\n    tr:not(:last-child) td,\n    tr:not(:last-child) th,\n    tr:last-child td {\n      padding: 1px 4px 4px;\n    }\n\n    th,\n    td {\n      &:empty {\n        padding: 1px 2px !important;\n      }\n\n      &:first-child {\n        padding-right: 10px !important;\n      }\n    }\n\n    tr:last-child td {\n      padding-bottom: 1px !important;\n    }\n\n    table label {\n      width: 18px !important;\n      height: 18px !important;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    > label {\n      width: 100%;\n      text-align: center;\n      max-width: 242px;\n      margin-bottom: 10px;\n    }\n\n    table label {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    th,\n    td {\n      font-size: 12px;\n\n      &:first-child {\n        padding-right: 5px !important;\n      }\n    }\n  }\n"])));
var templateObject_1;
//# sourceMappingURL=base-styles.js.map