Skip to content

Commit e5cc8db

Browse files
author
yurim
committed
feat: PostCard 컴포넌트의 마크다운 요소 스타일 통일성 강화
1 parent a303da8 commit e5cc8db

File tree

1 file changed

+54
-1
lines changed
  • fundamentals/today-i-learned/src/components/features/discussions

1 file changed

+54
-1
lines changed

fundamentals/today-i-learned/src/components/features/discussions/PostCard.tsx

Lines changed: 54 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -276,5 +276,58 @@ const markdownContent = css({
276276
fontSize: "16px",
277277
lineHeight: "160%",
278278
letterSpacing: "-0.4px",
279-
color: "rgba(0, 0, 0, 0.8)"
279+
color: "rgba(0, 0, 0, 0.8)",
280+
// PostCard에서 모든 마크다운 요소의 텍스트 크기를 균일하게 만들기
281+
"& h1, & h2, & h3, & h4, & h5, & h6": {
282+
fontSize: "16px !important",
283+
fontWeight: "500 !important",
284+
lineHeight: "160% !important",
285+
letterSpacing: "-0.4px !important",
286+
color: "rgba(0, 0, 0, 0.8) !important",
287+
margin: "0 !important"
288+
},
289+
"& p": {
290+
fontSize: "16px !important",
291+
fontWeight: "500 !important",
292+
lineHeight: "160% !important",
293+
letterSpacing: "-0.4px !important",
294+
color: "rgba(0, 0, 0, 0.8) !important",
295+
margin: "0 !important"
296+
},
297+
"& strong": {
298+
fontSize: "16px !important",
299+
fontWeight: "600 !important",
300+
color: "rgba(0, 0, 0, 0.8) !important"
301+
},
302+
"& em": {
303+
fontSize: "16px !important",
304+
fontStyle: "italic !important",
305+
color: "rgba(0, 0, 0, 0.8) !important"
306+
},
307+
"& ul, & ol": {
308+
margin: "0 !important",
309+
fontSize: "16px !important"
310+
},
311+
"& li": {
312+
fontSize: "16px !important",
313+
fontWeight: "500 !important",
314+
lineHeight: "160% !important",
315+
letterSpacing: "-0.4px !important",
316+
color: "rgba(0, 0, 0, 0.8) !important"
317+
},
318+
"& code": {
319+
fontSize: "14px !important",
320+
fontFamily: "monospace !important",
321+
backgroundColor: "#F5F5F5 !important",
322+
padding: "2px 4px !important",
323+
borderRadius: "4px !important"
324+
},
325+
"& blockquote": {
326+
fontSize: "16px !important",
327+
fontWeight: "500 !important",
328+
color: "rgba(0, 0, 0, 0.7) !important",
329+
margin: "0 !important",
330+
paddingLeft: "8px !important",
331+
borderLeft: "2px solid #D3D3D3 !important"
332+
}
280333
});

0 commit comments

Comments
 (0)