diff options
author | Rasmus Andersson <rasmus@figma.com> | 2019-02-19 18:23:24 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@figma.com> | 2019-02-19 18:23:32 +0300 |
commit | 38a830d0a968c1c24a29cfc9ff4f1bf38b3705c6 (patch) | |
tree | 9c67243b0263fea7e05d4199e2a40f38522488a5 /docs/index.css | |
parent | 1208ea93e0dfbda79abc97eb2efa102fee1b809b (diff) | |
download | inter-38a830d0a968c1c24a29cfc9ff4f1bf38b3705c6.tar.xz |
website update
Diffstat (limited to 'docs/index.css')
-rw-r--r-- | docs/index.css | 51 |
1 files changed, 42 insertions, 9 deletions
diff --git a/docs/index.css b/docs/index.css index 261643d88..5fe9fc24b 100644 --- a/docs/index.css +++ b/docs/index.css @@ -1,4 +1,24 @@ +h1 { + color: #010101; + font-size:110px; + letter-spacing: -0.055em; + line-height: 0.9em; + text-indent: -0.03em; + margin-bottom: 4rem; + margin-top: 10px; + font-weight: 740; +} + +@media only screen and (max-width: 565px) { + h1 { + /*font-size: 60px; + letter-spacing: -0.045em; + text-indent: -0.012em;*/ + line-height: 1em; + } +} + #hidden-text-input { position: absolute; left:0; @@ -10,27 +30,33 @@ } .dynmet-calc { - font-size: 18px; - line-height: 26px; + font-weight: 440; + font-size: 1.2rem; + line-height: calc(var(--spacingv) * 2); + /*font-size: 1.5rem;*/ + /*line-height: 26px;*/ user-select: text; } .dynmet-calc input { border: none; - box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.3); + /*box-shadow: 0 0.125rem 0 0 rgba(0, 0, 0, 0.3);*/ background: transparent; font: inherit; - color: inherit; outline: none; margin: 0 0.2em; width: 40px; text-align: center; line-height: inherit; - color: #eee; + color: var(--red); user-select: text; + border-radius: 0.2rem; + } + .dynmet-calc input:hover { + box-shadow: 0 0 0 0.12rem rgba(0, 0, 0, 0.3); } .dynmet-calc input:focus { - color: #fff; - box-shadow: inset 0 -2px 0 0 rgb(43, 139, 247); + /*box-shadow: 0 2px 0 0 var(--red);*/ + background: rgba(0, 0, 0, 0.07); } .dynmet-calc input[type=number]::-webkit-inner-spin-button, .dynmet-calc input[type=number]::-webkit-outer-spin-button { @@ -40,14 +66,14 @@ .dynmet-calc .arrow { margin: 0 0.5em; - color: #eee; + /*color: var(--red);*/ } .dynmet-calc #dynmet-tracking { box-shadow: none; width: 57px; margin-right: 0.1em; - color: #eee; + color: var(--red); } .dynmet-calc #dynmet-tracking.percent { width: 34px; @@ -62,6 +88,13 @@ /* FAQ */ +grid.faq { + grid-row-gap: calc(var(--spacingv) * 3); +} +.faq .q { + font-weight: 600; +} + ul.faq { list-style:none; display: flex; |