diff options
author | Rasmus Andersson <rasmus@figma.com> | 2019-02-25 20:17:53 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@figma.com> | 2019-02-25 20:17:53 +0300 |
commit | ab4715013a26a1185b31a1793395f37b52632c11 (patch) | |
tree | f6908fcc130d7c9bd2c506c22fe96dde0c5a2f64 /docs/index.css | |
parent | 9642bef395bb02481c0dc17493a0e6f6f6a1b1b5 (diff) | |
download | inter-ab4715013a26a1185b31a1793395f37b52632c11.tar.xz |
website
Diffstat (limited to 'docs/index.css')
-rw-r--r-- | docs/index.css | 22 |
1 files changed, 21 insertions, 1 deletions
diff --git a/docs/index.css b/docs/index.css index aa1495f5a..9c787e830 100644 --- a/docs/index.css +++ b/docs/index.css @@ -1,7 +1,7 @@ h1 { color: #010101; - font-size:110px; + font-size:81px; letter-spacing: -0.055em; line-height: 0.9em; text-indent: -0.03em; @@ -9,6 +9,19 @@ h1 { margin-top: 10px; font-weight: 740; } +/* title scales as window shrinks */ +@media only screen and (max-width: 988px) { + h1 { font-size: calc(100vw / 12.2); } +} +@media only screen and (max-width: 900px) { + h1 { font-size: calc(100vw / 12.5); } +} +@media only screen and (max-width: 760px) { + h1 { font-size: calc(100vw / 12.8); } +} +@media only screen and (max-width: 660px) { + h1 { font-size: calc(100vw / 13.2); } +} @media only screen and (max-width: 565px) { h1 { @@ -19,6 +32,13 @@ h1 { } } +.weights-and-styles { + display: block; + opacity: 0.98; + width: 100%; + margin: 3em 0 3em 0; +} + #hidden-text-input { position: absolute; left:0; |