1d37891 · urbit.org · git.iko.soy

sass/_main.scss+55−1

compare with master

unifiedsplit

@@ -1,6 +1,43 @@

1+// importing typography and parent styles

1@import "indigo";

2@import "indigo";

2@import url('https://rsms.me/inter/inter-ui.css');

3@import url('https://rsms.me/inter/inter-ui.css');

3

4

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+

4// layout

41// layout

5

42

6body {

43body {

@@ -23,6 +60,9 @@ nav {

23 margin-left: -32px;

60 margin-left: -32px;

24 padding-left: 32px;

61 padding-left: 32px;

25 }

62 }

63+ &.no-break {

64+ min-width: 168px;

65+ }

26}

66}

27

67

28article {

68article {

@@ -92,7 +132,8 @@ nav ul.docs {

92#js-search-window-toggle {

132#js-search-window-toggle {

93 position: relative;

133 position: relative;

94 display: block;

134 display: block;

95− width: calc(100% - 64px);

135+ width: 80%;

136+ min-width: 110px;

96 text-align: left;

137 text-align: left;

97 background: transparent;

138 background: transparent;

98 span#search-icon {

139 span#search-icon {

@@ -204,3 +245,16 @@ input[type="search"] {

204 margin: 0 -32px 1rem -32px;

245 margin: 0 -32px 1rem -32px;

205 padding: 0.3rem 32px;

246 padding: 0.3rem 32px;

206 }

247 }

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+ }

sass/_responsive.scssnew file+5

@@ -0,0 +1,5 @@

1+@media all and (max-width: 960px) {

2+ article {

3+ grid-area: auto / 5 / auto / 12;

4+ }

5+}

sass/styles.scss+2−1

@@ -1 +1,2 @@

1−@import "main";

1+@import "main";

2+@import "responsive";

templates/partials/navigation-docs.html+1−1

@@ -1,5 +1,5 @@

1{% block content %}

2−<nav class="bg-gray1 pt6 full-left docs pr6">

2+<nav class="bg-gray1 pt6 full-left no-break docs pr6">

3 <a class="gray3" href="{{config.base_url}}">Urbit</a>

4 <span class="gray3"> / </span>

5 <a href="{{config.base_url}}/docs/">