Skip to content

Commit b5ea355

Browse files
author
mrmrs
committed
Merge branch 'master' of github.com:tachyons-css/tachyons-css.github.io
2 parents 899df14 + 642cb6c commit b5ea355

File tree

18 files changed

+55
-65
lines changed

18 files changed

+55
-65
lines changed

docs/layout/clearfix/index.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -48,24 +48,24 @@
4848
<main class="">
4949
<article class="bg-near-white bt b--black-10 pa3 ph5-ns">
5050
<h4 class="f4 mv0 fw6 dib mr4">tachyons-clears</h4>
51-
<span class="f4 b dib pl0 ml0 mr4">v2.0.4</span>
52-
<span class="f4 b dib pl0 ml0 mr4">92 B</span>
51+
<span class="f4 b dib pl0 ml0 mr4">v2.1.0</span>
52+
<span class="f4 b dib pl0 ml0 mr4">187 B</span>
5353
<div>
5454
<dl class="dib mr4 mt0">
5555
<dt class="f6 db">Declarations </dt>
56-
<dd class="db pl0 ml0 f4 f2-ns b">4</dd>
56+
<dd class="db pl0 ml0 f4 f2-ns b">16</dd>
5757
</dl>
5858
<dl class="dib mr4">
5959
<dt class="f6 db pr2">Selectors </dt>
60-
<dd class="db pl0 ml0 f4 f2-ns b">4</dd>
60+
<dd class="db pl0 ml0 f4 f2-ns b">16</dd>
6161
</dl>
6262
<dl class="dib mr4">
6363
<dt class="f6 db pr2">Max. Specificity Score </dt>
6464
<dd class="db pl0 ml0 f4 f2-ns b">11</dd>
6565
</dl>
6666
<dl class="dib mr4">
6767
<dt class="f6 db pr2">Size of Avg. Rule </dt>
68-
<dd class="db pl0 ml0 f4 f2-ns b">1.3333333333333333</dd>
68+
<dd class="db pl0 ml0 f4 f2-ns b">1.0666666666666667</dd>
6969
</dl>
7070
</div>
7171
<p class="measure f4 f3-ns lh-copy">

docs/layout/display/index.html

+6-6
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@ <h3 class="f5 book pt4 caps">Display Block</h3>
8787
<code class="f6">
8888
&lt;span class="db"&gt;&lt;/span&gt;
8989
</code>
90-
<p>Block will inherently set width to 100% of its parent element. It will also cause a line break, even if the declared width doesn't take up the full width of the parent.</p>
90+
<p class="measure lh-copy">Block will inherently set width to 100% of its parent element. It will also cause a line break, even if the declared width doesn't take up the full width of the parent.</p>
9191
<div class="db bg-black-10 mb2">
9292
block
9393
</div>
@@ -100,7 +100,7 @@ <h3 class="f5 book pt4 caps">Display Inline-Block</h3>
100100
<code class="f6">
101101
&lt;span class="dib"&gt;&lt;/span&gt;
102102
</code>
103-
<p class="measure">
103+
<p class="measure lh-copy">
104104
Inline-block will wrap around content inline. It also allows you to set
105105
height and width properties on the element, which display inline does not allow
106106
you to do. It does render the white-space inbeween elements, so if you set
@@ -125,7 +125,7 @@ <h3 class="f5 book pt4 caps">Display Inline</h3>
125125
<code class="f6">
126126
&lt;div class="di"&gt;&lt;/div&gt;
127127
</code>
128-
<p class="measure">
128+
<p class="measure lh-copy">
129129
Set content inline. Inline doesn't respect height or width values. It does not render white space between elements.
130130
</p>
131131
<div class="di bg-black-10 mb2">
@@ -149,10 +149,10 @@ <h3 class="f5 book pt4 caps">Display Table</h3>
149149
&nbsp;&nbsp; &lt;div class="dtc"&gt;&lt;/div&gt;<br>
150150
&lt;/div&gt;
151151
</code>
152-
<p class="measure">
152+
<p class="measure lh-copy">
153153
Display table can be combined with display table-cell to render a table
154154
without table markup. This can be useful for vertically aligning content
155-
or for auto-calculating a variable amount of table cells.
155+
or for auto-calculating a variable number of table cells.
156156
</p>
157157
<div class="dt bg-black-10 mb2 w-100">
158158
<div class="dtc v-mid pa1 bg-black-10">display</div>
@@ -165,7 +165,7 @@ <h3 class="f5 book pt4 caps">Display None</h3>
165165
<code class="f6">
166166
&lt;div class="dn"&gt;&lt;/div&gt;
167167
</code>
168-
<p class="measure">
168+
<p class="measure lh-copy">
169169
You can set the display of any element to none by tacking on the <code class="code">dn</code> class.
170170
</p>
171171

