granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move to use REM with 62.5% trick

Browse source
This commit is contained in:
Justin Edmund 2020-10-26 01:31:27 -07:00
parent 0f02cdae13
commit 4f8dfc80f2
2 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/App/index.scss
View file

@ -2,12 +2,14 @@
html { html {
background: $bg-color; background: $bg-color;
font-size: 62.5%;
padding: $unit * 2; padding: $unit * 2;
} }
body { body {
font-family: system-ui, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif; font-family: system-ui, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.4rem;
&.no-scroll { &.no-scroll {
overflow: hidden; overflow: hidden;
} }
@ -23,6 +25,7 @@ h1, h2, h3, p {
h1 { h1 {
font-size: 18px; font-size: 18px;
font-size: 2.1rem;
font-weight: 500; font-weight: 500;
text-align: center; text-align: center;
} }

1
src/components/Segment/index.scss
View file

@ -3,6 +3,7 @@
color: #888; color: #888;
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 16px;
font-size: 1.4rem;
font-weight: 500; font-weight: 500;
min-width: 100px; min-width: 100px;