git.iko.soy/urbit.org
on master help sign in
Merge pull request #249 from urbit/chore/essay-grid
24ee601Matilde Park
sass/_main.scss−4
compare with master
unifiedsplit
@@ -189,10 +189,6 @@ body.essay {
189 display: block;
189 display: block;
190 // margin: 0 auto;
190 // margin: 0 auto;
191 }
191 }
192− article > *:not(figure):not(picture) {
193− grid-area: auto / 4 / auto / 10;
194− @extend .measure-wide;
195− }
196}
192}
197
193
198// components
194// components
sass/_responsive.scss−9
@@ -11,15 +11,6 @@
11 }
11 }
12}
12}
13
13
14−// scaling below desktop
15−@media all and (max-width: 60em) {
16− body.essay {
17− article > *:not(figure):not(picture) {
18− grid-area: auto / 1 / auto / 12;
19− }
20− }
21−}
22−
23// custom L breakpoint classes
14// custom L breakpoint classes
24@media screen and (min-width: 46.875em) and (max-width: 60em) {
15@media screen and (min-width: 46.875em) and (max-width: 60em) {
25 .white-l {
16 .white-l {
templates/doc.html+1−1
@@ -5,7 +5,7 @@
5<!-- header -->
5<!-- header -->
6<!-- content -->
6<!-- content -->
7{% include "partials/navigation-docs.html" %}
7{% include "partials/navigation-docs.html" %}
8−<article class="mt4 mb6 c1-12 c5-10-md c4-10-lg">
8+<article class="mt4 mb6 full c5-10-md c4-10-lg">
9 <!-- header -->
9 <!-- header -->
10 <h1>{{ page.title }}</h1>
10 <h1>{{ page.title }}</h1>
11 <!-- body -->
11 <!-- body -->
templates/essays/post.html+17−17
@@ -25,25 +25,25 @@
25
25
26 {% include "partials/navigation-search.html" %}
26 {% include "partials/navigation-search.html" %}
27</nav>
27</nav>
28−<section class="full c4-12-lg">
29−<h1 class="mb2 mt4 fw6">{{ page.title }}</h1>
30−{% if page.extra.author %}
31−<span class="dib" rel="author"> {{ page.extra.author }}
32− {% if page.extra.ship %}
33− <address class="dib fw4 ml2 mono">{{ page.extra.ship }}</address>
34−{% endif %}
35−</span>
36−{% if page.date %}
37− <time class="mono db mv2 gray0 f5">{{page.date | date(format="~%Y.%-m.%-d") }}</time>
38−{% endif %}
39−{% endif %}
40−{% if page.extra.readtime %}
41−<span class="dib mono {% if page.date %} ml2{% endif %} gray2 f5">{{ page.reading_time }}m read</span>
42−{% endif %}
43−</section>
44
28
45−<article class="mb4 full grid12">
29+<article class="mb4 measure-wide full c4-12-lg">
30+ <h1 class="mb2 mt4 fw6">{{ page.title }}</h1>
31+ {% if page.extra.author %}
32+ <span class="dib" rel="author"> {{ page.extra.author }}
33+ {% if page.extra.ship %}
34+ <address class="dib fw4 ml2 mono">{{ page.extra.ship }}</address>
35+ {% endif %}
36+ </span>
37+ {% if page.date %}
38+ <time class="mono db gray0 f5">{{page.date | date(format="~%Y.%-m.%-d") }}</time>
39+ {% endif %}
40+ {% endif %}
41+ {% if page.extra.readtime %}
42+ <span class="dib mono {% if page.date %} ml2{% endif %} gray2 f5">{{ page.reading_time }}m read</span>
43+ {% endif %}
44+
46 {{ page.content | safe }}
45 {{ page.content | safe }}
46+
47 {% include "partials/pagination.html" %}
47 {% include "partials/pagination.html" %}
48</article>
48</article>
49{% endblock content %}
49{% endblock content %}
templates/sections/docs.html+1−1
@@ -5,7 +5,7 @@
5<!-- header -->
5<!-- header -->
6<!-- content -->
6<!-- content -->
7{% include "partials/navigation-docs.html" %}
7{% include "partials/navigation-docs.html" %}
8−<article class="mt4 mb6 c1-12 c5-10-md c4-10-lg">
8+<article class="mt4 mb6 full c5-10-md c4-10-lg">
9 <!-- header -->
9 <!-- header -->
10 <h1>{{ section.title }}</h1>
10 <h1>{{ section.title }}</h1>
11 <!-- body -->
11 <!-- body -->
templates/sections/docs/chapters.html+1−1
@@ -4,7 +4,7 @@
4<!-- header -->
4<!-- header -->
5<!-- content -->
5<!-- content -->
6{% include "partials/navigation-docs.html" %}
6{% include "partials/navigation-docs.html" %}
7−<article class="mt4 mb6 c1-12 c5-10-md c4-10-lg">
7+<article class="mt4 mb6 full c5-10-md c4-10-lg">
8<!-- header -->
8<!-- header -->
9<h1>{{ section.title }}</h1>
9<h1>{{ section.title }}</h1>
10<!-- body -->
10<!-- body -->
templates/shortcodes/full.htmldeleted−3
@@ -1,3 +0,0 @@
1−<figure class="full full-bleed">
2− <img src="{{url}}"/>
3−</figure>
templates/shortcodes/oversize.htmldeleted−3
@@ -1,3 +0,0 @@
1−<figure class="c1-12 mt4 mb4 c3-11-lg">
2− <img src="{{url}}"/>
3−</figure>
templates/understanding-urbit/post.html+7−6
@@ -34,22 +34,23 @@
34 {% endif %}
34 {% endif %}
35 {% endfor %}
35 {% endfor %}
36</nav>
36</nav>
37+
37− <h1 class="mb4 full mt4 c4-12-lg">{{ page.title }}</h1>
38+ <article class="mb4 full c4-12-lg measure-wide">
39+ <h1 class="mb4 mt4">{{ page.title }}</h1>
38 {% if page.extra.author %}
40 {% if page.extra.author %}
39− <span class="dib full c4-12-lg" rel="author"> {{ page.extra.author }}
41+ <span class="dib" rel="author"> {{ page.extra.author }}
40 {% if page.extra.ship %}
42 {% if page.extra.ship %}
41 <address class="dib fw4 ml2 mono">{{ page.extra.ship }}</address>
43 <address class="dib fw4 ml2 mono">{{ page.extra.ship }}</address>
42 {% endif %}
44 {% endif %}
43 </span>
45 </span>
44 {% if page.date %}
46 {% if page.date %}
45− <time class="mono full c4-12-lg db mv2 gray0 f5">{{page.date | date(format="~%Y.%-m.%-d") }}</time>
47+ <time class="mono db mv0 gray0 f5">{{page.date | date(format="~%Y.%-m.%-d") }}</time>
46 {% endif %}
48 {% endif %}
47{% endif %}
49{% endif %}
48 {% if page.extra.readtime %}
50 {% if page.extra.readtime %}
49− <span class="dib mono full c4-12-lg{% if page.date %} ml2{% endif %} gray2 f5">{{ page.reading_time }}m read</span>
51+ <span class="dib mono{% if page.date %} ml2{% endif %} gray2 f5">{{ page.reading_time }}m read</span>
50 {% endif %}
52 {% endif %}
51−
53+
52− <article class="mb4 full grid12">
53 {{ page.content | safe }}
54 {{ page.content | safe }}
54
55
55 {% include "partials/pagination.html" %}
56 {% include "partials/pagination.html" %}