Skip to content

Commit 64fdf17

Browse files
johnojohno
committed
Share layout nav amongst all templates
1 parent 672069e commit 64fdf17

File tree

40 files changed

+623
-1273
lines changed

40 files changed

+623
-1273
lines changed

‎docs/debug-grid/index.html

+43-51
Original file line numberDiff line numberDiff line change
@@ -64,54 +64,46 @@
6464
<main class="bg-white black-70">
6565
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
6666
<div class="nowrap mw9 center">
67-
<a title="Debugging" href="/docs/debug"
68-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
69-
Debugging
70-
</a>
71-
<a title="Debug grid" href="/docs/debug-grid"
72-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
73-
Debug Grid
74-
</a>
75-
<a title="Box sizing" href="/docs/layout/box-sizing"
76-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
77-
Box sizing
78-
</a>
79-
<a title="Spacing" href="/docs/layout/spacing"
80-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
81-
Spacing
82-
</a>
83-
<a title="Floats" href="/docs/layout/floats"
84-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
85-
Floats
86-
</a>
87-
<a title="Clearfix" href="/docs/layout/clearfix"
88-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
89-
Clearfix
90-
</a>
91-
<a title="Display" href="/docs/layout/display"
92-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
93-
Display
94-
</a>
95-
<a title="Widths" href="/docs/layout/widths"
96-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
97-
Widths
98-
</a>
99-
<a title="Basic Grid" href="/docs/layout/grid"
100-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
101-
Basic Grid
102-
</a>
103-
<a title="Max Widths" href="/docs/layout/max-widths"
104-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
105-
Max Widths
106-
</a>
107-
<a title="Heights" href="/docs/layout/heights"
108-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
109-
Heights
110-
</a>
111-
<a title="Position" href="/docs/layout/position"
112-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
113-
Position
114-
</a>
67+
<a title="Debugging" href="/docs/debug" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
68+
Debugging
69+
</a>
70+
<a title="Debug grid" href="/docs/debug-grid" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
71+
Debug Grid
72+
</a>
73+
<a title="Box sizing" href="/docs/layout/box-sizing" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
74+
Box sizing
75+
</a>
76+
<a title="Spacing" href="/docs/layout/spacing" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
77+
Spacing
78+
</a>
79+
<a title="Floats" href="/docs/layout/floats" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
80+
Floats
81+
</a>
82+
<a title="Clearfix" href="/docs/layout/clearfix" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
83+
Clearfix
84+
</a>
85+
<a title="Display" href="/docs/layout/display" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
86+
Display
87+
</a>
88+
<a title="Widths" href="/docs/layout/widths" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
89+
Widths
90+
</a>
91+
<a title="Basic Grid" href="/docs/layout/grid" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
92+
Basic Grid
93+
</a>
94+
<a title="Widths" href="/docs/layout/position" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
95+
Flexbox
96+
</a>
97+
<a title="Widths" href="/docs/layout/max-widths" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
98+
Max Widths
99+
</a>
100+
<a title="Widths" href="/docs/layout/heights" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
101+
Heights
102+
</a>
103+
<a title="Widths" href="/docs/layout/position" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
104+
Position
105+
</a>
106+
115107
</div>
116108
</header>
117109
<article class="pa3 ph5-ns">
@@ -136,7 +128,7 @@ <h3 class="f6 ttu tracked mt0">Debug Grid</h3>
136128
<div class="ph3 ph5-ns pt4 pb5 bg-white">
137129
<h3 class="f5 mb4 pb2 bb">Examples</h3>
138130
<h3 class="f5 fw4 pt4 ttu tracked">Grid at 8px</h3>
139-
131+
140132
<div class="debug-grid pa2 pa4-ns">
141133
<h1 class="outline lh-solid f1 f-headline-l fw6 mt0 mb4">The Grid</h1>
142134
<h2 class="outline lh-solid f2 f-subheadline-l fw4 mv0">&amp; the Graphic Designer</h1>
@@ -160,10 +152,10 @@ <h2 class="outline lh-solid f2 f-subheadline-l fw4 mv0">&amp; the Graphic Design
160152
job at hand.
161153
</p>
162154
</div>
163-
155+
164156
<h3 class="f5 fw4 pt4 ttu tracked">Grid at 16px</h3>
165157
<div class="debug-grid-16 pa2 pa4-ns">
166-
<div class="f5 measure center outline pa4">
158+
<div class="f5 measure center outline pa4">
167159
<img class="db w-100 o-30" src="http://mrmrs.github.io/photos/026.jpg">
168160
<h1>Image Title</h1>
169161
<p>Image description</p>

‎docs/debug/index.html

