Skip to content
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.

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

[Improve]: カウントダウンのテキストスタイルの調整 #134

Open
blendthink opened this issue Aug 10, 2023 · 0 comments
Open
Labels

Comments

@blendthink
Copy link
Contributor

Describe

現在の Figma の設定に合わせ、 ↓ のように変更する。また、モバイル端末での表示にも対応する。

# 広い画面
color: var(--material-theme-ref-secondary-secondary-100, #FFF);
text-align: center;
font-family: Poppins;
font-size: 57px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 57px */
# 狭い画面
color: var(--material-theme-ref-secondary-secondary-100, #FFF);
text-align: center;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 32px */

また、単位(SECONDS)などの文字については、 theme.textStyle.headline.small を利用した上でカラーのみを変えるようにする。(モバイル端末は theme.textStyle.body.small

https://www.figma.com/file/LsVB4KlIMXD4Z1FfB8KyuU/FlutterKaigi-Web-2023?node-id=85%3A99&mode=dev
https://www.figma.com/file/LsVB4KlIMXD4Z1FfB8KyuU/FlutterKaigi-Web-2023?node-id=667%3A3013&mode=dev

Screenshots

image

Environment

すべて

Additional context

No response

@blendthink blendthink added improve Improve Proposal triage Presently being triaged by the team. welcome contribute and removed triage Presently being triaged by the team. labels Aug 10, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant