Skip to content

Commit 72bb2ac

Browse files
author
mrmrs
committed
Generate new docs
1 parent 1901dbe commit 72bb2ac

File tree

25 files changed

+2512
-1701
lines changed

25 files changed

+2512
-1701
lines changed

‎docs/general/images/index.html‎

Lines changed: 93 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -16,42 +16,55 @@
1616
<header class="w-100 pa3 ph5-ns bg-near-white">
1717
<div class="dt w-100">
1818
<div class="dtc v-mid tl w-50">
19-
<a class="f5 f4-ns fw6 mt0 mb1 link black-50">
19+
<a href="/" class="dib f5 f4-ns fw6 mt0 mb1 link black-50 dim" title="Home">
2020
Tachyons
21-
</a>
22-
<a href="/" class="link dim dn">
23-
<div class="mw2 dib v-mid mr2">
24-
<img src="img/logo.jpg" class="db w-100 br-100">
21+
<div class="dib">
22+
<small class="nowrap f6 mt2 mt3-ns pr2 black-50 fw2">v4.0.2-beta</small>
2523
</div>
2624
</a>
27-
<div class="dib v-mid">
28-
<small class="nowrap f6 mt2 mt3-ns pr2 black-50">v4.0.0-beta</small>
29-
<small class="nowrap fw6 f6 f5-ns mt2 mt3-ns pl2 black-50 dn"><%= size %></small>
30-
</div>
3125
</div>
32-
<div class="dn dtc-l v-mid w-50 tr">
33-
<a class="f6 b link dim dib mr2 black-70" href="#principles">Principles</a>
34-
<a class="f6 b link dim dib mr2 black-70" href="#getting-started">Getting Started</a>
26+
<div class="db dtc v-mid w-100 tr">
27+
28+
<a title="Documentation" href="/docs/"
29+
class="f6 b dim link black-50 mr1 mr3-m mr4-l dib">
30+
Docs
31+
</a>
3532
<a title="Tachyons on GitHub" href="http://github.com/mrmrs/tachyons/"
36-
class="f6 b dim link black-70 mr1">
33+
class="f6 b dim link black-50 mr1 mr3-m mr4-l dib">
3734
GitHub
3835
</a>
39-
<a title="Tachyons Npm Modules" href="#npm"
40-
class="f6 b link black-70 tc dim ml1">
36+
<a title="Tachyons Npm Modules" href="/#npm"
37+
class="f6 b link black-50 dim dib">
4138
Npm
4239
</a>
4340
</div>
4441
</div>
45-
<nav class="pv2">
46-
<a class="f6 fw6 link dim dib mr2 mid-gray" href="/docs/">Docs</a>
47-
<a class="f6 fw6 link dim dib mr2 mid-gray" href="/docs/general">General</a>
48-
<a class="f6 fw6 link dim dib mr2 mid-gray" href="/docs/typography">Typography</a>
49-
<a class="f6 fw6 link dim dib mr2 mid-gray" href="/docs/layout">Layout</a>
50-
<a class="f6 fw6 link dim dib mr2 mid-gray" href="/docs/themes">Themes</a>
51-
</nav>
5242
</header>
5343

