Skip to content

Commit b928bce

Browse files
author
mrmrs
committed
Update the templates
1 parent 85b80df commit b928bce

File tree

13 files changed

+643
-14
lines changed

13 files changed

+643
-14
lines changed

src/templates/docs/box-sizing/index.html

Lines changed: 53 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,59 @@
1010
<body class="w-100 sans-serif">
1111
<%= siteHeader %>
1212
<main class="bg-white black-70">
13-
<article class="bt b--black-10 ph3 pv3 ph5-ns">
13+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
14+
<div class="nowrap mw9 center">
15+
<a title="Debugging" href="/docs/debug"
16+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
17+
Debugging
18+
</a>
19+
<a title="Debug grid" href="/docs/debug-grid"
20+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
21+
Debug Grid
22+
</a>
23+
<a title="Box sizing" href="/docs/layout/box-sizing"
24+
class="pb2-ns f6 fw6 dim link black mr2 mr3-m mr4-l dib">
25+
Box sizing
26+
</a>
27+
<a title="Spacing" href="/docs/layout/spacing"
28+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
29+
Spacing
30+
</a>
31+
<a title="Floats" href="/docs/layout/floats"
32+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
33+
Floats
34+
</a>
35+
<a title="Clearfix" href="/docs/layout/clearfix"
36+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
37+
Clearfix
38+
</a>
39+
<a title="Display" href="/docs/layout/display"
40+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
41+
Display
42+
</a>
43+
<a title="Widths" href="/docs/layout/widths"
44+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
45+
Widths
46+
</a>
47+
<a title="Basic Grid" href="/docs/layout/grid"
48+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
49+
Basic Grid
50+
</a>
51+
<a title="Max Widths" href="/docs/layout/max-widths"
52+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
53+
Max Widths
54+
</a>
55+
<a title="Heights" href="/docs/layout/heights"
56+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
57+
Heights
58+
</a>
59+
<a title="Position" href="/docs/layout/position"
60+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
61+
Position
62+
</a>
63+
</div>
64+
</header>
65+
<article class="pa3 ph5-ns">
1466
<h3 class="f6 ttu tracked mt0">Box Sizing</h3>
1567
<p class="measure f4 lh-copy">
1668
The box model has been known to trip up a few people. This module should make things a bit easier.

src/templates/docs/clearfix/index.html

Lines changed: 53 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,59 @@
1010
<body class="w-100 sans-serif">
1111
<%= siteHeader %>
1212
<main class="bg-white black-70">
13-
<article class="bt b--black-10 pa3 ph5-ns">
13+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
14+
<div class="nowrap mw9 center">
15+
<a title="Debugging" href="/docs/debug"
16+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
17+
Debugging
18+
</a>
19+
<a title="Debug grid" href="/docs/debug-grid"
20+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
21+
Debug Grid
22+
</a>
23+
<a title="Box sizing" href="/docs/layout/box-sizing"
24+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
25+
Box sizing
26+
</a>
27+
<a title="Spacing" href="/docs/layout/spacing"
28+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
29+
Spacing
30+
</a>
31+
<a title="Floats" href="/docs/layout/floats"
32+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
33+
Floats
34+
</a>
35+
<a title="Clearfix" href="/docs/layout/clearfix"
36+
class="pb2-ns f6 fw6 dim link black mr2 mr3-m mr4-l dib">
37+
Clearfix
38+
</a>
39+
<a title="Display" href="/docs/layout/display"
40+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
41+
Display
42+
</a>
43+
<a title="Widths" href="/docs/layout/widths"
44+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
45+
Widths
46+
</a>
47+
<a title="Basic Grid" href="/docs/layout/grid"
48+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
49+
Basic Grid
50+
</a>
51+
<a title="Max Widths" href="/docs/layout/max-widths"
52+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
53+
Max Widths
54+
</a>
55+
<a title="Heights" href="/docs/layout/heights"
56+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
57+
Heights
58+
</a>
59+
<a title="Position" href="/docs/layout/position"
60+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
61+
Position
62+
</a>
63+
</div>
64+
</header>
65+
<article class="pa3 ph5-ns">
1466
<h3 class="f6 ttu tracked mt0">Clearfix</h3>
1567
<p class="measure f4 f3-ns lh-copy">
1668
When floats are used for layouts - they need a clearfix solution. This helps prevent

