tachyons-background-size @@ -386,8 +386,8 @@

NPM

@@ -395,7 +395,7 @@

NPM

+ + diff --git a/package.json b/package.json index 382c98cce..a0eec078e 100644 --- a/package.json +++ b/package.json @@ -62,7 +62,8 @@ "tachyons-visibility": "^1.0.4", "tachyons-white-space": "^3.0.1", "tachyons-widths": "^4.0.2", - "tachyons-word-break": "^1.0.1" + "tachyons-word-break": "^1.0.1", + "tachyons-z-index": "^1.0.0" }, "devDependencies": { "autoprefixer": "^6.3.6", diff --git a/src/components-build.js b/src/components-build.js index 4bd927b0e..4b68db139 100644 --- a/src/components-build.js +++ b/src/components-build.js @@ -97,18 +97,18 @@ module.exports = function () { removeComments({ removeAll: true }), mqPacker(), removeEmpty(), getModules(), perfectionist() ]).process(tachyonsCss, { from: 'src/css/tachyons.css' - }).css + }).then(function () { + frontMatter.stats = cssstats(frontMatter.componentCss) - frontMatter.stats = cssstats(frontMatter.componentCss) + // TODO: Update me once src/ uses the npm modules + frontMatter.modules = Object.keys(moduleSrcs).map(function (module) { + return 'tachyons-' + module.split('/_')[1].replace('.css', '') + }) - // TODO: Update me once src/ uses the npm modules - frontMatter.modules = Object.keys(moduleSrcs).map(function (module) { - return 'tachyons-' + module.split('/_')[1].replace('.css', '') + var compiledPage = _.template(template)(frontMatter) + mkdirp.sync(newDir) + fs.writeFileSync(newFile, compiledPage) }) - - var compiledPage = _.template(template)(frontMatter) - mkdirp.sync(newDir) - fs.writeFileSync(newFile, compiledPage) }) }) } diff --git a/src/table-of-properties-build.js b/src/table-of-properties-build.js index 7361d74a2..1d56ea49b 100644 --- a/src/table-of-properties-build.js +++ b/src/table-of-properties-build.js @@ -42,38 +42,38 @@ module.exports = function () { atImport(), removeComments(), getTrs() ]).process(tachyonsCss, { from: 'src/css/tachyons.css' - }).css + }).then(function () { + var tableData = Object.keys(properties).sort().map( + function (property) { + var newRow = '' + + '' + '

' + property + '

'+'' + + '' + '

' +
+            Object.keys(properties[property].selectors).sort().map(function (selector) {
+              return  selector + ': ' + properties[property].selectors[selector]
+            }).join('
') +
+            '

' + + '' + + '' + + Object.keys(properties[property].modules).map(function (moduleName) { + return '' + moduleName + '' + }).join('
') + + '' + + '' + return newRow + }) + .join('\n') - var tableData = Object.keys(properties).sort().map( - function (property) { - var newRow = '' + - '' + '

' + property + '

'+'' + - '' + '

' +
-          Object.keys(properties[property].selectors).sort().map(function (selector) {
-            return  selector + ': ' + properties[property].selectors[selector]
-          }).join('
') +
-          '

' + - '' + - '' + - Object.keys(properties[property].modules).map(function (moduleName) { - return '' + moduleName + '' - }).join('
') + - '' + - '' - return newRow + var compiledPage = _.template(template)({ + name: 'Table of Properties', + tableData: tableData, + navDocs: navDocs, + siteFooter: siteFooter, + googleAnalytics: googleAnalytics, + head: head, + siteHeader: siteHeader }) - .join('\n') - var compiledPage = _.template(template)({ - name: 'Table of Properties', - tableData: tableData, - navDocs: navDocs, - siteFooter: siteFooter, - googleAnalytics: googleAnalytics, - head: head, - siteHeader: siteHeader + mkdirp.sync('docs/table-of-properties') + fs.writeFileSync('docs/table-of-properties/index.html', compiledPage) }) - - mkdirp.sync('docs/table-of-properties') - fs.writeFileSync('docs/table-of-properties/index.html', compiledPage) } diff --git a/src/table-of-styles-build.js b/src/table-of-styles-build.js index af6d323b6..2a641830a 100644 --- a/src/table-of-styles-build.js +++ b/src/table-of-styles-build.js @@ -51,18 +51,18 @@ module.exports = function () { atImport(), removeComments(), getTrs() ]).process(tachyonsCss, { from: 'src/css/tachyons.css' - }).css + }).then(function () { + var compiledPage = _.template(template)({ + name: 'Table of Styles', + tableData: tableData, + navDocs: navDocs, + siteFooter: siteFooter, + googleAnalytics: googleAnalytics, + head: head, + siteHeader: siteHeader + }) - var compiledPage = _.template(template)({ - name: 'Table of Styles', - tableData: tableData, - navDocs: navDocs, - siteFooter: siteFooter, - googleAnalytics: googleAnalytics, - head: head, - siteHeader: siteHeader + mkdirp.sync('docs/table-of-styles') + fs.writeFileSync('docs/table-of-styles/index.html', compiledPage) }) - - mkdirp.sync('docs/table-of-styles') - fs.writeFileSync('docs/table-of-styles/index.html', compiledPage) }