on master help sign in
Merge pull request #78 from urbit/zola-port
e4e4e40Morgan Sutherland
content/docs+1−1

Submodule changed.

sass/_main.scss+10−10
@@ -353,26 +353,26 @@ h1, h2, h3, h4, h5, h6, .text-heading {
353 font-family: 'Inter UI',-apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
353 font-family: 'Inter UI',-apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
354}
354}
355
355
356−.text-600 {
356+p, article li {
357− font-weight: 600;
357+ font-size: 4rem;
358−}
358+ line-height: 8rem;
359−
359+ font-weight: 400;
360−p, .p {
361− margin: 0 0 4rem;
362}
360}
363
361
364−.docs {
362+article {
365− p {
366− margin-bottom: 4rem;
367− }
368 h1 {
363 h1 {
369 margin-bottom: 6rem;
364 margin-bottom: 6rem;
370 }
365 }
371}
366}
372
367
368+p, .p {
369+ margin: 0 0 4rem;
370+}
371+
373pre, code {
372pre, code {
374 background-color: #eee !important;
373 background-color: #eee !important;
375 color: #000 !important;
374 color: #000 !important;
375+ overflow-y: scroll;
376 span {
376 span {
377 color: #000 !important;
377 color: #000 !important;
378 }
378 }
sass/indigo.scss+65−31
@@ -184,7 +184,7 @@ template {
184.H3,
184.H3,
185.t4 {
185.t4 {
186 font-size: 6rem;
186 font-size: 6rem;
187− line-height: 12rem;
187+ line-height: 8rem;
188 font-weight: 700;
188 font-weight: 700;
189}
189}
190.H4,
190.H4,
@@ -195,12 +195,18 @@ template {
195}
195}
196.P,
196.P,
197.t6 {
197.t6 {
198+ font-size: 5rem;
199+ line-height: 8rem;
200+ font-weight: 400;
201+}
202+.Ps,
203+.t7 {
198 font-size: 4rem;
204 font-size: 4rem;
199 line-height: 6rem;
205 line-height: 6rem;
200 font-weight: 400;
206 font-weight: 400;
201}
207}
202.label,
208.label,
203−.t7,
209+.t8,
204.caption {
210.caption {
205 font-size: 3rem;
211 font-size: 3rem;
206 line-height: 6rem;
212 line-height: 6rem;
@@ -233,22 +239,22 @@ template {
233 }
239 }
234 .H1ns,
240 .H1ns,
235 .t2-ns {
241 .t2-ns {
236− font-size: 12rem;
242+ font-size: 8rem;
237− line-height: 16rem;
243+ line-height: 12rem;
238 }
244 }
239 .H2ns,
245 .H2ns,
240 .t3-ns {
246 .t3-ns {
241− font-size: 8rem;
247+ font-size: 6rem;
242− line-height: 12rem;
248+ line-height: 8rem;
243 }
249 }
244 .H3ns,
250 .H3ns,
245 .t4-ns {
251 .t4-ns {
246− font-size: 6rem;
252+ font-size: 5rem;
247− line-height: 12rem;
253+ line-height: 6rem;
248 }
254 }
249 .H4ns,
255 .H4ns,
250 .t5-ns {
256 .t5-ns {
251− font-size: 5rem;
257+ font-size: 4rem;
252 line-height: 6rem;
258 line-height: 6rem;
253 }
259 }
254 .Pns,
260 .Pns,
@@ -290,22 +296,22 @@ template {
290 }
296 }
291 .H1md,
297 .H1md,
292 .t2-md {
298 .t2-md {
293− font-size: 12rem;
299+ font-size: 8rem;
294− line-height: 16rem;
300+ line-height: 12rem;
295 }
301 }
296 .H2md,
302 .H2md,
297 .t3-md {
303 .t3-md {
298− font-size: 8rem;
304+ font-size: 6rem;
299− line-height: 12rem;
305+ line-height: 8rem;
300 }
306 }
301 .H3md,
307 .H3md,
302 .t4-md {
308 .t4-md {
303− font-size: 6rem;
309+ font-size: 5rem;
304− line-height: 12rem;
310+ line-height: 6rem;
305 }
311 }
306 .H4md,
312 .H4md,
307 .t5-md {
313 .t5-md {
308− font-size: 5rem;
314+ font-size: 4rem;
309 line-height: 6rem;
315 line-height: 6rem;
310 }
316 }
311 .Pmd,
317 .Pmd,
@@ -347,22 +353,22 @@ template {
347 }
353 }
348 .H1lg,
354 .H1lg,
349 .t2-lg {
355 .t2-lg {
350− font-size: 12rem;
356+ font-size: 8rem;
351− line-height: 16rem;
357+ line-height: 12rem;
352 }
358 }
353 .H2lg,
359 .H2lg,
354 .t3-lg {
360 .t3-lg {
355− font-size: 8rem;
361+ font-size: 6rem;
356− line-height: 12rem;
362+ line-height: 8rem;
357 }
363 }
358 .H3lg,
364 .H3lg,
359 .t4-lg {
365 .t4-lg {
360− font-size: 6rem;
366+ font-size: 5rem;
361− line-height: 12rem;
367+ line-height: 6rem;
362 }
368 }
363 .H4lg,
369 .H4lg,
364 .t5-lg {
370 .t5-lg {
365− font-size: 5rem;
371+ font-size: 4rem;
366 line-height: 6rem;
372 line-height: 6rem;
367 }
373 }
368 .Plg,
374 .Plg,
@@ -396,6 +402,34 @@ template {
396 max-width: 136rem;
402 max-width: 136rem;
397 }
403 }
398}
404}
405+.markdown[class=".H1"],
406+.markdown[class=".t2"] {
407+ padding: 12rem 0;
408+}
409+.markdown[class=".H2"],
410+.markdown[class=".t3"] {
411+ padding: 8rem 0;
412+}
413+.markdown[class=".H3"],
414+.markdown[class=".t4"] {
415+ padding: 6rem 0;
416+}
417+.markdown[class=".H4"],
418+.markdown[class=".t5"] {
419+ padding: 5rem 0;
420+}
421+.markdown[class=".P"],
422+.markdown[class=".t6"] {
423+ padding: 8rem 0;
424+}
425+.markdown[class=".H1"] + .markdown[class=".H2"],
426+.markdown[class=".t2"] + .markdown[class=".t3"],
427+.markdown[class=".H2"] + .markdown[class=".H3"],
428+.markdown[class=".t3"] + .markdown[class=".t4"],
429+.markdown[class=".H2"] + .markdown[class=".H3"],
430+.markdown[class=".t3"] + .markdown[class=".t4"] {
431+ padding-top: 0;
432+}
399.r0 {
433.r0 {
400 border-radius: 0px;
434 border-radius: 0px;
401}
435}
@@ -1972,23 +2006,23 @@ template {
1972.fs-normal {
2006.fs-normal {
1973 font-style: normal;
2007 font-style: normal;
1974}
2008}
1975−.100,
2009+.text-100,
1976.ultralight {
2010.ultralight {
1977 font-weight: 100;
2011 font-weight: 100;
1978}
2012}
1979−.200,
2013+.text-200,
1980.thin {
2014.thin {
1981 font-weight: 200;
2015 font-weight: 200;
1982}
2016}
1983−.300,
2017+.text-300,
1984.light {
2018.light {
1985 font-weight: 300;
2019 font-weight: 300;
1986}
2020}
1987−.400,
2021+.text-400,
1988.regular {
2022.regular {
1989 font-weight: 400;
2023 font-weight: 400;
1990}
2024}
1991−.500,
2025+.text-500,
1992.medium {
2026.medium {
1993 font-weight: 500;
2027 font-weight: 500;
1994}
2028}
@@ -1996,15 +2030,15 @@ template {
1996.semibold {
2030.semibold {
1997 font-weight: 600;
2031 font-weight: 600;
1998}
2032}
1999−.700,
2033+.text-700,
2000.bold {
2034.bold {
2001 font-weight: 700;
2035 font-weight: 700;
2002}
2036}
2003−.800,
2037+.text-800,
2004.extrabold {
2038.extrabold {
2005 font-weight: 800;
2039 font-weight: 800;
2006}
2040}
2007−.900,
2041+.text-900,
2008.black {
2042.black {
2009 font-weight: 900;
2043 font-weight: 900;
2010}
2044}
templates/base.html+1−1
@@ -20,7 +20,7 @@
20 gtag('config', 'UA-47054188-1');
20 gtag('config', 'UA-47054188-1');
21 </script>
21 </script>
22 </head>
22 </head>
23− <body class="bg-white black">
23+ <body class="bg-white">
24 <!-- content -->
24 <!-- content -->
25 {% block content %}
25 {% block content %}
26 {% endblock content %}
26 {% endblock content %}
templates/doc.html+2−2
@@ -12,14 +12,14 @@
12 </div>
12 </div>
13 <div class="container ml8">
13 <div class="container ml8">
14 <div class="content-nav-spacer"></div>
14 <div class="content-nav-spacer"></div>
15− <div class="content docs">
15+ <article class="content">
16 <!-- header -->
16 <!-- header -->
17 <h1>{{ page.title }}</h1>
17 <h1>{{ page.title }}</h1>
18 <!-- body -->
18 <!-- body -->
19 <div class="pb80">
19 <div class="pb80">
20 {{ page.content | safe }}
20 {{ page.content | safe }}
21 </div>
21 </div>
22− </div>
22+ </article>
23 </div>
23 </div>
24 </div>
24 </div>
25</div>
25</div>
templates/page.html+2−2
@@ -37,13 +37,13 @@
37 <div class="container">
37 <div class="container">
38 <div class="content-nav-spacer"></div>
38 <div class="content-nav-spacer"></div>
39 <div class="content posts__content pb40">
39 <div class="content posts__content pb40">
40− <div class="article">
40+ <article class="article">
41 <!-- header -->
41 <!-- header -->
42 <h4 class="mt2 mb16"><code>&#126;{% if page.date %}{{ page.date | date(format="%Y.%m.%d") }}{% endif %}</code></h4>
42 <h4 class="mt2 mb16"><code>&#126;{% if page.date %}{{ page.date | date(format="%Y.%m.%d") }}{% endif %}</code></h4>
43 <h1 class="mt8 mb8">{{ page.title }}</h1>
43 <h1 class="mt8 mb8">{{ page.title }}</h1>
44 <!-- body -->
44 <!-- body -->
45 {{ page.content | safe }}
45 {{ page.content | safe }}
46− </div>
46+ </article>
47 </div>
47 </div>
48 </div>
48 </div>
49 </div>
49 </div>
templates/posts/list.html+4−4
@@ -28,14 +28,14 @@
28 </div>
28 </div>
29 <div class="container">
29 <div class="container">
30 <div class="content-nav-spacer"></div>
30 <div class="content-nav-spacer"></div>
31− <div class="content posts__content">
31+ <article class="content posts__content">
32 <h1 class="mb8">Posts</h1>
32 <h1 class="mb8">Posts</h1>
33 <ul class="list">
33 <ul class="list">
34 {% set posts = get_section(path="posts/_index.md") %}
34 {% set posts = get_section(path="posts/_index.md") %}
35 {% for page in posts.pages %}
35 {% for page in posts.pages %}
36 <li class="list__item mb8">
36 <li class="list__item mb8">
37− <span class="h4 mt0 mb0 text-mono text-500 gray-light">&#126;{{ page.date | date(format="%Y.%m.%d") }}</span>
37+ <span class="h4 mt0 mb0 mono">&#126;{{ page.date | date(format="%Y.%m.%d") }}</span>
38− <span class="h4 mt0 mb0 h-font text-500 gray-light lowercase">{% if page.taxonomies.posts %}
38+ <span class="h4 mt0 mb0 h-font">{% if page.taxonomies.posts %}
39 {% for post in page.taxonomies.posts %}<a href="{{ get_taxonomy_url(kind="posts", name=post) }}">{{ post }}</a> {% endfor %}
39 {% for post in page.taxonomies.posts %}<a href="{{ get_taxonomy_url(kind="posts", name=post) }}">{{ post }}</a> {% endfor %}
40 {% endif %}</span>
40 {% endif %}</span>
41 <a href="{{ page.permalink }}"><h2 class="mt1">{{ page.title }}</h2></a>
41 <a href="{{ page.permalink }}"><h2 class="mt1">{{ page.title }}</h2></a>
@@ -43,7 +43,7 @@
43 </li>
43 </li>
44 {% endfor %}
44 {% endfor %}
45 </ul>
45 </ul>
46− </div>
46+ </article>
47 </div>
47 </div>
48 </div>
48 </div>
49</div>
49</div>
templates/posts/single.html+2−2
@@ -36,7 +36,7 @@
36 </div>
36 </div>
37 <div class="container">
37 <div class="container">
38 <div class="content-nav-spacer"></div>
38 <div class="content-nav-spacer"></div>
39− <div class="content posts__content">
39+ <article class="content posts__content">
40 <h1 class="mb8">{{ term.name }}</h1>
40 <h1 class="mb8">{{ term.name }}</h1>
41 <ul class="list">
41 <ul class="list">
42 {% for page in term.pages %}
42 {% for page in term.pages %}
@@ -50,7 +50,7 @@
50 </li>
50 </li>
51 {% endfor %}
51 {% endfor %}
52 </ul>
52 </ul>
53− </div>
53+ </article>
54 </div>
54 </div>
55 </div>
55 </div>
56</div>
56</div>
templates/sections/docs.html+2−2
@@ -12,14 +12,14 @@
12 </div>
12 </div>
13 <div class="container ml8">
13 <div class="container ml8">
14 <div class="content-nav-spacer"></div>
14 <div class="content-nav-spacer"></div>
15− <div class="content docs">
15+ <article class="content">
16 <!-- header -->
16 <!-- header -->
17 <h1>{{ section.title }}</h1>
17 <h1>{{ section.title }}</h1>
18 <!-- body -->
18 <!-- body -->
19 <div class="pb80">
19 <div class="pb80">
20 {{ section.content | safe }}
20 {{ section.content | safe }}
21 </div>
21 </div>
22− </div>
22+ </article>
23 </div>
23 </div>
24 </div>
24 </div>
25</div>
25</div>
templates/sections/docs/chapters.html+1−1
@@ -12,7 +12,7 @@
12 </div>
12 </div>
13 <div class="container ml8">
13 <div class="container ml8">
14 <div class="content-nav-spacer"></div>
14 <div class="content-nav-spacer"></div>
15− <div class="content mb16 docs">
15+ <article class="content mb16">
16 <!-- header -->
16 <!-- header -->
17 <h1 class="8mb">{{ section.title }}</h1>
17 <h1 class="8mb">{{ section.title }}</h1>
18 <!-- body -->
18 <!-- body -->