Skip to content

Commit c55a415

Browse files
author
mrmrs
committed
Update docs
1 parent 20dc832 commit c55a415

File tree

12 files changed

+643
-13
lines changed

12 files changed

+643
-13
lines changed

‎docs/debug-grid/index.html

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,59 @@
5353
</header>
5454

5555
<main class="bg-white black-70">
56+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
57+
<div class="nowrap mw9 center">
58+
<a title="Debugging" href="/docs/debug"
59+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
60+
Debugging
61+
</a>
62+
<a title="Debug grid" href="/docs/debug-grid"
63+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
64+
Debug Grid
65+
</a>
66+
<a title="Box sizing" href="/docs/layout/box-sizing"
67+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
68+
Box sizing
69+
</a>
70+
<a title="Spacing" href="/docs/layout/spacing"
71+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
72+
Spacing
73+
</a>
74+
<a title="Floats" href="/docs/layout/floats"
75+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
76+
Floats
77+
</a>
78+
<a title="Clearfix" href="/docs/layout/clearfix"
79+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
80+
Clearfix
81+
</a>
82+
<a title="Display" href="/docs/layout/display"
83+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
84+
Display
85+
</a>
86+
<a title="Widths" href="/docs/layout/widths"
87+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
88+
Widths
89+
</a>
90+
<a title="Basic Grid" href="/docs/layout/grid"
91+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
92+
Basic Grid
93+
</a>
94+
<a title="Max Widths" href="/docs/layout/max-widths"
95+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
96+
Max Widths
97+
</a>
98+
<a title="Heights" href="/docs/layout/heights"
99+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
100+
Heights
101+
</a>
102+
<a title="Position" href="/docs/layout/position"
103+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
104+
Position
105+
</a>
106+
</div>
107+
</header>
108+
<article class="pa3 ph5-ns">
56109
<h3 class="f6 ttu tracked mt0">Debug Grid</h3>
57110
<p class="measure f4 f3-ns lh-copy">
58111
The debug grid module allows you to put a background grid on any

‎docs/debug/index.html

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,59 @@
5353
</header>
5454

5555
<main class="bg-white black-70">
56+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
57+
<div class="nowrap mw9 center">
58+
<a title="Debugging" href="/docs/debug"
59+
class="pb2-ns f6 fw6 dim link black mr2 mr3-m mr4-l dib">
60+
Debugging
61+
</a>
62+
<a title="Debug grid" href="/docs/debug-grid"
63+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
64+
Debug Grid
65+
</a>
66+
<a title="Box sizing" href="/docs/layout/box-sizing"
67+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
68+
Box sizing
69+
</a>
70+
<a title="Spacing" href="/docs/layout/spacing"
71+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
72+
Spacing
73+
</a>
74+
<a title="Floats" href="/docs/layout/floats"
75+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
76+
Floats
77+
</a>
78+
<a title="Clearfix" href="/docs/layout/clearfix"
79+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
80+
Clearfix
81+
</a>
82+
<a title="Display" href="/docs/layout/display"
83+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
84+
Display
85+
</a>
86+
<a title="Widths" href="/docs/layout/widths"
87+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
88+
Widths
89+
</a>
90+
<a title="Basic Grid" href="/docs/layout/grid"
91+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
92+
Basic Grid
93+
</a>
94+
<a title="Max Widths" href="/docs/layout/max-widths"
95+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
96+
Max Widths
97+
</a>
98+
<a title="Heights" href="/docs/layout/heights"
99+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
100+
Heights
101+
</a>
102+
<a title="Position" href="/docs/layout/position"
103+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
104+
Position
105+
</a>
106+
</div>
107+
</header>
108+
<article class="pa3 ph5-ns">
56109
<h3 class="f6 ttu tracked mt0">Debug</h3>
57110
<p class="measure f4 f3-ns lh-copy">
58111
Tachyons comes with two convenient modules to help debug layout issues you might be having.

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