src/templates/docs/debug-grid/index.html

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,59 @@
1010
<body class="w-100 sans-serif">
1111
<%= siteHeader %>
1212
<main class="bg-white black-70">
13+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
14+
<div class="nowrap mw9 center">
15+
<a title="Debugging" href="/docs/debug"
16+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
17+
Debugging
18+
</a>
19+
<a title="Debug grid" href="/docs/debug-grid"
20+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
21+
Debug Grid
22+
</a>
23+
<a title="Box sizing" href="/docs/layout/box-sizing"
24+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
25+
Box sizing
26+
</a>
27+
<a title="Spacing" href="/docs/layout/spacing"
28+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
29+
Spacing
30+
</a>
31+
<a title="Floats" href="/docs/layout/floats"
32+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
33+
Floats
34+
</a>
35+
<a title="Clearfix" href="/docs/layout/clearfix"
36+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
37+
Clearfix
38+
</a>
39+
<a title="Display" href="/docs/layout/display"
40+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
41+
Display
42+
</a>
43+
<a title="Widths" href="/docs/layout/widths"
44+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
45+
Widths
46+
</a>
47+
<a title="Basic Grid" href="/docs/layout/grid"
48+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
49+
Basic Grid
50+
</a>
51+
<a title="Max Widths" href="/docs/layout/max-widths"
52+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
53+
Max Widths
54+
</a>
55+
<a title="Heights" href="/docs/layout/heights"
56+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
57+
Heights
58+
</a>
59+
<a title="Position" href="/docs/layout/position"
60+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
61+
Position
62+
</a>
63+
</div>
64+
</header>
65+
<article class="pa3 ph5-ns">
1366
<h3 class="f6 ttu tracked mt0">Debug Grid</h3>
1467
<p class="measure f4 f3-ns lh-copy">
1568
The debug grid module allows you to put a background grid on any

src/templates/docs/debug/index.html

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,59 @@
1010
<body class="w-100 sans-serif">
1111
<%= siteHeader %>
1212
<main class="bg-white black-70">
13+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
14+
<div class="nowrap mw9 center">
15+
<a title="Debugging" href="/docs/debug"
16+
class="pb2-ns f6 fw6 dim link black mr2 mr3-m mr4-l dib">
17+
Debugging
18+
</a>
19+
<a title="Debug grid" href="/docs/debug-grid"
20+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
21+
Debug Grid
22+
</a>
23+
<a title="Box sizing" href="/docs/layout/box-sizing"
24+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
25+
Box sizing
26+
</a>
27+
<a title="Spacing" href="/docs/layout/spacing"
28+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
29+
Spacing
30+
</a>
31+
<a title="Floats" href="/docs/layout/floats"
32+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
33+
Floats
34+
</a>
35+
<a title="Clearfix" href="/docs/layout/clearfix"
36+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
37+
Clearfix
38+
</a>
39+
<a title="Display" href="/docs/layout/display"
40+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
41+
Display
42+
</a>
43+
<a title="Widths" href="/docs/layout/widths"
44+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
45+
Widths
46+
</a>
47+
<a title="Basic Grid" href="/docs/layout/grid"
48+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
49+
Basic Grid
50+
</a>
51+
<a title="Max Widths" href="/docs/layout/max-widths"
52+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
53+
Max Widths
54+
</a>
55+
<a title="Heights" href="/docs/layout/heights"
56+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
57+
Heights
58+
</a>
59+
<a title="Position" href="/docs/layout/position"
60+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
61+
Position
62+
</a>
63+
</div>
64+
</header>
65+
<article class="pa3 ph5-ns">
1366
<h3 class="f6 ttu tracked mt0">Debug</h3>
1467
<p class="measure f4 f3-ns lh-copy">
1568
Tachyons comes with two convenient modules to help debug layout issues you might be having.

