diff options
author | Rasmus Andersson <rasmus@notion.se> | 2018-09-28 23:33:56 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@notion.se> | 2018-10-11 09:38:23 +0300 |
commit | 92d6ad5724b7835d4945fd7236003d012dd2c307 (patch) | |
tree | b9d615016713b992bae9a46d8bbb67c74b12da16 /docs/res | |
parent | 9dc29342aaf5eab0cf5014f5f1f9f550b4646062 (diff) | |
download | inter-92d6ad5724b7835d4945fd7236003d012dd2c307.tar.xz |
web: update dynamic metrics
Diffstat (limited to 'docs/res')
-rw-r--r-- | docs/res/base.css | 19 | ||||
-rw-r--r-- | docs/res/base.js | 3 |
2 files changed, 21 insertions, 1 deletions
diff --git a/docs/res/base.css b/docs/res/base.css index 555bf4fa6..e4c5ec082 100644 --- a/docs/res/base.css +++ b/docs/res/base.css @@ -107,6 +107,11 @@ num { /* number */ white-space: pre; } +em, i, .italic { + font-style: italic; + font-variation-settings: 'ital' 100; +} + small { font-size: 11px; letter-spacing: 0.013em; @@ -177,6 +182,20 @@ h1 > a, h2 > a, h3 > a { background: none; } +/* font style classifiers used by samples and dynmetrics */ +.font-style-regular { font-variation-settings: "wght" 400, "ital" 0 !important; font-weight:400 !important; font-style:normal !important; } +.font-style-italic { font-variation-settings: "wght" 400, "ital" 100 !important; font-weight:400 !important; font-style:italic !important; } +.font-style-medium { font-variation-settings: "wght" 500, "ital" 0 !important; font-weight:500 !important; font-style:normal !important; } +.font-style-medium-italic { font-variation-settings: "wght" 500, "ital" 100 !important; font-weight:500 !important; font-style:italic !important; } +.font-style-semi-bold { font-variation-settings: "wght" 600, "ital" 0 !important; font-weight:800 !important; font-style:normal !important; } +.font-style-semi-bold-italic { font-variation-settings: "wght" 600, "ital" 100 !important; font-weight:800 !important; font-style:italic !important; } +.font-style-bold { font-variation-settings: "wght" 700, "ital" 0 !important; font-weight:700 !important; font-style:normal !important; } +.font-style-bold-italic { font-variation-settings: "wght" 700, "ital" 100 !important; font-weight:700 !important; font-style:italic !important; } +.font-style-extra-bold { font-variation-settings: "wght" 800, "ital" 0 !important; font-weight:800 !important; font-style:normal !important; } +.font-style-extra-bold-italic { font-variation-settings: "wght" 800, "ital" 100 !important; font-weight:800 !important; font-style:italic !important; } +.font-style-black { font-variation-settings: "wght" 900, "ital" 0 !important; font-weight:900 !important; font-style:normal !important; } +.font-style-black-italic { font-variation-settings: "wght" 900, "ital" 100 !important; font-weight:900 !important; font-style:italic !important; } + .row { padding: 50px; display: flex; diff --git a/docs/res/base.js b/docs/res/base.js index 859b8d56f..0d4b12add 100644 --- a/docs/res/base.js +++ b/docs/res/base.js @@ -82,7 +82,8 @@ var HUDNotification = { // function InterUIDynamicTracking(fontSize) { // tracking = a + b * e ^ (c * fontSize) - return -0.016 + 0.21 * Math.pow(Math.E, -0.18 * fontSize) + var a = -0.017, b = 0.202, c = -0.175; + return a + b * Math.pow(Math.E, c * fontSize) } |