diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index a7a2a2faa..1618ab47f 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -70,22 +70,12 @@ endfor
diff --git a/docs/index.css b/docs/index.css
index 5fe9fc24b..aa1495f5a 100644
--- a/docs/index.css
+++ b/docs/index.css
@@ -12,9 +12,9 @@ h1 {
@media only screen and (max-width: 565px) {
h1 {
- /*font-size: 60px;
+ font-size: 60px;
letter-spacing: -0.045em;
- text-indent: -0.012em;*/
+ text-indent: -0.012em;
line-height: 1em;
}
}
@@ -94,39 +94,9 @@ grid.faq {
.faq .q {
font-weight: 600;
}
-
-ul.faq {
- list-style:none;
- display: flex;
- flex-direction: column;
- margin-left:0;
+.faq h4:target {
+ background: var(--yellow);
}
-ul.faq > li {
- padding-right: 6px;
- margin-bottom: 6px;
- padding-left: 1.5em;
- text-indent: -1.5em;
-}
-
-ul.faq > li:target {
- background: #fafa88;
- margin-left: -1.5em;
-}
-ul.faq > li > a.anchor {
- visibility: hidden;
- height:0;
- position:relative;
-}
-ul.faq li.q {
- font-weight: 600;
- margin-top:1.5em;
- text-indent: -1.52em;
-}
-ul.faq > li.q:first-child,
-ul.faq > li.q:not([id]) {
- margin-top:0;
-}
-
tablex in, tablex to, tablex out {
display: table-cell;
diff --git a/docs/index.html b/docs/index.html
index 02172cc3c..7bb1ab037 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -40,21 +40,26 @@ endfor
- Inter Bold Sample
+ Inter Regular
-
-
- Inter Regular Sample
+
+
+ Inter Bold
-
+
+
-
In web browsers you'll want to use
font-feature-settings
-
- What is the difference between "unhinted" and "hinted" font files?
-
+
The font files in the "hinted" folders have additional data in them
for assisting
ClearType ,
@@ -350,9 +355,9 @@ html { font-family: 'Inter', sans-serif; }
-
- How reliable are the fonts served from rsms.me/inter? Is it on a CDN?
-
+
rsms.me/inter is backed by GitHub's server network and distributed
globally on the CloudFlare CDN, making usage of
https://rsms.me/inter/inter.css and associated font
@@ -360,9 +365,9 @@ html { font-family: 'Inter', sans-serif; }
-
Yes you can! Inter is an open-source project, meaning the source
code—or "source design" if you will—that is used to build the font files
are freely available to improve upon.
@@ -375,9 +380,9 @@ html { font-family: 'Inter', sans-serif; }
-
Inter was developed in an a private, internal git repository
starting in November 2016, prior to being published on August 22, 2017.
Between November 2016 and August 2017, there were
@@ -392,10 +397,10 @@ html { font-family: 'Inter', sans-serif; }
-
Reach out on Twitter (@rsms) or over email
diff --git a/docs/res/base.css b/docs/res/base.css
index 1f349f903..0c5dc7e77 100644
--- a/docs/res/base.css
+++ b/docs/res/base.css
@@ -11,7 +11,9 @@
--gridGapCol: var(--spacing);
--gridGapRow: calc(var(--spacing) / 2);
- --red: #F02D09;
+ --red: #F03009;
+ --yellow: #FFE310;
+ --blue: rgb(3, 102, 214);
}
* { margin:0; padding:0; font-synthesis: none; }
@@ -77,11 +79,12 @@ body {
}
}
-:target:before {
+DISABLED:target:before {
content:"";
display: block;
height: 20px; /* fixed header height*/
margin: -20px 0 0; /* negative fixed header height */
+ visibility: hidden;
}
a {
@@ -95,8 +98,8 @@ a.fat {
color: #333;
}
a:hover {
- color: rgb(3, 102, 214);
- text-decoration: underline rgba(3, 102, 214, 0.6);
+ color: var(--red);
+ text-decoration: underline;
}
a.plain, a.fat {
background: none;
@@ -225,6 +228,7 @@ h3 q, h3. q {
h1 > a, h2 > a, h3 > a, h4 > a,
.h1 > a, .h2 > a, .h3 > a, .h4 > a {
+ display:block;
color: inherit;
text-decoration: none !important;
text-shadow: none;
@@ -349,7 +353,6 @@ h2.banner {
white-space: nowrap;
}
.row.menu ul li {
- /*margin-right: 50px;*/
margin-bottom: -1px;
text-indent: -0.5px;
text-align: center;
@@ -359,14 +362,15 @@ h2.banner {
opacity: 0.8;
text-decoration:none;
display: inline-block;
- padding: 15px 25px 13px 25px;
- /*transition: 80ms opacity cubic-bezier(0.25, 0.47, 0.44, 0.93);*/
- /*border-bottom: 3px solid transparent;*/
+ padding: 15px 20px 13px 20px;
+ margin-right: 1px;
+ font-weight: 450;
+ /*transition: 80ms all cubic-bezier(0.25, 0.47, 0.44, 0.93);*/
}
- .row.menu ul li > a:hover, .row.menu ul li > a.active {
+ .row.menu ul li > a:hover,
+ .row.menu ul li > a.active {
color: white;
background: var(--red);
- border-bottom-color: white;
opacity: 1;
}
.row.menu ul li:first-child > a {
@@ -375,8 +379,8 @@ h2.banner {
margin-right: 25px;
background:transparent;
}
- .row.menu ul li > a.active {
- font-weight:600;
+ .row.menu ul li:first-child > a:hover {
+ text-decoration:underline;
}
.row.menu ul li.home > a {
font-weight: 600;
diff --git a/docs/samples/img/a-z-regular.svg b/docs/samples/img/a-z-regular.svg
new file mode 100755
index 000000000..1019206da
--- /dev/null
+++ b/docs/samples/img/a-z-regular.svg
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
diff --git a/docs/samples/img/lineup-bold-black.svg b/docs/samples/img/lineup-bold-black.svg
new file mode 100644
index 000000000..3e9386c01
--- /dev/null
+++ b/docs/samples/img/lineup-bold-black.svg
@@ -0,0 +1,67 @@
+
+
diff --git a/docs/samples/img/lineup-semi-bold-red.svg b/docs/samples/img/lineup-semi-bold-red.svg
deleted file mode 100755
index b15a861e6..000000000
--- a/docs/samples/img/lineup-semi-bold-red.svg
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
diff --git a/docs/samples/img/regular-text.png b/docs/samples/img/regular-text.png
new file mode 100755
index 000000000..f9084a3f1
Binary files /dev/null and b/docs/samples/img/regular-text.png differ
diff --git a/docs/samples/img/regular-text@2x.png b/docs/samples/img/regular-text@2x.png
new file mode 100755
index 000000000..0bb8177c1
Binary files /dev/null and b/docs/samples/img/regular-text@2x.png differ
diff --git a/docs/samples/img/sample-regular-text.svg b/docs/samples/img/sample-regular-text.svg
deleted file mode 100644
index 2a0df234f..000000000
--- a/docs/samples/img/sample-regular-text.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
diff --git a/docs/samples/img/subway.svg b/docs/samples/img/subway.svg
new file mode 100644
index 000000000..cf7df0a26
--- /dev/null
+++ b/docs/samples/img/subway.svg
@@ -0,0 +1,11 @@
+
+
diff --git a/docs/samples/img/weights-1.svg b/docs/samples/img/weights-1.svg
new file mode 100644
index 000000000..dc67104b2
--- /dev/null
+++ b/docs/samples/img/weights-1.svg
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
diff --git a/docs/samples/index.html b/docs/samples/index.html
index 825640bfb..bd826ff14 100644
--- a/docs/samples/index.html
+++ b/docs/samples/index.html
@@ -140,15 +140,20 @@ hills.
-
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