Lines changed: 53 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,59 @@
5353
</header>
5454

5555
<main class="bg-white black-70">
56-
<article class="bt b--black-10 ph3 pv3 ph5-ns">
56+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
57+
<div class="nowrap mw9 center">
58+
<a title="Debugging" href="/docs/debug"
59+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
60+
Debugging
61+
</a>
62+
<a title="Debug grid" href="/docs/debug-grid"
63+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
64+
Debug Grid
65+
</a>
66+
<a title="Box sizing" href="/docs/layout/box-sizing"
67+
class="pb2-ns f6 fw6 dim link black mr2 mr3-m mr4-l dib">
68+
Box sizing
69+
</a>
70+
<a title="Spacing" href="/docs/layout/spacing"
71+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
72+
Spacing
73+
</a>
74+
<a title="Floats" href="/docs/layout/floats"
75+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
76+
Floats
77+
</a>
78+
<a title="Clearfix" href="/docs/layout/clearfix"
79+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
80+
Clearfix
81+
</a>
82+
<a title="Display" href="/docs/layout/display"
83+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
84+
Display
85+
</a>
86+
<a title="Widths" href="/docs/layout/widths"
87+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
88+
Widths
89+
</a>
90+
<a title="Basic Grid" href="/docs/layout/grid"
91+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
92+
Basic Grid
93+
</a>
94+
<a title="Max Widths" href="/docs/layout/max-widths"
95+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
96+
Max Widths
97+
</a>
98+
<a title="Heights" href="/docs/layout/heights"
99+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
100+
Heights
101+
</a>
102+
<a title="Position" href="/docs/layout/position"
103+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
104+
Position
105+
</a>
106+
</div>
107+
</header>
108+
<article class="pa3 ph5-ns">
57109
<h3 class="f6 ttu tracked mt0">Box Sizing</h3>
58110
<p class="measure f4 lh-copy">
59111
The box model has been known to trip up a few people. This module should make things a bit easier.

‎docs/layout/clearfix/index.html

Lines changed: 53 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,59 @@
5353
</header>
5454

5555
<main class="bg-white black-70">
56-
<article class="bt b--black-10 pa3 ph5-ns">
56+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
57+
<div class="nowrap mw9 center">
58+
<a title="Debugging" href="/docs/debug"
59+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
60+
Debugging
61+
</a>
62+
<a title="Debug grid" href="/docs/debug-grid"
63+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
64+
Debug Grid
65+
</a>
66+
<a title="Box sizing" href="/docs/layout/box-sizing"
67+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
68+
Box sizing
69+
</a>
70+
<a title="Spacing" href="/docs/layout/spacing"
71+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
72+
Spacing
73+
</a>
74+
<a title="Floats" href="/docs/layout/floats"
75+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
76+
Floats
77+
</a>
78+
<a title="Clearfix" href="/docs/layout/clearfix"
79+
class="pb2-ns f6 fw6 dim link black mr2 mr3-m mr4-l dib">
80+
Clearfix
81+
</a>
82+
<a title="Display" href="/docs/layout/display"
83+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
84+
Display
85+
</a>
86+
<a title="Widths" href="/docs/layout/widths"
87+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
88+
Widths
89+
</a>
90+
<a title="Basic Grid" href="/docs/layout/grid"
91+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
92+
Basic Grid
93+
</a>
94+
<a title="Max Widths" href="/docs/layout/max-widths"
95+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
96+
Max Widths
97+
</a>
98+
<a title="Heights" href="/docs/layout/heights"
99+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
100+
Heights
101+
</a>
102+
<a title="Position" href="/docs/layout/position"
103+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
104+
Position
105+
</a>
106+
</div>
107+
</header>
108+
<article class="pa3 ph5-ns">
57109
<h3 class="f6 ttu tracked mt0">Clearfix</h3>
58110
<p class="measure f4 f3-ns lh-copy">
59111
When floats are used for layouts - they need a clearfix solution. This helps prevent