docs/layout/floats/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -168,7 +168,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
168168
@media (--breakpoint-not-small) {
169169
.fl-ns { float: left; display: inline; }
170170
.fr-ns { float: right;display: inline; }
171-
.fn-ns { float: none!important; }
171+
.fn-ns { float: none; }
172172
}
173173

174174
@media (--breakpoint-medium) {

docs/layout/heights/index.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -48,16 +48,16 @@
4848
<main class="">
4949
<article class="bg-near-white bt b--black-10 pa3 ph5-ns">
5050
<h4 class="f4 mv0 fw6 dib mr4">tachyons-heights</h4>
51-
<span class="f4 b dib pl0 ml0 mr4">v4.1.0</span>
52-
<span class="f4 b dib pl0 ml0 mr4">234 B</span>
51+
<span class="f4 b dib pl0 ml0 mr4">v4.1.3</span>
52+
<span class="f4 b dib pl0 ml0 mr4">254 B</span>
5353
<div>
5454
<dl class="dib mr4 mt0">
5555
<dt class="f6 db">Declarations </dt>
56-
<dd class="db pl0 ml0 f4 f2-ns b">36</dd>
56+
<dd class="db pl0 ml0 f4 f2-ns b">44</dd>
5757
</dl>
5858
<dl class="dib mr4">
5959
<dt class="f6 db pr2">Selectors </dt>
60-
<dd class="db pl0 ml0 f4 f2-ns b">36</dd>
60+
<dd class="db pl0 ml0 f4 f2-ns b">44</dd>
6161
</dl>
6262
<dl class="dib mr4">
6363
<dt class="f6 db pr2">Max. Specificity Score </dt>

docs/layout/spacing/index.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -48,24 +48,24 @@
4848
<main class="">
4949
<article class="bg-near-white bt b--black-10 pa3 ph5-ns">
5050
<h4 class="f4 mv0 fw6 dib mr4">tachyons-spacing</h4>
51-
<span class="f4 b dib pl0 ml0 mr4">v5.0.4</span>
52-
<span class="f4 b dib pl0 ml0 mr4">1.7 KB</span>
51+
<span class="f4 b dib pl0 ml0 mr4">v5.0.6</span>
52+
<span class="f4 b dib pl0 ml0 mr4">1.71 KB</span>
5353
<div>
5454
<dl class="dib mr4 mt0">
5555
<dt class="f6 db">Declarations </dt>
56-
<dd class="db pl0 ml0 f4 f2-ns b">572</dd>
56+
<dd class="db pl0 ml0 f4 f2-ns b">576</dd>
5757
</dl>
5858
<dl class="dib mr4">
5959
<dt class="f6 db pr2">Selectors </dt>
60-
<dd class="db pl0 ml0 f4 f2-ns b">446</dd>
60+
<dd class="db pl0 ml0 f4 f2-ns b">448</dd>
6161
</dl>
6262
<dl class="dib mr4">
6363
<dt class="f6 db pr2">Max. Specificity Score </dt>
6464
<dd class="db pl0 ml0 f4 f2-ns b">10</dd>
6565
</dl>
6666
<dl class="dib mr4">
6767
<dt class="f6 db pr2">Size of Avg. Rule </dt>
68-
<dd class="db pl0 ml0 f4 f2-ns b">1.2825112107623318</dd>
68+
<dd class="db pl0 ml0 f4 f2-ns b">1.2857142857142858</dd>
6969
</dl>
7070
</div>
7171
<p class="measure f4 f3-ns lh-copy">

docs/themes/background-size/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
<main>
4949
<article class="bg-near-white bt b--black-10 ph3 pt3 ph5-ns">
5050
<h4 class="f4 mv0 fw6 dib mr4">tachyons-background-size</h4>
51-
<span class="f4 b dib pl0 ml0 mr4">v3.0.2</span>
51+
<span class="f4 b dib pl0 ml0 mr4">v3.0.3</span>
5252
<span class="f4 b dib pl0 ml0 mr4">139 B</span>
5353
<div>
5454
<dl class="dib mr4 mt0">

docs/themes/borders/index.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -48,16 +48,16 @@
4848
<main class="">
4949
<article class="bg-near-white bt b--black-10 pa3 ph5-ns">
5050
<h4 class="f4 mv0 fw6 dib mr4">tachyons-borders</h4>
51-
<span class="f4 b dib pl0 ml0 mr4">v2.0.3</span>
52-
<span class="f4 b dib pl0 ml0 mr4">208 B</span>
51+
<span class="f4 b dib pl0 ml0 mr4">v2.1.0</span>
52+
<span class="f4 b dib pl0 ml0 mr4">228 B</span>
5353
<div>
5454
<dl class="dib mr4 mt0">
5555
<dt class="f6 db">Declarations </dt>
56-
<dd class="db pl0 ml0 f4 f2-ns b">40</dd>
56+
<dd class="db pl0 ml0 f4 f2-ns b">48</dd>
5757
</dl>
5858
<dl class="dib mr4">
5959
<dt class="f6 db pr2">Selectors </dt>
60-
<dd class="db pl0 ml0 f4 f2-ns b">20</dd>
60+
<dd class="db pl0 ml0 f4 f2-ns b">24</dd>
6161
</dl>
6262
<dl class="dib mr4">
6363
<dt class="f6 db pr2">Max. Specificity Score </dt>

docs/typography/text-align/index.html

-7
Original file line numberDiff line numberDiff line change
@@ -91,13 +91,6 @@ <h3 class="f5 fw4 pt4 caps">Text Align Center</h3>
9191
<p class="tc measure bg-black-10">
9292
Aligned to the center
9393
</p>
94-
<h3 class="f5 fw4 pt4 caps">Justified Text</h3>
95-
<p class="tj measure bg-black-10">
96-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
97-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
98-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
99-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
100-
</p>
10194
<div class="mt5 cf">
10295
<div class="dib mr4">
10396
<h1 class="f4 ttu tracked fw6">Previous</h1>

docs/typography/text-decoration/index.html

+2
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,8 @@ <h3 class="f5 fw4 pt4 ttu tracked">Text Decoration Underline</h3>
8585
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
8686
no sea takimata sanctus est Lorem ipsum dolor sit amet.
8787
</p>
88+
<h3 class="f5 fw4 pt4 ttu tracked">Text Decoration Strikethrough</h3>
89+
<p class="strike">Lorem ipsum dolor sit amet</p>
8890
<div class="mt5 cf">
8991
<div class="dib mr4">
9092
<h1 class="f4 ttu tracked fw6">Previous</h1>

docs/typography/text-transform/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-text-transform</h4>
7777
</article>
7878
<div class="ph3 ph5-ns pt4 pb5">
7979
<h2 class="f3 b">Examples</h2>
80-
<h3 class="fw4 ttu mbn">uppercase</h3>
80+
<h3 class="fw4 ttu mbn">Uppercase</h3>
8181
<code class="code">.ttu </code>
8282
<h3 class="fw4 ttl mbn">LOWERCASE</h3>
8383
<code class="code">.ttl </code>
@@ -86,7 +86,7 @@ <h3 class="fw4 ttc mbn">capitalize multiple words</h3>
8686
<h3 class="fw4 ttn mbn">TEXT Transform none</h3>
8787
<code class="code">.ttn</code>
8888
<h3 class="fw4 ttu tracked mbn">Uppercase with tracking</h3>
89-
<code class="code">.ttu tracked</code>
89+
<code class="code">.ttu.tracked</code>
9090

9191
<div class="mt5 cf">
9292
<div class="dib mr4">

index.html

+10-10
Original file line numberDiff line numberDiff line change
@@ -332,7 +332,7 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
332332
<div class="mb3 fl w-100 w-50-m w-33-l">
333333
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-background-size">tachyons-background-size</a>
334334
<div>
335-
<span class="fw4 pr2">v3.0.2</span>
335+
<span class="fw4 pr2">v3.0.3</span>
336336
<span>139 B</span>
337337
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-background-size">View on GitHub</a>
338338
</div>
@@ -368,7 +368,7 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
368368
<div class="mb3 fl w-100 w-50-m w-33-l">
369369
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-border-style">tachyons-border-style</a>
370370
<div>
371-
<span class="fw4 pr2">v3.0.1</span>
371+
<span class="fw4 pr2">v3.0.2</span>
372372
<span>168 B</span>
373373
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-border-style">View on GitHub</a>
374374
</div>
@@ -386,8 +386,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
386386
<div class="mb3 fl w-100 w-50-m w-33-l">
387387
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-borders">tachyons-borders</a>
388388
<div>
389-
<span class="fw4 pr2">v2.0.3</span>
390-
<span>208 B</span>
389+
<span class="fw4 pr2">v2.1.0</span>
390+
<span>228 B</span>
391391
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-borders">View on GitHub</a>
392392
</div>
393393
</div>
@@ -404,8 +404,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
404404
<div class="mb3 fl w-100 w-50-m w-33-l">
405405
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-clears">tachyons-clears</a>
406406
<div>
407-
<span class="fw4 pr2">v2.0.4</span>
408-
<span>92 B</span>
407+
<span class="fw4 pr2">v2.1.0</span>
408+
<span>187 B</span>
409409
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-clears">View on GitHub</a>
410410
</div>
411411
</div>
@@ -503,8 +503,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
503503
<div class="mb3 fl w-100 w-50-m w-33-l">
504504
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-heights">tachyons-heights</a>
505505
<div>
506-
<span class="fw4 pr2">v4.1.0</span>
507-
<span>234 B</span>
506+
<span class="fw4 pr2">v4.1.3</span>
507+
<span>254 B</span>
508508
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-heights">View on GitHub</a>
509509
</div>
510510
</div>
@@ -611,8 +611,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
611611
<div class="mb3 fl w-100 w-50-m w-33-l">
612612
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-spacing">tachyons-spacing</a>
613613
<div>
614-
<span class="fw4 pr2">v5.0.4</span>
615-
<span>1.7 KB</span>
614+
<span class="fw4 pr2">v5.0.6</span>
615+
<span>1.71 KB</span>
616616
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-spacing">View on GitHub</a>
617617
</div>
618618
</div>

package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -32,12 +32,12 @@
3232
"tachyons-debug": "^1.1.1",
3333
"tachyons-display": "^3.0.3",
3434
"tachyons-display-verbose": "^1.0.0",
35-
"tachyons-floats": "^2.0.3",
35+
"tachyons-floats": "^2.0.4",
3636
"tachyons-font-family": "^4.1.1",
3737
"tachyons-font-style": "^3.0.0",
3838
"tachyons-font-weight": "^4.0.2",
3939
"tachyons-forms": "^2.0.1",
40-
"tachyons-heights": "^4.0.2",
40+
"tachyons-heights": "^4.1.3",
4141
"tachyons-hovers": "^2.0.4",
4242
"tachyons-images": "^1.0.3",
4343
"tachyons-letter-spacing": "^2.1.0",

readme.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
# Tachyons Documentation
22

3-
Documentation for Tachyons -- a performant, mobile-first, and 100% responsive modular css framework.
3+
Documentation for Tachyons a performant, mobile-first, and 100% responsive modular CSS framework.
44

55
## Installation and Usage
66

77
```
8-
git clone https://github.com/tachyons-css/tachyons-css.github.io && cd $_
8+
git clone https://github.com/tachyons-css/tachyons-css.github.io && cd tachyons-css.github.io
99
npm i && npm start
1010
```
1111

src/css/_floats.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939
@media (--breakpoint-not-small) {
4040
.fl-ns { float: left; display: inline; }
4141
.fr-ns { float: right;display: inline; }
42-
.fn-ns { float: none!important; }
42+
.fn-ns { float: none; }
4343
}
4444

4545
@media (--breakpoint-medium) {

src/templates/docs/display/index.html

+6-6
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ <h3 class="f5 book pt4 caps">Display Block</h3>
5151
<code class="f6">
5252
&lt;span class="db"&gt;&lt;/span&gt;
5353
</code>
54-
<p>Block will inherently set width to 100% of its parent element. It will also cause a line break, even if the declared width doesn't take up the full width of the parent.</p>
54+
<p class="measure lh-copy">Block will inherently set width to 100% of its parent element. It will also cause a line break, even if the declared width doesn't take up the full width of the parent.</p>
5555
<div class="db bg-black-10 mb2">
5656
block
5757
</div>
@@ -64,7 +64,7 @@ <h3 class="f5 book pt4 caps">Display Inline-Block</h3>
6464
<code class="f6">
6565
&lt;span class="dib"&gt;&lt;/span&gt;
6666
</code>
67-
<p class="measure">
67+
<p class="measure lh-copy">
6868
Inline-block will wrap around content inline. It also allows you to set
6969
height and width properties on the element, which display inline does not allow
7070
you to do. It does render the white-space inbeween elements, so if you set
@@ -89,7 +89,7 @@ <h3 class="f5 book pt4 caps">Display Inline</h3>
8989
<code class="f6">
9090
&lt;div class="di"&gt;&lt;/div&gt;
9191
</code>
92-
<p class="measure">
92+
<p class="measure lh-copy">
9393
Set content inline. Inline doesn't respect height or width values. It does not render white space between elements.
9494
</p>
9595
<div class="di bg-black-10 mb2">
@@ -113,10 +113,10 @@ <h3 class="f5 book pt4 caps">Display Table</h3>
113113
&nbsp;&nbsp; &lt;div class="dtc"&gt;&lt;/div&gt;<br>
114114
&lt;/div&gt;
115115
</code>
116-
<p class="measure">
116+
<p class="measure lh-copy">
117117
Display table can be combined with display table-cell to render a table
118118
without table markup. This can be useful for vertically aligning content
119-
or for auto-calculating a variable amount of table cells.
119+
or for auto-calculating a variable number of table cells.
120120
</p>
121121
<div class="dt bg-black-10 mb2 w-100">
122122
<div class="dtc v-mid pa1 bg-black-10">display</div>
@@ -129,7 +129,7 @@ <h3 class="f5 book pt4 caps">Display None</h3>
129129
<code class="f6">
130130
&lt;div class="dn"&gt;&lt;/div&gt;
131131
</code>
132-
<p class="measure">
132+
<p class="measure lh-copy">
133133
You can set the display of any element to none by tacking on the <code class="code">dn</code> class.
134134
</p>
135135

src/templates/docs/text-align/index.html

-7
Original file line numberDiff line numberDiff line change
@@ -55,13 +55,6 @@ <h3 class="f5 fw4 pt4 caps">Text Align Center</h3>
5555
<p class="tc measure bg-black-10">
5656
Aligned to the center
5757
</p>
58-
<h3 class="f5 fw4 pt4 caps">Justified Text</h3>
59-
<p class="tj measure bg-black-10">
60-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
61-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
62-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
63-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
64-
</p>
6558
<div class="mt5 cf">
6659
<div class="dib mr4">
6760
<h1 class="f4 ttu tracked fw6">Previous</h1>

src/templates/docs/text-decoration/index.html

+2
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,8 @@ <h3 class="f5 fw4 pt4 ttu tracked">Text Decoration Underline</h3>
4949
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
5050
no sea takimata sanctus est Lorem ipsum dolor sit amet.
5151
</p>
52+
<h3 class="f5 fw4 pt4 ttu tracked">Text Decoration Strikethrough</h3>
53+
<p class="strike">Lorem ipsum dolor sit amet</p>
5254
<div class="mt5 cf">
5355
<div class="dib mr4">
5456
<h1 class="f4 ttu tracked fw6">Previous</h1>

src/templates/docs/text-transform/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ <h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
4141
</article>
4242
<div class="ph3 ph5-ns pt4 pb5">
4343
<h2 class="f3 b">Examples</h2>
44-
<h3 class="fw4 ttu mbn">uppercase</h3>
44+
<h3 class="fw4 ttu mbn">Uppercase</h3>
4545
<code class="code">.ttu </code>
4646
<h3 class="fw4 ttl mbn">LOWERCASE</h3>
4747
<code class="code">.ttl </code>
@@ -50,7 +50,7 @@ <h3 class="fw4 ttc mbn">capitalize multiple words</h3>
5050
<h3 class="fw4 ttn mbn">TEXT Transform none</h3>
5151
<code class="code">.ttn</code>
5252
<h3 class="fw4 ttu tracked mbn">Uppercase with tracking</h3>
53-
<code class="code">.ttu tracked</code>
53+
<code class="code">.ttu.tracked</code>
5454

5555
<div class="mt5 cf">
5656
<div class="dib mr4">

0 commit comments

Comments
 (0)