+40-48
Original file line numberDiff line numberDiff line change
@@ -64,54 +64,46 @@
6464
<main class="bg-white black-70">
6565
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
6666
<div class="nowrap mw9 center">
67-
<a title="Debugging" href="/docs/debug"
68-
class="pb2-ns f6 fw6 dim link black mr2 mr3-m mr4-l dib">
69-
Debugging
70-
</a>
71-
<a title="Debug grid" href="/docs/debug-grid"
72-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
73-
Debug Grid
74-
</a>
75-
<a title="Box sizing" href="/docs/layout/box-sizing"
76-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
77-
Box sizing
78-
</a>
79-
<a title="Spacing" href="/docs/layout/spacing"
80-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
81-
Spacing
82-
</a>
83-
<a title="Floats" href="/docs/layout/floats"
84-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
85-
Floats
86-
</a>
87-
<a title="Clearfix" href="/docs/layout/clearfix"
88-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
89-
Clearfix
90-
</a>
91-
<a title="Display" href="/docs/layout/display"
92-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
93-
Display
94-
</a>
95-
<a title="Widths" href="/docs/layout/widths"
96-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
97-
Widths
98-
</a>
99-
<a title="Basic Grid" href="/docs/layout/grid"
100-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
101-
Basic Grid
102-
</a>
103-
<a title="Max Widths" href="/docs/layout/max-widths"
104-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
105-
Max Widths
106-
</a>
107-
<a title="Heights" href="/docs/layout/heights"
108-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
109-
Heights
110-
</a>
111-
<a title="Position" href="/docs/layout/position"
112-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
113-
Position
114-
</a>
67+
<a title="Debugging" href="/docs/debug" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
68+
Debugging
69+
</a>
70+
<a title="Debug grid" href="/docs/debug-grid" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
71+
Debug Grid
72+
</a>
73+
<a title="Box sizing" href="/docs/layout/box-sizing" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
74+
Box sizing
75+
</a>
76+
<a title="Spacing" href="/docs/layout/spacing" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
77+
Spacing
78+
</a>
79+
<a title="Floats" href="/docs/layout/floats" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
80+
Floats
81+
</a>
82+
<a title="Clearfix" href="/docs/layout/clearfix" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
83+
Clearfix
84+
</a>
85+
<a title="Display" href="/docs/layout/display" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
86+
Display
87+
</a>
88+
<a title="Widths" href="/docs/layout/widths" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
89+
Widths
90+
</a>
91+
<a title="Basic Grid" href="/docs/layout/grid" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
92+
Basic Grid
93+
</a>
94+
<a title="Widths" href="/docs/layout/position" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
95+
Flexbox
96+
</a>
97+
<a title="Widths" href="/docs/layout/max-widths" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
98+
Max Widths
99+
</a>
100+
<a title="Widths" href="/docs/layout/heights" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
101+
Heights
102+
</a>
103+
<a title="Widths" href="/docs/layout/position" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
104+
Position
105+
</a>
106+
115107
</div>
116108
</header>
117109
<article class="pa3 ph5-ns">

‎docs/layout/box-sizing/index.html

+40-48
Original file line numberDiff line numberDiff line change
@@ -64,54 +64,46 @@
6464
<main class="bg-white black-70">
6565
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
6666
<div class="nowrap mw9 center">
67-
<a title="Debugging" href="/docs/debug"
68-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
69-
Debugging
70-
</a>
71-
<a title="Debug grid" href="/docs/debug-grid"
72-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
73-
Debug Grid
74-
</a>
75-
<a title="Box sizing" href="/docs/layout/box-sizing"
76-
class="pb2-ns f6 fw6 dim link black mr2 mr3-m mr4-l dib">
77-
Box sizing
78-
</a>
79-
<a title="Spacing" href="/docs/layout/spacing"
80-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
81-
Spacing
82-
</a>
83-
<a title="Floats" href="/docs/layout/floats"
84-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
85-
Floats
86-
</a>
87-
<a title="Clearfix" href="/docs/layout/clearfix"
88-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
89-
Clearfix
90-
</a>
91-
<a title="Display" href="/docs/layout/display"
92-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
93-
Display
94-
</a>
95-
<a title="Widths" href="/docs/layout/widths"
96-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
97-
Widths
98-
</a>
99-
<a title="Basic Grid" href="/docs/layout/grid"
100-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
101-
Basic Grid
102-
</a>
103-
<a title="Max Widths" href="/docs/layout/max-widths"
104-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
105-
Max Widths
106-
</a>
107-
<a title="Heights" href="/docs/layout/heights"
108-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
109-
Heights
110-
</a>
111-
<a title="Position" href="/docs/layout/position"
112-
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
113-
Position
114-
</a>
67+
<a title="Debugging" href="/docs/debug" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
68+
Debugging
69+
</a>
70+
<a title="Debug grid" href="/docs/debug-grid" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
71+
Debug Grid
72+
</a>
73+
<a title="Box sizing" href="/docs/layout/box-sizing" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
74+
Box sizing
75+
</a>
76+
<a title="Spacing" href="/docs/layout/spacing" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
77+
Spacing
78+
</a>
79+
<a title="Floats" href="/docs/layout/floats" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
80+
Floats
81+
</a>
82+
<a title="Clearfix" href="/docs/layout/clearfix" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
83+
Clearfix
84+
</a>
85+
<a title="Display" href="/docs/layout/display" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
86+
Display
87+
</a>
88+
<a title="Widths" href="/docs/layout/widths" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
89+
Widths
90+
</a>
91+
<a title="Basic Grid" href="/docs/layout/grid" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
92+
Basic Grid
93+
</a>
94+
<a title="Widths" href="/docs/layout/position" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
95+
Flexbox
96+
</a>
97+
<a title="Widths" href="/docs/layout/max-widths" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
98+
Max Widths
99+
</a>
100+
<a title="Widths" href="/docs/layout/heights" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
101+
Heights
102+
</a>
103+
<a title="Widths" href="/docs/layout/position" class="pv1-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
104+
Position
105+
</a>
106+
115107
</div>
116108
</header>
117109
<article class="pa3 ph5-ns">

0 commit comments

Comments
 (0)