Thanks to visit codestin.com
Credit goes to github.com

Skip to content

[ Common ] style theme font, color setting #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
joohaem merged 2 commits into from
Jul 10, 2022
Merged

[ Common ] style theme font, color setting #5

joohaem merged 2 commits into from
Jul 10, 2022

Conversation

@NYeonK
Copy link
Contributor

@NYeonK NYeonK commented Jul 10, 2022 •
edited
Loading

  • 브랜치명, 브랜치 알맞게 설정
  • Reviewer, Assignees, Label, Milestone, Issue(PR 작성 후에) 붙이기
  • PR이 승인된 경우 해당 브랜치는 삭제하기

📌 내용

  • style theme font, color setting

📌 내가 알게 된 부분

  • theme 설정하는 방법을 알게 되었다.
  • 아래처럼 font 함수 설정하는 법!
function FONT({ weight, size }: Font) {
  return css`
    font-family: "Pretendard";
    font-weight: ${weight};
    font-size: ${size}rem;
    line-height: 140%;
    letter-spacing: -0.04rem;
  `;
}
  • font라는 타입도 있다는 사실~!
  • theme 설정 후에는, indes.tsx에 <ThemeProvider theme={theme}>로 감싸줘야 적용이 된다!

📌 질문할 부분

  • 이해 완료😊

📸 스크린샷

첨부파일 없음

@NYeonK NYeonK self-assigned this Jul 10, 2022
@NYeonK NYeonK added this to the 🔥 Demo Day 🔥 milestone Jul 10, 2022
@NYeonK NYeonK linked an issue Jul 10, 2022 that may be closed by this pull request
[ Common ] style theme font, color setting #3
Closed
4 tasks
joohaem
joohaem approved these changes Jul 10, 2022
View reviewed changes
Copy link
Member

@joohaem joohaem left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

나이쓰 ~~~~ LGTM 🔥🔥🔥🔥

@joohaem joohaem merged commit 5100d5e into develop Jul 10, 2022
@joohaem joohaem deleted the feat/#3-style_theme branch July 10, 2022 15:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@joohaem joohaem joohaem approved these changes

Assignees

@NYeonK NYeonK

Labels

Feature 나연

Projects

None yet

Milestone

🔥 Demo Day 🔥

Development

Successfully merging this pull request may close these issues.

[ Common ] style theme font, color setting

3 participants

@NYeonK @joohaem