Skip to content

Commit 16e2cec

Browse files
johnojohno
committed
Use PostCSS async API, add latest modules (tachyons-css#58)
1 parent 0bb65ad commit 16e2cec

6 files changed

+90
-80
lines changed

‎css/tachyons.min.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html

+36-27
Original file line numberDiff line numberDiff line change
@@ -359,7 +359,7 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
359359
<div class="mb3 fl w-100 w-50-m w-33-l">
360360
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-background-size">tachyons-background-size</a>
361361
<div>
362-
<span class="fw4 pr2">v3.0.2</span>
362+
<span class="fw4 pr2">v3.0.3</span>
363363
<span>139 B</span>
364364
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-background-size">View on GitHub</a>
365365
</div>
@@ -386,16 +386,16 @@ <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-border-radius">tachyons-border-radius</a>
388388
<div>
389-
<span class="fw4 pr2">v3.1.0</span>
390-
<span>191 B</span>
389+
<span class="fw4 pr2">v4.1.2</span>
390+
<span>261 B</span>
391391
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-border-radius">View on GitHub</a>
392392
</div>
393393
</div>
394394

395395
<div class="mb3 fl w-100 w-50-m w-33-l">
396396
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-border-style">tachyons-border-style</a>
397397
<div>
398-
<span class="fw4 pr2">v3.0.1</span>
398+
<span class="fw4 pr2">v3.0.2</span>
399399
<span>168 B</span>
400400
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-border-style">View on GitHub</a>
401401
</div>
@@ -413,8 +413,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
413413
<div class="mb3 fl w-100 w-50-m w-33-l">
414414
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-borders">tachyons-borders</a>
415415
<div>
416-
<span class="fw4 pr2">v2.0.3</span>
417-
<span>208 B</span>
416+
<span class="fw4 pr2">v2.1.0</span>
417+
<span>228 B</span>
418418
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-borders">View on GitHub</a>
419419
</div>
420420
</div>
@@ -431,8 +431,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
431431
<div class="mb3 fl w-100 w-50-m w-33-l">
432432
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-clears">tachyons-clears</a>
433433
<div>
434-
<span class="fw4 pr2">v2.0.4</span>
435-
<span>92 B</span>
434+
<span class="fw4 pr2">v2.2.0</span>
435+
<span>200 B</span>
436436
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-clears">View on GitHub</a>
437437
</div>
438438
</div>
@@ -449,8 +449,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
449449
<div class="mb3 fl w-100 w-50-m w-33-l">
450450
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-coordinates">tachyons-coordinates</a>
451451
<div>
452-
<span class="fw4 pr2">v2.2.0</span>
453-
<span>426 B</span>
452+
<span class="fw4 pr2">v3.0.1</span>
453+
<span>428 B</span>
454454
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-coordinates">View on GitHub</a>
455455
</div>
456456
</div>
@@ -467,8 +467,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
467467
<div class="mb3 fl w-100 w-50-m w-33-l">
468468
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-display">tachyons-display</a>
469469
<div>
470-
<span class="fw4 pr2">v3.0.3</span>
471-
<span>238 B</span>
470+
<span class="fw4 pr2">v4.1.0</span>
471+
<span>307 B</span>
472472
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-display">View on GitHub</a>
473473
</div>
474474
</div>
@@ -494,8 +494,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
494494
<div class="mb3 fl w-100 w-50-m w-33-l">
495495
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-font-family">tachyons-font-family</a>
496496
<div>
497-
<span class="fw4 pr2">v4.1.1</span>
498-
<span>232 B</span>
497+
<span class="fw4 pr2">v4.1.2</span>
498+
<span>239 B</span>
499499
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-font-family">View on GitHub</a>
500500
</div>
501501
</div>
@@ -521,26 +521,26 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
521521
<div class="mb3 fl w-100 w-50-m w-33-l">
522522
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-forms">tachyons-forms</a>
523523
<div>
524-
<span class="fw4 pr2">v2.0.1</span>
525-
<span>94 B</span>
524+
<span class="fw4 pr2">v3.0.0</span>
525+
<span>66 B</span>
526526
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-forms">View on GitHub</a>
527527
</div>
528528
</div>
529529

530530
<div class="mb3 fl w-100 w-50-m w-33-l">
531531
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-heights">tachyons-heights</a>
532532
<div>
533-
<span class="fw4 pr2">v4.1.0</span>
534-
<span>234 B</span>
533+
<span class="fw4 pr2">v5.0.0</span>
534+
<span>258 B</span>
535535
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-heights">View on GitHub</a>
536536
</div>
537537
</div>
538538

539539
<div class="mb3 fl w-100 w-50-m w-33-l">
540540
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-hovers">tachyons-hovers</a>
541541
<div>
542-
<span class="fw4 pr2">v2.0.5</span>
543-
<span>149 B</span>
542+
<span class="fw4 pr2">v2.1.0</span>
543+
<span>175 B</span>
544544
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-hovers">View on GitHub</a>
545545
</div>
546546
</div>
@@ -638,16 +638,16 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
638638
<div class="mb3 fl w-100 w-50-m w-33-l">
639639
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-skins">tachyons-skins</a>
640640
<div>
641-
<span class="fw4 pr2">v3.1.1</span>
642-
<span>672 B</span>
641+
<span class="fw4 pr2">v3.1.5</span>
642+
<span>717 B</span>
643643
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-skins">View on GitHub</a>
644644
</div>
645645
</div>
646646

647647
<div class="mb3 fl w-100 w-50-m w-33-l">
648648
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-spacing">tachyons-spacing</a>
649649
<div>
650-
<span class="fw4 pr2">v5.0.4</span>
650+
<span class="fw4 pr2">v5.0.10</span>
651651
<span>1.7 KB</span>
652652
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-spacing">View on GitHub</a>
653653
</div>
@@ -701,8 +701,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
701701
<div class="mb3 fl w-100 w-50-m w-33-l">
702702
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-typography">tachyons-typography</a>
703703
<div>
704-
<span class="fw4 pr2">v2.1.1</span>
705-
<span>226 B</span>
704+
<span class="fw4 pr2">v2.2.0</span>
705+
<span>245 B</span>
706706
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-typography">View on GitHub</a>
707707
</div>
708708
</div>
@@ -737,8 +737,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
737737
<div class="mb3 fl w-100 w-50-m w-33-l">
738738
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-white-space">tachyons-white-space</a>
739739
<div>
740-
<span class="fw4 pr2">v2.0.3</span>
741-
<span>154 B</span>
740+
<span class="fw4 pr2">v3.0.1</span>
741+
<span>153 B</span>
742742
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-white-space">View on GitHub</a>
743743
</div>
744744
</div>
@@ -761,6 +761,15 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
761761
</div>
762762
</div>
763763

764+
<div class="mb3 fl w-100 w-50-m w-33-l">
765+
<a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-z-index">tachyons-z-index</a>
766+
<div>
767+
<span class="fw4 pr2">v1.0.0</span>
768+
<span>114 B</span>
769+
<a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-z-index">View on GitHub</a>
770+
</div>
771+
</div>
772+
764773

765774

766775
</section>

‎package.json

+2-1
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,8 @@
6262
"tachyons-visibility": "^1.0.4",
6363
"tachyons-white-space": "^3.0.1",
6464
"tachyons-widths": "^4.0.2",
65-
"tachyons-word-break": "^1.0.1"
65+
"tachyons-word-break": "^1.0.1",
66+
"tachyons-z-index": "^1.0.0"
6667
},
6768
"devDependencies": {
6869
"autoprefixer": "^6.3.6",

‎src/components-build.js

+9-9
Original file line numberDiff line numberDiff line change
@@ -97,18 +97,18 @@ module.exports = function () {
9797
removeComments({ removeAll: true }), mqPacker(), removeEmpty(), getModules(), perfectionist()
9898
]).process(tachyonsCss, {
9999
from: 'src/css/tachyons.css'
100-
}).css
100+
}).then(function () {
101+
frontMatter.stats = cssstats(frontMatter.componentCss)
101102

102-
frontMatter.stats = cssstats(frontMatter.componentCss)
103+
// TODO: Update me once src/ uses the npm modules
104+
frontMatter.modules = Object.keys(moduleSrcs).map(function (module) {
105+
return 'tachyons-' + module.split('/_')[1].replace('.css', '')
106+
})
103107

104-
// TODO: Update me once src/ uses the npm modules
105-
frontMatter.modules = Object.keys(moduleSrcs).map(function (module) {
106-
return 'tachyons-' + module.split('/_')[1].replace('.css', '')
108+
var compiledPage = _.template(template)(frontMatter)
109+
mkdirp.sync(newDir)
110+
fs.writeFileSync(newFile, compiledPage)
107111
})
108-
109-
var compiledPage = _.template(template)(frontMatter)
110-
mkdirp.sync(newDir)
111-
fs.writeFileSync(newFile, compiledPage)
112112
})
113113
})
114114
}

