infinity-forge
Version:
14 lines • 2.92 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.Tab = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.Tab = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n border: 1px solid #e1e1e1;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n\n .tabs {\n gap: 15px;\n padding: 5px;\n background-color: #f2f2f2;\n position: relative;\n border-radius: 8px;\n display: flex;\n\n .background {\n background-color: #e1e1e1;\n box-shadow: var(0 0 #0000, 0 0 #0000), 0 0 #0000, 0px 0px 5px 0px rgba(0, 0, 0, 0.05),\n 0px 2px 10px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 1px 0px hsla(0, 0%, 100%, 0.15);\n border-radius: 6px;\n position: absolute;\n top: 6px;\n left: 6px;\n height: 40px;\n z-index: 0;\n transition: 0.3s;\n }\n\n button {\n padding: 0 15px;\n height: 40px;\n color: #2b2b2b;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n background-color: transparent;\n border: 0;\n z-index: 2;\n position: relative;\n\n &:hover {\n transition: 0.1s;\n opacity: 0.75;\n }\n }\n }\n\n .tab_selected {\n padding: 20px;\n }\n"], ["\n width: 100%;\n border: 1px solid #e1e1e1;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n\n .tabs {\n gap: 15px;\n padding: 5px;\n background-color: #f2f2f2;\n position: relative;\n border-radius: 8px;\n display: flex;\n\n .background {\n background-color: #e1e1e1;\n box-shadow: var(0 0 #0000, 0 0 #0000), 0 0 #0000, 0px 0px 5px 0px rgba(0, 0, 0, 0.05),\n 0px 2px 10px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 1px 0px hsla(0, 0%, 100%, 0.15);\n border-radius: 6px;\n position: absolute;\n top: 6px;\n left: 6px;\n height: 40px;\n z-index: 0;\n transition: 0.3s;\n }\n\n button {\n padding: 0 15px;\n height: 40px;\n color: #2b2b2b;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n background-color: transparent;\n border: 0;\n z-index: 2;\n position: relative;\n\n &:hover {\n transition: 0.1s;\n opacity: 0.75;\n }\n }\n }\n\n .tab_selected {\n padding: 20px;\n }\n"])));
var templateObject_1;
//# sourceMappingURL=styles.js.map