‎docs/layout/display/index.html

Lines changed: 54 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,60 @@
5353
</header>
5454

5555
<main class="bg-white black-70">
56-
<article class="bt b--black-10 pa3 ph5-ns">
56+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
57+
<div class="nowrap mw9 center">
58+
<a title="Debugging" href="/docs/debug"
59+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
60+
Debugging
61+
</a>
62+
<a title="Debug grid" href="/docs/debug-grid"
63+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
64+
Debug Grid
65+
</a>
66+
<a title="Box sizing" href="/docs/layout/box-sizing"
67+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
68+
Box sizing
69+
</a>
70+
<a title="Spacing" href="/docs/layout/spacing"
71+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
72+
Spacing
73+
</a>
74+
<a title="Floats" href="/docs/layout/floats"
75+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
76+
Floats
77+
</a>
78+
<a title="Clearfix" href="/docs/layout/clearfix"
79+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
80+
Clearfix
81+
</a>
82+
<a title="Display" href="/docs/layout/display"
83+
class="pb2-ns f6 fw6 dim link black mr2 mr3-m mr4-l dib">
84+
Display
85+
</a>
86+
<a title="Widths" href="/docs/layout/widths"
87+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
88+
Widths
89+
</a>
90+
<a title="Basic Grid" href="/docs/layout/grid"
91+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
92+
Basic Grid
93+
</a>
94+
<a title="Max Widths" href="/docs/layout/max-widths"
95+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
96+
Max Widths
97+
</a>
98+
<a title="Heights" href="/docs/layout/heights"
99+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
100+
Heights
101+
</a>
102+
<a title="Position" href="/docs/layout/position"
103+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
104+
Position
105+
</a>
106+
</div>
107+
</header>
108+
<article class="pa3 ph5-ns">
109+
<article class="pa3 ph5-ns">
57110
<h3 class="f6 ttu tracked mt0">Display</h3>
58111
<p class="measure f3 lh-copy">
59112
Single purpose classes for setting the display of an element at any breakpoint.

‎docs/layout/floats/index.html

Lines changed: 53 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,59 @@
5454
</header>
5555

5656
<main class="bg-white black-70">
57-
<article class="bt b--black-10 pa3 ph5-ns">
57+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
58+
<div class="nowrap mw9 center">
59+
<a title="Debugging" href="/docs/debug"
60+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
61+
Debugging
62+
</a>
63+
<a title="Debug grid" href="/docs/debug-grid"
64+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
65+
Debug Grid
66+
</a>
67+
<a title="Box sizing" href="/docs/layout/box-sizing"
68+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
69+
Box sizing
70+
</a>
71+
<a title="Spacing" href="/docs/layout/spacing"
72+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
73+
Spacing
74+
</a>
75+
<a title="Floats" href="/docs/layout/floats"
76+
class="pb2-ns f6 fw6 dim link black mr2 mr3-m mr4-l dib">
77+
Floats
78+
</a>
79+
<a title="Clearfix" href="/docs/layout/clearfix"
80+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
81+
Clearfix
82+
</a>
83+
<a title="Display" href="/docs/layout/display"
84+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
85+
Display
86+
</a>
87+
<a title="Widths" href="/docs/layout/widths"
88+
class="pb2-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"
92+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
93+
Basic Grid
94+
</a>
95+
<a title="Max Widths" href="/docs/layout/max-widths"
96+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
97+
Max Widths
98+
</a>
99+
<a title="Heights" href="/docs/layout/heights"
100+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
101+
Heights
102+
</a>
103+
<a title="Position" href="/docs/layout/position"
104+
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
105+
Position
106+
</a>
107+
</div>
108+
</header>
109+
<article class="pa3 ph5-ns">
58110
<h3 class="f6 ttu tracked mt0">Floats</h3>
59111
<p class="measure f3 lh-copy">
60112
Single purpose classes for setting the display of an element at any breakpoint.

0 commit comments

Comments
 (0)