@teamsparta/blog-system
Version:
23 lines • 3.66 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.BlogPreviewCardInfoItem = exports.BlogPreviewCardInfo = exports.BlogPreviewCardBody = exports.BlogPreviewCardTitle = exports.BlogPreviewCardThumbnail = exports.BlogPreviewCard = exports.StyledLink = 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.StyledLink = (0, styled_1.default)(link_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n text-decoration: none;\n"], ["\n text-decoration: none;\n"])));
exports.BlogPreviewCard = styled_1.default.article(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n width: calc(100% - 32px);\n margin: 0 auto;\n cursor: pointer;\n\n @media ", " {\n width: 510px;\n }\n"], ["\n display: block;\n width: calc(100% - 32px);\n margin: 0 auto;\n cursor: pointer;\n\n @media ", " {\n width: 510px;\n }\n"])), variables_1.device.desktop);
exports.BlogPreviewCardThumbnail = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 164px;\n margin-bottom: 16px;\n @media ", " {\n height: 255px;\n margin-bottom: 20px;\n }\n"], ["\n position: relative;\n width: 100%;\n height: 164px;\n margin-bottom: 16px;\n @media ", " {\n height: 255px;\n margin-bottom: 20px;\n }\n"])), variables_1.device.desktop);
exports.BlogPreviewCardTitle = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n margin-bottom: 12px;\n @media ", " {\n ", "\n font-weight: 700;\n }\n"], ["\n ", "\n margin-bottom: 12px;\n @media ", " {\n ", "\n font-weight: 700;\n }\n"])), design_system_1.mTitle2, variables_1.device.desktop, design_system_1.wTitle2);
exports.BlogPreviewCardBody = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n color: ", ";\n @media ", " {\n ", "\n color: ", ";\n }\n"], ["\n ", "\n color: ", ";\n @media ", " {\n ", "\n color: ", ";\n }\n"])), design_system_1.mBody4, design_system_1.neutralDay.gray80, variables_1.device.desktop, design_system_1.wBody4, design_system_1.neutralDay.gray80);
exports.BlogPreviewCardInfo = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n justify-content: left;\n gap: 4px;\n ", "\n margin-top: 8px;\n color: ", ";\n @media ", " {\n ", "\n color: ", ";\n }\n"], ["\n display: flex;\n justify-content: left;\n gap: 4px;\n ", "\n margin-top: 8px;\n color: ", ";\n @media ", " {\n ", "\n color: ", ";\n }\n"])), design_system_1.mCaption1, design_system_1.neutralDay.gray60, variables_1.device.desktop, design_system_1.wCaption1, design_system_1.neutralDay.gray60);
exports.BlogPreviewCardInfoItem = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
//# sourceMappingURL=StoryPreview.style.js.map