@@ -4,13 +4,20 @@
44// layout
55
66body {
7− @extend .sans, .f4, .grid12;
7+ @extend .sans, .grid12;
8+ font-size: 1rem;
89 margin: 0 32px;
910 color: #000;
1011}
1112
1213nav {
13− grid-area: auto / 1 / auto / 3;
14+ grid-area: auto / 1 / auto / 4;
15+ // If you need to flush the nav to break
16+ // the body's margin, use this:
17+ &.full-left {
18+ margin-left: -32px;
19+ padding-left: 32px;
20+ }
1421}
1522
1623article {
@@ -27,6 +34,9 @@ article {
2734 &.post-list {
2835 grid-area: auto / 4 / auto / 12;
2936 }
37+ li {
38+ margin: 1rem;
39+ }
3040}
3141
3242// components
@@ -37,25 +47,67 @@ ul {
3747 padding-inline-start: 0;
3848 padding-inline-end: 0;
3949}
40− // images
50+
51+ // images for posts
4152img {
4253 max-width: 100%;
4354}
55+
4456 // flatten headers
4557h1, h2, h3, h4, h5 {
46− @extend .f4, .fw-bold;
58+ @extend .fw-bold;
59+ font-size: 1rem;
4760}
61+
4862 // author and ship styling
4963span[rel=author] {
5064 font-weight: 600;
5165 margin-right: 5px;
5266}
67+
5368address {
5469 display: inline;
5570 font-style: normal;
5671}
5772
58− // post lists
59−ul.posts {
73+ // post and nav lists
74+ul.posts, nav ul {
6075 list-style-type: none;
76+}
77+
78+ul.posts li {
79+ margin: 2rem 0 2rem 0;
80+}
81+
82+nav ul.docs {
83+ line-height: 30px;
84+}
85+
86+ // search button
87+#js-search-window-toggle {
88+ position: relative;
89+ display: block;
90+ width: calc(100% - 64px);
91+ text-align: left;
92+ background: transparent;
93+ span#search-icon {
94+ display: inline-block;
95+ transform: rotate(-45deg);
96+ }
97+ span.search-slash {
98+ font-size: 0.75em;
99+ position: absolute;
100+ right: 0px;
101+ top: 2px;
102+ padding: 6px;
103+ border: 1px solid #b1b2b3;
104+ border-radius: 3px;
105+ }
106+}
107+ // tooltipping
108+.tippy-tooltip {
109+ border-radius: 0px;
110+}
111+.tippy-content {
112+ color: white;
61113}