@@ -1,6 +1,43 @@
1+// importing typography and parent styles
12@import "indigo";
23@import url('https://rsms.me/inter/inter-ui.css');
34
5+@font-face {
6+ font-family: "Source Code Pro";
7+ src: url("https://storage.googleapis.com/media.urbit.org/fonts/scp-extralight.woff");
8+ font-weight: 200;
9+ }
10+
11+ @font-face {
12+ font-family: "Source Code Pro";
13+ src: url("https://storage.googleapis.com/media.urbit.org/fonts/scp-light.woff");
14+ font-weight: 300;
15+ }
16+
17+ @font-face {
18+ font-family: "Source Code Pro";
19+ src: url("https://storage.googleapis.com/media.urbit.org/fonts/scp-regular.woff");
20+ font-weight: 400;
21+ }
22+
23+ @font-face {
24+ font-family: "Source Code Pro";
25+ src: url("https://storage.googleapis.com/media.urbit.org/fonts/scp-medium.woff");
26+ font-weight: 500;
27+ }
28+
29+ @font-face {
30+ font-family: "Source Code Pro";
31+ src: url("https://storage.googleapis.com/media.urbit.org/fonts/scp-bold.woff");
32+ font-weight: 600;
33+ }
34+
35+ @font-face {
36+ font-family: "Source Code Pro";
37+ src: url("https://storage.googleapis.com/media.urbit.org/fonts/scp-black.woff");
38+ font-weight: 700;
39+ }
40+
441// layout
542
643body {
@@ -23,6 +60,9 @@ nav {
2360 margin-left: -32px;
2461 padding-left: 32px;
2562 }
63+ &.no-break {
64+ min-width: 168px;
65+ }
2666}
2767
2868article {
@@ -92,7 +132,8 @@ nav ul.docs {
92132#js-search-window-toggle {
93133 position: relative;
94134 display: block;
95− width: calc(100% - 64px);
135+ width: 80%;
136+ min-width: 110px;
96137 text-align: left;
97138 background: transparent;
98139 span#search-icon {
@@ -204,3 +245,16 @@ input[type="search"] {
204245 margin: 0 -32px 1rem -32px;
205246 padding: 0.3rem 32px;
206247 }
248+
249+ // code blocks
250+ pre, pre span {
251+ @extend .mono;
252+ background-color: #f9f9f9 !important;
253+ color: black !important;
254+ }
255+ // code in headers
256+ h1 code, h2 code, h3 code {
257+ @extend .red4;
258+ background-color: transparent;
259+ font-weight: 600;
260+ }