src/templates/docs/display/index.html

Lines changed: 53 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,59 @@
1010
<body class="w-100 sans-serif">
1111
<%= siteHeader %>
1212
<main class="bg-white black-70">
13-
<article class="bt b--black-10 pa3 ph5-ns">
13+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
14+
<div class="nowrap mw9 center">
15+
<a title="Debugging" href="/docs/debug"
16+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
17+
Debugging
18+
</a>
19+
<a title="Debug grid" href="/docs/debug-grid"
20+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
21+
Debug Grid
22+
</a>
23+
<a title="Box sizing" href="/docs/layout/box-sizing"
24+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
25+
Box sizing
26+
</a>
27+
<a title="Spacing" href="/docs/layout/spacing"
28+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
29+
Spacing
30+
</a>
31+
<a title="Floats" href="/docs/layout/floats"
32+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
33+
Floats
34+
</a>
35+
<a title="Clearfix" href="/docs/layout/clearfix"
36+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
37+
Clearfix
38+
</a>
39+
<a title="Display" href="/docs/layout/display"
40+
class="pb2-ns f6 fw6 dim link black mr2 mr3-m mr4-l dib">
41+
Display
42+
</a>
43+
<a title="Widths" href="/docs/layout/widths"
44+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
45+
Widths
46+
</a>
47+
<a title="Basic Grid" href="/docs/layout/grid"
48+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
49+
Basic Grid
50+
</a>
51+
<a title="Max Widths" href="/docs/layout/max-widths"
52+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
53+
Max Widths
54+
</a>
55+
<a title="Heights" href="/docs/layout/heights"
56+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
57+
Heights
58+
</a>
59+
<a title="Position" href="/docs/layout/position"
60+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
61+
Position
62+
</a>
63+
</div>
64+
</header>
65+
<article class="pa3 ph5-ns">
1466
<h3 class="f6 ttu tracked mt0">Display</h3>
1567
<p class="measure f3 lh-copy">
1668
Single purpose classes for setting the display of an element at any breakpoint.

src/templates/docs/floats/index.html

Lines changed: 53 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,59 @@
1111

1212
<%= siteHeader %>
1313
<main class="bg-white black-70">
14-
<article class="bt b--black-10 pa3 ph5-ns">
14+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
15+
<div class="nowrap mw9 center">
16+
<a title="Debugging" href="/docs/debug"
17+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
18+
Debugging
19+
</a>
20+
<a title="Debug grid" href="/docs/debug-grid"
21+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
22+
Debug Grid
23+
</a>
24+
<a title="Box sizing" href="/docs/layout/box-sizing"
25+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
26+
Box sizing
27+
</a>
28+
<a title="Spacing" href="/docs/layout/spacing"
29+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
30+
Spacing
31+
</a>
32+
<a title="Floats" href="/docs/layout/floats"
33+
class="pb2-ns f6 fw6 dim link black mr2 mr3-m mr4-l dib">
34+
Floats
35+
</a>
36+
<a title="Clearfix" href="/docs/layout/clearfix"
37+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
38+
Clearfix
39+
</a>
40+
<a title="Display" href="/docs/layout/display"
41+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
42+
Display
43+
</a>
44+
<a title="Widths" href="/docs/layout/widths"
45+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
46+
Widths
47+
</a>
48+
<a title="Basic Grid" href="/docs/layout/grid"
49+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
50+
Basic Grid
51+
</a>
52+
<a title="Max Widths" href="/docs/layout/max-widths"
53+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
54+
Max Widths
55+
</a>
56+
<a title="Heights" href="/docs/layout/heights"
57+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
58+
Heights
59+
</a>
60+
<a title="Position" href="/docs/layout/position"
61+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
62+
Position
63+
</a>
64+
</div>
65+
</header>
66+
<article class="pa3 ph5-ns">
1567
<h3 class="f6 ttu tracked mt0">Floats</h3>
1668
<p class="measure f3 lh-copy">
1769
Single purpose classes for setting the display of an element at any breakpoint.

0 commit comments

Comments
 (0)