summaryrefslogtreecommitdiff
path: root/docs/res
diff options
context:
space:
mode:
authorRasmus Andersson <rasmus@notion.se>2018-09-28 23:33:56 +0300
committerRasmus Andersson <rasmus@notion.se>2018-10-11 09:38:23 +0300
commit92d6ad5724b7835d4945fd7236003d012dd2c307 (patch)
treeb9d615016713b992bae9a46d8bbb67c74b12da16 /docs/res
parent9dc29342aaf5eab0cf5014f5f1f9f550b4646062 (diff)
downloadinter-92d6ad5724b7835d4945fd7236003d012dd2c307.tar.xz
web: update dynamic metrics
Diffstat (limited to 'docs/res')
-rw-r--r--docs/res/base.css19
-rw-r--r--docs/res/base.js3
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)
}