‎src/table-of-properties-build.js

+30-30
Original file line numberDiff line numberDiff line change
@@ -42,38 +42,38 @@ module.exports = function () {
4242
atImport(), removeComments(), getTrs()
4343
]).process(tachyonsCss, {
4444
from: 'src/css/tachyons.css'
45-
}).css
45+
}).then(function () {
46+
var tableData = Object.keys(properties).sort().map(
47+
function (property) {
48+
var newRow = '<tr>' +
49+
'<td class="bb b--black-10 pv3">' + '<pre class="f5">' + property + '</pre>'+'</td>' +
50+
'<td class="bb b--black-10 pv3">' + '<pre class=f5">' +
51+
Object.keys(properties[property].selectors).sort().map(function (selector) {
52+
return selector + ': ' + properties[property].selectors[selector]
53+
}).join('<br>') +
54+
'</pre>' +
55+
'</td>' +
56+
'<td class="bb b--black-05 pv2">' +
57+
Object.keys(properties[property].modules).map(function (moduleName) {
58+
return '<a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-' + moduleName +'">' + moduleName + '</a>'
59+
}).join('<br>') +
60+
'</td>' +
61+
'</tr>'
62+
return newRow
63+
})
64+
.join('\n')
4665

47-
var tableData = Object.keys(properties).sort().map(
48-
function (property) {
49-
var newRow = '<tr>' +
50-
'<td class="bb b--black-10 pv3">' + '<pre class="f5">' + property + '</pre>'+'</td>' +
51-
'<td class="bb b--black-10 pv3">' + '<pre class=f5">' +
52-
Object.keys(properties[property].selectors).sort().map(function (selector) {
53-
return selector + ': ' + properties[property].selectors[selector]
54-
}).join('<br>') +
55-
'</pre>' +
56-
'</td>' +
57-
'<td class="bb b--black-05 pv2">' +
58-
Object.keys(properties[property].modules).map(function (moduleName) {
59-
return '<a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-' + moduleName +'">' + moduleName + '</a>'
60-
}).join('<br>') +
61-
'</td>' +
62-
'</tr>'
63-
return newRow
66+
var compiledPage = _.template(template)({
67+
name: 'Table of Properties',
68+
tableData: tableData,
69+
navDocs: navDocs,
70+
siteFooter: siteFooter,
71+
googleAnalytics: googleAnalytics,
72+
head: head,
73+
siteHeader: siteHeader
6474
})
65-
.join('\n')
6675

67-
var compiledPage = _.template(template)({
68-
name: 'Table of Properties',
69-
tableData: tableData,
70-
navDocs: navDocs,
71-
siteFooter: siteFooter,
72-
googleAnalytics: googleAnalytics,
73-
head: head,
74-
siteHeader: siteHeader
76+
mkdirp.sync('docs/table-of-properties')
77+
fs.writeFileSync('docs/table-of-properties/index.html', compiledPage)
7578
})
76-
77-
mkdirp.sync('docs/table-of-properties')
78-
fs.writeFileSync('docs/table-of-properties/index.html', compiledPage)
7979
}

‎src/table-of-styles-build.js

+12-12
Original file line numberDiff line numberDiff line change
@@ -51,18 +51,18 @@ module.exports = function () {
5151
atImport(), removeComments(), getTrs()
5252
]).process(tachyonsCss, {
5353
from: 'src/css/tachyons.css'
54-
}).css
54+
}).then(function () {
55+
var compiledPage = _.template(template)({
56+
name: 'Table of Styles',
57+
tableData: tableData,
58+
navDocs: navDocs,
59+
siteFooter: siteFooter,
60+
googleAnalytics: googleAnalytics,
61+
head: head,
62+
siteHeader: siteHeader
63+
})
5564

56-
var compiledPage = _.template(template)({
57-
name: 'Table of Styles',
58-
tableData: tableData,
59-
navDocs: navDocs,
60-
siteFooter: siteFooter,
61-
googleAnalytics: googleAnalytics,
62-
head: head,
63-
siteHeader: siteHeader
65+
mkdirp.sync('docs/table-of-styles')
66+
fs.writeFileSync('docs/table-of-styles/index.html', compiledPage)
6467
})
65-
66-
mkdirp.sync('docs/table-of-styles')
67-
fs.writeFileSync('docs/table-of-styles/index.html', compiledPage)
6868
}

0 commit comments

Comments
 (0)