infinity-forge/dist/ui/components/menu-mobile/top/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.Top = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.Top = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  background-color: rgb(26, 26, 26);\n  color: #fff;\n  padding: 15px 20px;\n\n  a {\n    color: #fff;\n  }\n\n  .top {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    .close {\n      padding: 0;\n      background: none;\n      border: 0;\n      width: 12px;\n      margin: 0 0 0 auto;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: #fff;\n      }\n    }\n\n    .links {\n      a {\n        text-decoration: underline !important;\n        color: #fff;\n        font-size: 16px;\n        width: fit-content;\n        font-weight: bold;\n        text-transform: uppercase;\n      }\n\n      span {\n        font-size: 16px;\n      }\n    }\n\n    .icon {\n      display: flex;\n      width: fit-content;\n      margin: 0 0 0 auto;\n      padding: 0;\n      border: 0;\n      background: none;\n      width: 15px;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: #fff;\n      }\n\n      &.arrow {\n        width: 8px;\n      }\n    }\n  }\n\n  .bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 20px;\n\n    a {\n      font-size: 14px;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    svg {\n      width: 15px;\n      fill: #fff;\n    }\n  }\n"], ["\n  width: 100%;\n  background-color: rgb(26, 26, 26);\n  color: #fff;\n  padding: 15px 20px;\n\n  a {\n    color: #fff;\n  }\n\n  .top {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    .close {\n      padding: 0;\n      background: none;\n      border: 0;\n      width: 12px;\n      margin: 0 0 0 auto;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: #fff;\n      }\n    }\n\n    .links {\n      a {\n        text-decoration: underline !important;\n        color: #fff;\n        font-size: 16px;\n        width: fit-content;\n        font-weight: bold;\n        text-transform: uppercase;\n      }\n\n      span {\n        font-size: 16px;\n      }\n    }\n\n    .icon {\n      display: flex;\n      width: fit-content;\n      margin: 0 0 0 auto;\n      padding: 0;\n      border: 0;\n      background: none;\n      width: 15px;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: #fff;\n      }\n\n      &.arrow {\n        width: 8px;\n      }\n    }\n  }\n\n  .bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 20px;\n\n    a {\n      font-size: 14px;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    svg {\n      width: 15px;\n      fill: #fff;\n    }\n  }\n"])));
var templateObject_1;
//# sourceMappingURL=styles.js.map