Skip to content

Commit 633b239

Browse files
committed
Enhance typography for english posts and code tag
1 parent 7a76eae commit 633b239

File tree

5 files changed

+12
-11
lines changed

5 files changed

+12
-11
lines changed

src/components/common/Typography.tsx

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@ import media from '../../lib/styles/media';
55

66
const TypographyBlock = styled.div`
77
font-size: 1.125rem;
8-
color: ${palette.gray8};
9-
line-height: 1.85;
10-
letter-spacing: -0.02em;
8+
color: #222426;
9+
line-height: 1.7;
10+
letter-spacing: -0.004em;
1111
word-break: keep-all;
1212
word-wrap: break-word;
1313
p {
@@ -20,9 +20,10 @@ const TypographyBlock = styled.div`
2020
font-weight: 400;
2121
}
2222
code {
23-
background: #e3fff6;
24-
padding-left: 0.25em;
25-
padding-right: 0.25em;
23+
background: rgba(27,31,35,.05);
24+
padding: .2em .4em;
25+
font-size: 85%;
26+
border-radius: 3px;
2627
}
2728
a {
2829
code {

src/components/common/UserProfile.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ const UserInfo = styled.div`
7373
line-height: 1.5;
7474
margin-top: 0.25rem;
7575
color: ${palette.gray7};
76-
letter-spacing: -0.02em;
76+
letter-spacing: -0.004em;
7777
}
7878
7979
${media.small} {
@@ -86,7 +86,7 @@ const UserInfo = styled.div`
8686
.description {
8787
margin-top: 0.5rem;
8888
font-size: 0.875rem;
89-
letter-spacing: -0.02em;
89+
letter-spacing: -0.004em;
9090
}
9191
}
9292
`;

src/components/post/PostHead.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ const PostHeadBlock = styled(VelogResponsive)`
2727
/* font-family: 'Spoqa Han Sans'; */
2828
font-size: 3rem;
2929
line-height: 1.5;
30-
letter-spacing: -0.02em;
30+
letter-spacing: -0.004em;
3131
margin-top: 0;
3232
font-weight: 800;
3333
color: ${palette.gray8};

src/components/velog/SeriesPostItem.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ const SeriesPostItemBlock = styled.div<{ edit?: boolean }>`
4747
align-items: flex-start;
4848
flex: 1;
4949
min-width: 0;
50-
letter-spacing: -0.02em;
50+
letter-spacing: -0.004em;
5151
height: 6.25rem;
5252
5353
${media.small} {

src/components/velog/SeriesPostsTemplate.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ const SeriesPostsTemplateBlock = styled.div`
1313
line-height: 1.5;
1414
}
1515
h1 {
16-
letter-spacing: -0.02em;
16+
letter-spacing: -0.004em;
1717
/* font-family: 'Spoqa Han Sans', -apple-system, BlinkMacSystemFont,
1818
-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Apple SD Gothic Neo',
1919
arial, 나눔고딕, 'Nanum Gothic', 돋움; */

0 commit comments

Comments
 (0)