5444
<main class="">
45+
<article class="bg-near-white bt b--black-10 ph3 pt3 ph5-ns">
46+
<h4 class="f4 mv0 fw6 dib mr4">images</h4>
47+
<span class="f4 b dib pl0 ml0 mr4">v1.0.3</span>
48+
<span class="f4 b dib pl0 ml0 mr4">41 B</span>
49+
<div>
50+
<dl class="dib mr4 mt0">
51+
<dt class="f6 db">Declarations </dt>
52+
<dd class="db pl0 ml0 f4 f2-ns b">1</span></dd>
53+
</dl>
54+
<dl class="dib mr4">
55+
<dt class="f6 db pr2">Selectors </dt>
56+
<dd class="db pl0 ml0 f4 f2-ns b">1</dd>
57+
</dl>
58+
<dl class="dib mr4">
59+
<dt class="f6 db pr2">Max. Specificity Score </dt>
60+
<dd class="db pl0 ml0 f4 f2-ns b">1</dd>
61+
</dl>
62+
<dl class="dib mr4">
63+
<dt class="f6 db pr2">Size of Avg. Rule </dt>
64+
<dd class="db pl0 ml0 f4 f2-ns b">1</dd>
65+
</dl>
66+
</div>
67+
</article>
5568
<div class="ph3 ph5-ns pt4 pb5">
5669
<h2 class="f3 bold">Examples</h2>
5770
<h3 class="f5 book pt4 caps">Image</h3>
@@ -75,12 +88,12 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
7588
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/image" class="db link fw6 blue dim">MDN - Images CSS</a>
7689
</div>
7790
</div>
78-
<section class="bg-dark-gray white pt4 pb5">
91+
<section class="bg-near-white black-70 pt4 pb5">
7992
<header class="ph3 ph5-ns pt4">
8093
<kbd class="yellow">src/_images.css</kbd>
8194
</header>
8295
<pre class="ph3 ph5-ns">
83-
<code class="small">
96+
<code class="code" style="font-size: .75rem;">
8497
/*
8598

8699
IMAGES
@@ -98,74 +111,92 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
98111
<div class="ph3 ph5-ns pt3 pb5">
99112
<section>
100113
<h2 class="f6 fw7 ttu tracked">General</h2>
101-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/debug/" title="Debugging">Debugging</a>
102-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/general/images/" title="Images">Images</a>
114+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/debug/" title="Debugging">Debugging</a>
115+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/general/images/" title="Images">Images</a>
103116
<section class="cf w-100 mt3">
104117
<article class="fn fl-ns w-100 w-25-l">
105118
<h2 class="f6 fw7 ttu tracked" id="typography">Typography</h2>
106-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/typography/scale" title="Type">Type Scale</a>
107-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/typography/measure/garamond/" title="Measure">Measure</a>
108-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/typography/line-height" title="Line Height">Line Height / Leading</a>
109-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/typography/tracking" title="Tracking">Tracking</a>
110-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/typography/font-weight" title="Font Weights">Font Weights</a>
111-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/typography/font-family" title="Font Families">Font Families</a>
112-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/typography/vertical-align" title="Font Families">Vertical Align</a>
113-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/typography/text-align" title="Text Align">Text Align</a>
114-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/typography/text-transform" title="Text Transform">Text Transform</a>
115-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/typography/text-decoration" title="Text Decoration">Text Decoration</a>
116-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/typography/white-space" title="White Space">White Space</a>
119+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/scale" title="Type">Type Scale</a>
120+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/measure/garamond/" title="Measure">Measure</a>
121+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/line-height" title="Line Height">Line Height / Leading</a>
122+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/tracking" title="Tracking">Tracking</a>
123+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/font-weight" title="Font Weights">Font Weights</a>
124+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/font-family" title="Font Families">Font Families</a>
125+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/vertical-align" title="Font Families">Vertical Align</a>
126+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/text-align" title="Text Align">Text Align</a>
127+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/text-transform" title="Text Transform">Text Transform</a>
128+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/text-decoration" title="Text Decoration">Text Decoration</a>
129+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/white-space" title="White Space">White Space</a>
117130
</article>
118131
<article class="fn fl-ns w-100 w-25-l">
119132
<h2 class="f6 fw7 ttu tracked" id="layout">Layout</h2>
120-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/layout/box-sizing" title="Box Sizing">Box Sizing</a>
121-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/layout/spacing" title="Spacing">Spacing</a>
122-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/layout/floats" title="Floats">Floats</a>
123-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/layout/clearfix" title="Clears">Clearfix</a>
124-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/layout/display" title="Display">Display</a>
125-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/layout/widths" title="Widths">Widths</a>
126-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/layout/max-widths" title="Max Widths">Max Widths</a>
127-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/layout/heights" title="Heights">Heights</a>
128-
<a class="f4 fw6 dim link mid-gray db pv1" href="/docs/layout/position" title="Position">Position</a>
133+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/box-sizing" title="Box Sizing">Box Sizing</a>
134+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/spacing" title="Spacing">Spacing</a>
135+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/floats" title="Floats">Floats</a>
136+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/clearfix" title="Clears">Clearfix</a>
137+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/display" title="Display">Display</a>
138+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/widths" title="Widths">Widths</a>
139+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/max-widths" title="Max Widths">Max Widths</a>
140+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/heights" title="Heights">Heights</a>
141+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/position" title="Position">Position</a>
129142
</article>
130143
<article class="fn fl-ns w-100 w-25-l">
131144
<h2 class="f6 fw7 ttu tracked">Theming</h2>
132-
<a class="f4 fw6 dim link mid-gray db pv1" href="themes/hovers/" title="Hovers">Hovers</a>
133-
<a class="f4 fw6 dim link mid-gray db pv1" href="themes/background-size/" title="Background Size">Background Size</a>
134-
<a class="f4 fw6 dim link mid-gray db pv1" href="themes/borders/" title="Borders">Borders</a>
135-
<a class="f4 fw6 dim link mid-gray db pv1" href="themes/border-radius/" title="Border Radius">Border Radius</a>
145+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/themes/hovers/" title="Hovers">Hovers</a>
146+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/themes/background-size/" title="Background Size">Background Size</a>
147+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/themes/borders/" title="Borders">Borders</a>
148+
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/themes/border-radius/" title="Border Radius">Border Radius</a>
136149
</article>
137150
</section>
138151
</section>
139152
</div>
140153

141154
</main>
142-
<footer class="bg-near-white mid-gray ph3 ph5-ns pv5 pv6-ns bt b--light-gray">
143-
<small class="f6 measure db lh-copy">
155+
<footer class="bg-near-white mid-gray ph3 ph5-ns pv5 pv6-ns bt b--light-gray">
156+
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional CSS for Humans.&url=http://tachyons.io" target="_blank" class="dn mb3 twitter bg-white link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
157+
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
158+
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
159+
</svg>
160+
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
161+
</a>
162+
<article>
163+
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
164+
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
165+
</article>
166+
167+
<p>
168+
<a class="black-70 link dim b dib mr3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
169+
Join our Slack Channel
170+
</a>
171+
<a class="black-70 link dim b dib mr3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
172+
Open an Issue
173+
</a>
174+
<a class="black-70 link dim b dib mr3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
175+
GitHub
176+
</a>
177+
</p>
178+
<p class="measure copy lh-copy">
179+
Have a question? Need help? Feel free to open an issue on GitHub or ask a question in our slack channel. We're here to try and help make designing in the browser fun.
180+
</p>
181+
<small class="f6 measure db lh-copy mt5">
144182
A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle
145183
that always moves faster than light.
146184
The word comes from the Greek:
147185

148186
ταχύς or tachys, meaning "swift, quick, fast, rapid"
149187
</small>
150-
151-
<p>
152-
153-
<a class="black-70 link dim b" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
154-
Join our Slack Channel
155-
</a>
156-
</p>
157188
</footer>
158189

159-
160-
<script>
190+
<script>
161191
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
162192
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
163-
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
193+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
164194
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
165195

166196
ga('create', 'UA-55773803-1', 'auto');
167197
ga('send', 'pageview');
168198

169199
</script>
200+
170201
</body>
171202
</html>

0 commit comments

Comments
 (0)