infinity-forge/dist/system/context/auth/components/login/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.Login = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.Login = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  min-height: 100vh;\n  gap: 100px;\n  padding-left: 40px;\n\n  > div {\n    width: 100%;\n  }\n\n  input {\n    height: 44px;\n    padding: 0 16px;\n    border-radius: 5px;\n    border: 1px solid #dbdfea;\n\n    &::placeholder {\n      color: #dbdfea;\n    }\n  }\n\n  .icon {\n    width: 16px !important;\n\n    svg {\n      fill: #526484 !important;\n    }\n  }\n\n  .form-button {\n    button {\n      border: 0;\n      height: 44px;\n      border-radius: 5px;\n      font-size: 15px;\n      font-weight: 600;\n      background: ", ";\n    }\n  }\n\n  form {\n    > div {\n      > div + div {\n        margin-top: 20px;\n      }\n    }\n  }\n\n  .content {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    flex-direction: column;\n    padding-bottom: 20px;\n    width: 35%;\n\n    > div:first-child {\n      height: 17px;\n    }\n\n    div {\n      width: 100%;\n      max-width: 380px;\n    }\n\n    .contact-footer {\n      margin-top: 50px;\n\n      span {\n        color: #526484;\n        font-size: 14px;\n      }\n\n      a {\n        color: ", ";\n      }\n    }\n\n    .logo {\n      width: 160px;\n      margin-bottom: 45px;\n    }\n\n    .text {\n      margin-bottom: 20px;\n      color: #364a63;\n    }\n\n    .label {\n      display: block;\n      margin-bottom: 8px;\n    }\n  }\n\n  .image {\n    max-height: 100vh;\n    width: 65%;\n\n    > div {\n      width: 100%;\n    }\n\n    img {\n      width: 100%;\n      object-fit: cover;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    .text {\n      h5 {\n        font-size: 18px;\n      }\n\n      p {\n        font-size: 14px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 900px) {\n    padding: 30px 0;\n\n    .image {\n      display: none;\n    }\n\n    .content {\n      width: 100%;\n      max-width: 100%;\n      padding: 20px;\n      align-items: center;\n      padding-bottom: 0;\n\n      .empty {\n        display: none;\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  min-height: 100vh;\n  gap: 100px;\n  padding-left: 40px;\n\n  > div {\n    width: 100%;\n  }\n\n  input {\n    height: 44px;\n    padding: 0 16px;\n    border-radius: 5px;\n    border: 1px solid #dbdfea;\n\n    &::placeholder {\n      color: #dbdfea;\n    }\n  }\n\n  .icon {\n    width: 16px !important;\n\n    svg {\n      fill: #526484 !important;\n    }\n  }\n\n  .form-button {\n    button {\n      border: 0;\n      height: 44px;\n      border-radius: 5px;\n      font-size: 15px;\n      font-weight: 600;\n      background: ", ";\n    }\n  }\n\n  form {\n    > div {\n      > div + div {\n        margin-top: 20px;\n      }\n    }\n  }\n\n  .content {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    flex-direction: column;\n    padding-bottom: 20px;\n    width: 35%;\n\n    > div:first-child {\n      height: 17px;\n    }\n\n    div {\n      width: 100%;\n      max-width: 380px;\n    }\n\n    .contact-footer {\n      margin-top: 50px;\n\n      span {\n        color: #526484;\n        font-size: 14px;\n      }\n\n      a {\n        color: ", ";\n      }\n    }\n\n    .logo {\n      width: 160px;\n      margin-bottom: 45px;\n    }\n\n    .text {\n      margin-bottom: 20px;\n      color: #364a63;\n    }\n\n    .label {\n      display: block;\n      margin-bottom: 8px;\n    }\n  }\n\n  .image {\n    max-height: 100vh;\n    width: 65%;\n\n    > div {\n      width: 100%;\n    }\n\n    img {\n      width: 100%;\n      object-fit: cover;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    .text {\n      h5 {\n        font-size: 18px;\n      }\n\n      p {\n        font-size: 14px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 900px) {\n    padding: 30px 0;\n\n    .image {\n      display: none;\n    }\n\n    .content {\n      width: 100%;\n      max-width: 100%;\n      padding: 20px;\n      align-items: center;\n      padding-bottom: 0;\n\n      .empty {\n        display: none;\n      }\n    }\n  }\n"])), function (props) { return props.theme.primaryColor; }, function (props) { return props.theme.primaryColor; });
var templateObject_1;
//# sourceMappingURL=styles.js.map