infinity-forge
Version:
11 lines • 1.82 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;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Accordion = void 0;
var styled_components_1 = require("styled-components");
exports.Accordion = styled_components_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n background-color: #fff;\n padding: 10px 20px;\n margin-bottom: 5px;\n box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\n\n > button {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0;\n border: 0;\n background: none;\n width: 100%;\n\n svg {\n width: 16px;\n height: auto;\n }\n }\n\n .content {\n max-height: 0;\n overflow: hidden;\n transition: all 0.2s cubic-bezier(0, 1, 0, 1);\n\n &.show {\n height: auto;\n max-height: 9999px;\n transition: all 0.2s cubic-bezier(1, 0, 1, 0);\n }\n }\n"], ["\n width: 100%;\n background-color: #fff;\n padding: 10px 20px;\n margin-bottom: 5px;\n box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\n\n > button {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0;\n border: 0;\n background: none;\n width: 100%;\n\n svg {\n width: 16px;\n height: auto;\n }\n }\n\n .content {\n max-height: 0;\n overflow: hidden;\n transition: all 0.2s cubic-bezier(0, 1, 0, 1);\n\n &.show {\n height: auto;\n max-height: 9999px;\n transition: all 0.2s cubic-bezier(1, 0, 1, 0);\n }\n }\n"])));
var templateObject_1;
//# sourceMappingURL=styles.js.map