@teamsparta/blog-system
Version:
33 lines • 5.95 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.PopularStoryPreviewImage = exports.ContentInfo = exports.Summary = exports.Title = exports.MReadingTime = exports.Category = exports.TextSection = exports.PostWrapper = exports.StyledLink = exports.SectionTitle = exports.Wrapper = void 0;
var styled_1 = __importDefault(require("@emotion/styled"));
var design_system_1 = require("@teamsparta/design-system");
var link_1 = __importDefault(require("next/link"));
var variables_1 = require("../../style/variables");
exports.Wrapper = styled_1.default.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 24px;\n width: calc(100% - 40px);\n margin: 0 auto;\n padding-bottom: 70px;\n cursor: pointer;\n @media ", " {\n width: 100%;\n max-width: 640px;\n gap: 34px;\n padding-bottom: 80px;\n }\n"], ["\n display: flex;\n flex-direction: column;\n gap: 24px;\n width: calc(100% - 40px);\n margin: 0 auto;\n padding-bottom: 70px;\n cursor: pointer;\n @media ", " {\n width: 100%;\n max-width: 640px;\n gap: 34px;\n padding-bottom: 80px;\n }\n"])), variables_1.device.desktop);
exports.SectionTitle = styled_1.default.h3(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n color: ", ";\n margin: 0;\n\n @media ", " {\n ", "\n color: ", ";\n }\n"], ["\n ", "\n color: ", ";\n margin: 0;\n\n @media ", " {\n ", "\n color: ", ";\n }\n"])), design_system_1.mTitle1, design_system_1.neutralDay.gray100, variables_1.device.desktop, design_system_1.wTitle1, design_system_1.neutralDay.gray100);
exports.StyledLink = (0, styled_1.default)(link_1.default)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n text-decoration: none;\n"], ["\n text-decoration: none;\n"])));
exports.PostWrapper = styled_1.default.article(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n gap: 15px;\n"], ["\n display: flex;\n gap: 15px;\n"])));
exports.TextSection = styled_1.default.section(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 58%;\n\n @media ", " {\n width: 60%;\n }\n"], ["\n width: 58%;\n\n @media ", " {\n width: 60%;\n }\n"])), variables_1.device.desktop);
exports.Category = styled_1.default.small(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n color: ", ";\n font-weight: 600;\n\n @media ", " {\n ", "\n color: ", ";\n font-weight: 600;\n }\n"], ["\n ", "\n color: ", ";\n font-weight: 600;\n\n @media ", " {\n ", "\n color: ", ";\n font-weight: 600;\n }\n"])), design_system_1.mBody3, function (_a) {
var serviceType = _a.serviceType;
return "".concat(variables_1.strongTextColor[serviceType]);
}, variables_1.device.desktop, design_system_1.wBody3, function (_a) {
var serviceType = _a.serviceType;
return "".concat(variables_1.strongTextColor[serviceType]);
});
exports.MReadingTime = styled_1.default.small(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n color: ", ";\n font-weight: 500;\n\n @media ", " {\n display: none;\n }\n"], ["\n ", "\n color: ", ";\n font-weight: 500;\n\n @media ", " {\n display: none;\n }\n"])), design_system_1.wCaption1, design_system_1.neutralDay.gray60, variables_1.device.desktop);
exports.Title = styled_1.default.h5(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n color: ", ";\n font-weight: 700;\n margin: 8px 0 0 0;\n\n @media ", " {\n ", "\n color: ", ";\n font-weight: 700;\n margin: 6px 0 20px 0;\n }\n"], ["\n ", "\n color: ", ";\n font-weight: 700;\n margin: 8px 0 0 0;\n\n @media ", " {\n ", "\n color: ", ";\n font-weight: 700;\n margin: 6px 0 20px 0;\n }\n"])), design_system_1.mTitle2, design_system_1.neutralDay.gray90, variables_1.device.desktop, design_system_1.wTitle4, design_system_1.neutralDay.gray90);
exports.Summary = styled_1.default.p(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: none;\n\n @media ", " {\n display: block;\n ", "\n color: ", ";\n margin: 0 0 10px;\n }\n"], ["\n display: none;\n\n @media ", " {\n display: block;\n ", "\n color: ", ";\n margin: 0 0 10px;\n }\n"])), variables_1.device.desktop, design_system_1.wBody4, design_system_1.neutralDay.gray80);
exports.ContentInfo = styled_1.default.small(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: none;\n\n @media ", " {\n display: block;\n ", "\n color: ", ";\n }\n"], ["\n display: none;\n\n @media ", " {\n display: block;\n ", "\n color: ", ";\n }\n"])), variables_1.device.desktop, design_system_1.wCaption1, design_system_1.neutralDay.gray60);
exports.PopularStoryPreviewImage = styled_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n position: relative;\n width: 140px;\n height: 100px;\n margin-bottom: 16px;\n @media ", " {\n width: 240px;\n height: 187px;\n margin-bottom: 20px;\n }\n"], ["\n position: relative;\n width: 140px;\n height: 100px;\n margin-bottom: 16px;\n @media ", " {\n width: 240px;\n height: 187px;\n margin-bottom: 20px;\n }\n"])), variables_1.device.desktop);
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
//# sourceMappingURL=PopularPosts.style.js.map