From a6439890b39d2b874aae84bc0169db2d4fc7d60d Mon Sep 17 00:00:00 2001 From: Anthony Bullard Date: Fri, 8 Apr 2016 22:06:28 -0700 Subject: [PATCH 1/3] Create First Draft for Custom Build Page --- build.js | 2 +- components/index.html | 3 ++ docs/table-of-styles/index.html | 3 ++ index.html | 38 +++++++++++++------- package.json | 4 +++ src/home-build.js | 64 --------------------------------- src/templates/header.html | 3 ++ src/templates/index.html | 2 ++ 8 files changed, 42 insertions(+), 77 deletions(-) delete mode 100644 src/home-build.js diff --git a/build.js b/build.js index dac7e1bb1..cd7060e4e 100644 --- a/build.js +++ b/build.js @@ -1,3 +1,3 @@ require('./src/components-build')() require('./src/table-of-styles-build')() -require('./src/home-build')() +require('./src/home-and-custom-build')() diff --git a/components/index.html b/components/index.html index 8d577e41c..6a11b6991 100644 --- a/components/index.html +++ b/components/index.html @@ -33,6 +33,9 @@ class="f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib"> Components + + Custom Build GitHub diff --git a/docs/table-of-styles/index.html b/docs/table-of-styles/index.html index 91825e957..8799eea85 100644 --- a/docs/table-of-styles/index.html +++ b/docs/table-of-styles/index.html @@ -37,6 +37,9 @@ class="f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib"> Components + + Custom Build GitHub diff --git a/index.html b/index.html index 4f7ce6779..ec31d7a9c 100644 --- a/index.html +++ b/index.html @@ -35,6 +35,9 @@ class="f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib"> Components + + Custom Build GitHub @@ -198,6 +201,8 @@

needs of your product. It's just css. It isn't precious. Don't be afraid to change: class names, media queries, breakpoints, or values. + Start with a custom build.

@@ -329,7 +334,7 @@

NPM

tachyons-background-size
- v3.0.2 + v3.0.3 139 B View on GitHub
@@ -365,7 +370,7 @@

NPM

tachyons-border-style
- v3.0.1 + v3.0.2 168 B View on GitHub
@@ -383,8 +388,8 @@

NPM

tachyons-borders
- v2.0.3 - 208 B + v2.1.0 + 228 B View on GitHub
@@ -401,8 +406,8 @@

NPM

tachyons-clears
- v2.0.4 - 92 B + v2.1.0 + 187 B View on GitHub
@@ -500,8 +505,8 @@

NPM

tachyons-heights
- v4.1.0 - 234 B + v4.1.3 + 254 B View on GitHub
@@ -605,11 +610,20 @@

NPM

+
+ tachyons-skins +
+ v3.1.3 + 682 B + View on GitHub +
+
+
tachyons-spacing
- v5.0.4 - 1.7 KB + v5.0.6 + 1.71 KB View on GitHub
@@ -653,8 +667,8 @@

NPM

tachyons-typography
- v2.1.1 - 226 B + v2.2.0 + 245 B View on GitHub
diff --git a/package.json b/package.json index e28b399c4..d012877e8 100644 --- a/package.json +++ b/package.json @@ -132,6 +132,10 @@ "name": "lachlan campbell", "url": "http://lachlanjc.me", "email": "lachlan.campbell@icloud.com" + }, + { + "name": "anthony bullard", + "email": "anthony.bullard@gmail.com" } ] } diff --git a/src/home-build.js b/src/home-build.js deleted file mode 100644 index 0c314a81d..000000000 --- a/src/home-build.js +++ /dev/null @@ -1,64 +0,0 @@ -var _ = require('lodash') -var fs = require('fs') -var filesize = require('filesize') -var camelize = require('camelize') -var cssstats = require('cssstats') -var tachyonsModules = require('tachyons-modules') - -var pkgs = [] -var modulesCount = 0 - -module.exports = function () { - tachyonsModules().then(function (moduleList) { - // TODO: Missing tachyons-skins - moduleList = moduleList - moduleCount = moduleList.length - - moduleList.forEach(function (module) { - var pkg = require(module.name + '/package.json') - var css = fs.readFileSync('node_modules/' + module.name + '/css/' + module.name + '.min.css', 'utf8') - var stats = cssstats(css) - var size = filesize(stats.gzipSize) - pkgs.push({ - pkg: pkg, - stats: stats, - size: size - }) - }) - - return renderHomePage(pkgs) - }).catch(function (e) { - console.log('Home Page Build Failed:') - console.log(e) - throw e - }) -} - -function renderHomePage (modules) { - var tachyons = require('../package.json') - - var css = fs.readFileSync('./css/tachyons.css', 'utf8') - var cssMin = fs.readFileSync('./css/tachyons.min.css', 'utf8') - - var obj = cssstats(cssMin) - var size = filesize(obj.gzipSize) - - var template = fs.readFileSync('./src/templates/index.html', 'utf8') - var head = fs.readFileSync('./src/templates/head.html', 'utf8') - var siteFooter = fs.readFileSync('./src/templates/footer.html', 'utf8') - var siteHeader = fs.readFileSync('./src/templates/header.html', 'utf8') - - var tpl = _.template(template) - var html = tpl({ - size: size, - version: tachyons.version, - modulesCount: modulesCount, - siteFooter: siteFooter, - siteHeader: siteHeader, - head: head, - modules: modules - }) - - fs.writeFileSync('./index.html', html) - console.log(size) -} diff --git a/src/templates/header.html b/src/templates/header.html index a0673c22a..f36dca12a 100644 --- a/src/templates/header.html +++ b/src/templates/header.html @@ -16,6 +16,9 @@ class="f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib"> Components + + Custom Build GitHub diff --git a/src/templates/index.html b/src/templates/index.html index f90ac8877..89b0410e4 100644 --- a/src/templates/index.html +++ b/src/templates/index.html @@ -165,6 +165,8 @@

needs of your product. It's just css. It isn't precious. Don't be afraid to change: class names, media queries, breakpoints, or values. + Start with a custom build.

From f1cbf9d96e21e2cf129f5393217d3e0679e0241d Mon Sep 17 00:00:00 2001 From: Anthony Bullard Date: Sat, 9 Apr 2016 14:45:50 -0700 Subject: [PATCH 2/3] Custom Build v1 --- custom/index.html | 575 +++++++++++++++++++++++++++++++++++ custom/modules.json | 1 + js/custom.js | 106 +++++++ src/home-and-custom-build.js | 82 +++++ src/templates/custom.html | 61 ++++ 5 files changed, 825 insertions(+) create mode 100644 custom/index.html create mode 100644 custom/modules.json create mode 100644 js/custom.js create mode 100644 src/home-and-custom-build.js create mode 100644 src/templates/custom.html diff --git a/custom/index.html b/custom/index.html new file mode 100644 index 000000000..a94c54f8a --- /dev/null +++ b/custom/index.html @@ -0,0 +1,575 @@ + + + + + TACHYONS - Custom Build + + + + + + + + + + + +
+
+ + Tachyons +
+ v4.0.0-beta.16 +
+ +
+ +
+ + +
+
+
+
+

Select the Modules You Need

+

+ The main tachyons repo is just a group of of encapsulated css modules available on npm and github. + You can grab the entire toolkit, or just a few selected modules. + Mix and match them to suit your project's specific needs. Since tachyons modules are very focused on doing one thing well, + most of them are extremely small (well under a kilobyte) so you + can start using some or all of them without adding bloat to your css. +

+
+
+ +
+ tachyons-background-size +
+ v3.0.3 + 139 B +
+
+ +
+ tachyons-base +
+ v1.2.3 + 44 B +
+
+ +
+ tachyons-border-colors +
+ v4.0.5 + 297 B +
+
+ +
+ tachyons-border-radius +
+ v3.1.0 + 191 B +
+
+ +
+ tachyons-border-style +
+ v3.0.2 + 168 B +
+
+ +
+ tachyons-border-widths +
+ v2.0.2 + 185 B +
+
+ +
+ tachyons-borders +
+ v2.1.0 + 228 B +
+
+ +
+ tachyons-box-sizing +
+ v3.1.1 + 156 B +
+
+ +
+ tachyons-clears +
+ v2.1.0 + 187 B +
+
+ +
+ tachyons-colors +
+ v5.1.2 + 22 B +
+
+ +
+ tachyons-coordinates +
+ v2.2.0 + 426 B +
+
+ +
+ tachyons-debug +
+ v1.1.2 + 902 B +
+
+ +
+ tachyons-display +
+ v3.0.3 + 238 B +
+
+ +
+ tachyons-display-verbose +
+ v1.0.0 + 257 B +
+
+ +
+ tachyons-floats +
+ v2.0.4 + 175 B +
+
+ +
+ tachyons-font-family +
+ v4.1.1 + 232 B +
+
+ +
+ tachyons-font-style +
+ v3.0.1 + 132 B +
+
+ +
+ tachyons-font-weight +
+ v4.0.3 + 246 B +
+
+ +
+ tachyons-forms +
+ v2.0.1 + 94 B +
+
+ +
+ tachyons-heights +
+ v4.1.3 + 254 B +
+
+ +
+ tachyons-hovers +
+ v2.0.5 + 149 B +
+
+ +
+ tachyons-images +
+ v1.0.3 + 41 B +
+
+ +
+ tachyons-letter-spacing +
+ v2.1.2 + 162 B +
+
+ +
+ tachyons-line-height +
+ v2.0.4 + 151 B +
+
+ +
+ tachyons-links +
+ v3.0.1 + 111 B +
+
+ +
+ tachyons-lists +
+ v2.0.4 + 46 B +
+
+ +
+ tachyons-max-widths +
+ v3.1.1 + 245 B +
+
+ +
+ tachyons-opacity +
+ v1.0.0 + 103 B +
+
+ +
+ tachyons-outlines +
+ v1.0.0 + 155 B +
+
+ +
+ tachyons-overflow +
+ v3.0.1 + 300 B +
+
+ +
+ tachyons-position +
+ v5.0.1 + 169 B +
+
+ +
+ tachyons-skins +
+ v3.1.3 + 682 B +
+
+ +
+ tachyons-spacing +
+ v5.0.6 + 1.71 KB +
+
+ +
+ tachyons-text-align +
+ v2.0.4 + 146 B +
+
+ +
+ tachyons-text-decoration +
+ v3.1.1 + 162 B +
+
+ +
+ tachyons-text-transform +
+ v3.0.5 + 174 B +
+
+ +
+ tachyons-type-scale +
+ v5.0.3 + 243 B +
+
+ +
+ tachyons-typography +
+ v2.2.0 + 245 B +
+
+ +
+ tachyons-utilities +
+ v1.2.1 + 201 B +
+
+ +
+ tachyons-vertical-align +
+ v2.0.3 + 242 B +
+
+ +
+ tachyons-visibility +
+ v1.0.4 + 156 B +
+
+ +
+ tachyons-white-space +
+ v2.0.3 + 154 B +
+
+ +
+ tachyons-widths +
+ v4.0.2 + 318 B +
+
+ +
+ tachyons-word-break +
+ v1.0.1 + 160 B +
+
+ + + +
+
+ + Right click here and select Save As... + +
+
+ + + + + + + + + diff --git a/custom/modules.json b/custom/modules.json new file mode 100644 index 000000000..9f572b480 --- /dev/null +++ b/custom/modules.json @@ -0,0 +1 @@ +[{"name":"tachyons-background-size","version":"3.0.3","size":"139 B"},{"name":"tachyons-base","version":"1.2.3","size":"44 B"},{"name":"tachyons-border-colors","version":"4.0.5","size":"297 B"},{"name":"tachyons-border-radius","version":"3.1.0","size":"191 B"},{"name":"tachyons-border-style","version":"3.0.2","size":"168 B"},{"name":"tachyons-border-widths","version":"2.0.2","size":"185 B"},{"name":"tachyons-borders","version":"2.1.0","size":"228 B"},{"name":"tachyons-box-sizing","version":"3.1.1","size":"156 B"},{"name":"tachyons-clears","version":"2.1.0","size":"187 B"},{"name":"tachyons-colors","version":"5.1.2","size":"22 B"},{"name":"tachyons-coordinates","version":"2.2.0","size":"426 B"},{"name":"tachyons-debug","version":"1.1.2","size":"902 B"},{"name":"tachyons-display","version":"3.0.3","size":"238 B"},{"name":"tachyons-display-verbose","version":"1.0.0","size":"257 B"},{"name":"tachyons-floats","version":"2.0.4","size":"175 B"},{"name":"tachyons-font-family","version":"4.1.1","size":"232 B"},{"name":"tachyons-font-style","version":"3.0.1","size":"132 B"},{"name":"tachyons-font-weight","version":"4.0.3","size":"246 B"},{"name":"tachyons-forms","version":"2.0.1","size":"94 B"},{"name":"tachyons-heights","version":"4.1.3","size":"254 B"},{"name":"tachyons-hovers","version":"2.0.5","size":"149 B"},{"name":"tachyons-images","version":"1.0.3","size":"41 B"},{"name":"tachyons-letter-spacing","version":"2.1.2","size":"162 B"},{"name":"tachyons-line-height","version":"2.0.4","size":"151 B"},{"name":"tachyons-links","version":"3.0.1","size":"111 B"},{"name":"tachyons-lists","version":"2.0.4","size":"46 B"},{"name":"tachyons-max-widths","version":"3.1.1","size":"245 B"},{"name":"tachyons-opacity","version":"1.0.0","size":"103 B"},{"name":"tachyons-outlines","version":"1.0.0","size":"155 B"},{"name":"tachyons-overflow","version":"3.0.1","size":"300 B"},{"name":"tachyons-position","version":"5.0.1","size":"169 B"},{"name":"tachyons-skins","version":"3.1.3","size":"682 B"},{"name":"tachyons-spacing","version":"5.0.6","size":"1.71 KB"},{"name":"tachyons-text-align","version":"2.0.4","size":"146 B"},{"name":"tachyons-text-decoration","version":"3.1.1","size":"162 B"},{"name":"tachyons-text-transform","version":"3.0.5","size":"174 B"},{"name":"tachyons-type-scale","version":"5.0.3","size":"243 B"},{"name":"tachyons-typography","version":"2.2.0","size":"245 B"},{"name":"tachyons-utilities","version":"1.2.1","size":"201 B"},{"name":"tachyons-vertical-align","version":"2.0.3","size":"242 B"},{"name":"tachyons-visibility","version":"1.0.4","size":"156 B"},{"name":"tachyons-white-space","version":"2.0.3","size":"154 B"},{"name":"tachyons-widths","version":"4.0.2","size":"318 B"},{"name":"tachyons-word-break","version":"1.0.1","size":"160 B"}] \ No newline at end of file diff --git a/js/custom.js b/js/custom.js new file mode 100644 index 000000000..31b8abf96 --- /dev/null +++ b/js/custom.js @@ -0,0 +1,106 @@ +'use strict'; +(function () { + var selectedModules = {}; + var showSubmit = true; + var showDownload = false; + var showReset = false; + var buildUrl; + + var toggleClass = function (el, class_) { + if(el.hasClass(class_)){ + el.removeClass(class_) + } + else { + el.addClass(class_) + } + } + + var pkgClickHandler = function (evt) { + evt.preventDefault(); + var el = $(evt.target) + var name = el.attr('data-package') + if(selectedModules[name]) { + selectedModules[name] = undefined + if(_.pairs(selectedModules).length === 0) { + showReset = false + } + } else { + var css = el.attr('data-css') + selectedModules[name] = css + showReset = true + } + updateView() + } + + var submitClickHandler = function (evt) { + var file = _.reduce(selectedModules, function (file, module) { + file += module + return file + }, '') + + buildUrl = URL.createObjectURL(new Blob([file], {type: 'text/css'})) + showDownload = true; + updateView() + } + + var resetClickHandler = function (evt) { + selectedModules = {} + showSubmit = true + showDownload = false + showReset = false + updateView() + } + + var applyConditionalClass = function (el, condition, class_) { + if((condition && !el.hasClass(class_)) || + (!condition && el.hasClass(class_))) { + toggleClass(el, class_) + } + } + + var updateView = function() { + var pkgs = $('.pkg') + var download = $('.download') + var submit = $('.submit') + var reset = $('.reset') + + var numModules = _.pairs(selectedModules).length + if(numModules === 0) { + pkgs.each(function(p) { + var pkg = $(p) + pkg.parent().removeClass('o-40') + }) + submit.text('Select Modules To Build') + submit.attr('disabled', true) + } else { + pkgs.each(function(p) { + var pkg = $(p) + applyConditionalClass(pkg.parent(), selectedModules[pkg.attr('data-package')], 'o-40'); + }) + submit.text('Build ' + numModules + ' Modules') + submit.removeAttr('disabled') + } + + applyConditionalClass(submit, showSubmit, 'db') + applyConditionalClass(submit, !showSubmit, 'dn') + + applyConditionalClass(download, showDownload, 'db') + applyConditionalClass(download, !showDownload, 'dn') + + applyConditionalClass(reset, showReset, 'db') + applyConditionalClass(reset, !showReset, 'dn') + + if(showDownload) { + download.attr('href', buildUrl) + } + } + + $('.reset').on('click', resetClickHandler) + + $('.pkg').each(function(v) { + $(v).on('click', pkgClickHandler) + }) + + $('.submit').on('click', submitClickHandler) + +})() diff --git a/src/home-and-custom-build.js b/src/home-and-custom-build.js new file mode 100644 index 000000000..cfcb9dec9 --- /dev/null +++ b/src/home-and-custom-build.js @@ -0,0 +1,82 @@ +var _ = require('lodash') +var fs = require('fs') +var filesize = require('filesize') +var camelize = require('camelize') +var cssstats = require('cssstats') +var tachyonsModules = require('tachyons-modules') + + +module.exports = function () { + var homePagePkgs = [] + var customBuildPkgs = [] + var modulesCount = 0 + tachyonsModules().then(function (moduleList) { + // TODO: Missing tachyons-skins + moduleList = moduleList + + moduleList.forEach(function (module) { + var pkg = require(module.name + '/package.json') + var css = fs.readFileSync('node_modules/' + module.name + '/css/' + module.name + '.min.css', 'utf8') + var stats = cssstats(css) + var size = filesize(stats.gzipSize) + homePagePkgs.push({ + pkg: pkg, + stats: stats, + size: size + }) + + customBuildPkgs.push({ + name: pkg.name, + version: pkg.version, + size: size, + css: css + }) + }) + + return render(homePagePkgs, customBuildPkgs, moduleList.length) + }).catch(function (e) { + console.log('Rendering Failed:') + console.log(e) + throw e + }) +} + +function render (indexModules, customModules, modulesCount) { + var tachyons = require('../package.json') + + var css = fs.readFileSync('./css/tachyons.css', 'utf8') + var cssMin = fs.readFileSync('./css/tachyons.min.css', 'utf8') + + var obj = cssstats(cssMin) + var size = filesize(obj.gzipSize) + + var template = fs.readFileSync('./src/templates/index.html', 'utf8') + var head = fs.readFileSync('./src/templates/head.html', 'utf8') + var siteFooter = fs.readFileSync('./src/templates/footer.html', 'utf8') + var siteHeader = fs.readFileSync('./src/templates/header.html', 'utf8') + var custom = fs.readFileSync('./src/templates/custom.html', 'utf8') + + var tpl = _.template(template) + var index = tpl({ + size: size, + version: tachyons.version, + modulesCount: modulesCount, + siteFooter: siteFooter, + siteHeader: siteHeader, + head: head, + modules: indexModules + }) + + var custom_tpl = _.template(custom) + var custom_build = custom_tpl({ + siteFooter: siteFooter, + siteHeader: siteHeader, + head: head, + modules: customModules + }) + + + fs.writeFileSync('./index.html', index) + fs.writeFileSync('./custom/index.html', custom_build) + console.log(size) +} diff --git a/src/templates/custom.html b/src/templates/custom.html new file mode 100644 index 000000000..5ba2faa10 --- /dev/null +++ b/src/templates/custom.html @@ -0,0 +1,61 @@ + + + + + TACHYONS - Custom Build + + + <%= head %> + + + <%= siteHeader %> + +
+
+
+
+

Select the Modules You Need

+

+ The main tachyons repo is just a group of of encapsulated css modules available on npm and github. + You can grab the entire toolkit, or just a few selected modules. + Mix and match them to suit your project's specific needs. Since tachyons modules are very focused on doing one thing well, + most of them are extremely small (well under a kilobyte) so you + can start using some or all of them without adding bloat to your css. +

+
+
+ <% modules.map(renderModule) %> + + <% function renderModule (module) { %> +
+ <%= module.name %> +
+ v<%= module.version %> + <%= module.size %> +
+
+ <% } %> +
+
+ + Right click here and select Save As... + +
+
+ <%= siteFooter %> + + + + + + + From 775b196001e5be1e648791474f8339a9580a795f Mon Sep 17 00:00:00 2001 From: mrmrs Date: Wed, 20 Apr 2016 21:54:03 +0100 Subject: [PATCH 3/3] First pass at designing custom build page. --- components/index.html | 5 +- custom/index.html | 655 ++++++++++++++++++-------------- docs/table-of-styles/index.html | 5 +- index.html | 33 +- js/custom.js | 11 +- src/templates/custom.html | 46 ++- src/templates/header.html | 5 +- 7 files changed, 434 insertions(+), 326 deletions(-) diff --git a/components/index.html b/components/index.html index 6a11b6991..ef0e34a5e 100644 --- a/components/index.html +++ b/components/index.html @@ -33,9 +33,10 @@ class="f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib"> Components - - Custom Build + Customizer + GitHub diff --git a/custom/index.html b/custom/index.html index a94c54f8a..48e6e737f 100644 --- a/custom/index.html +++ b/custom/index.html @@ -2,7 +2,7 @@ - TACHYONS - Custom Build + TACHYONS - Customizer @@ -15,6 +15,12 @@ .bg-blue { background-color: #0074D9; } +
@@ -35,9 +41,10 @@ class="f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib"> Components - - Custom Build + Customizer + GitHub @@ -45,469 +52,557 @@
-
-
+
-

Select the Modules You Need

-

- The main tachyons repo is just a group of of encapsulated css modules available on npm and github. - You can grab the entire toolkit, or just a few selected modules. - Mix and match them to suit your project's specific needs. Since tachyons modules are very focused on doing one thing well, - most of them are extremely small (well under a kilobyte) so you - can start using some or all of them without adding bloat to your css. +

Tachyons Customizer

+

+ Select what you need. Leave the rest.

- tachyons-background-size -
- v3.0.3 - 139 B -
+"> + tachyons-background-size + v3.0.2 +
- tachyons-base -
- v1.2.3 - 44 B -
+"> + tachyons-base + v1.2.3 +
- tachyons-border-colors -
- v4.0.5 - 297 B -
+"> + tachyons-border-colors + v4.0.5 +
- tachyons-border-radius -
- v3.1.0 - 191 B -
+"> + tachyons-border-radius + v3.1.0 +
- tachyons-border-style -
- v3.0.2 - 168 B -
+"> + tachyons-border-style + v3.0.1 +
- tachyons-border-widths -
- v2.0.2 - 185 B -
+"> + tachyons-border-widths + v2.0.2 +
- tachyons-borders -
- v2.1.0 - 228 B -
+"> + tachyons-borders + v2.0.3 +
- tachyons-box-sizing -
- v3.1.1 - 156 B -
+"> + tachyons-box-sizing + v3.1.1 +
- tachyons-clears -
- v2.1.0 - 187 B -
+"> + tachyons-clears + v2.0.4 +
- tachyons-colors -
- v5.1.2 - 22 B -
+"> + tachyons-colors + v5.1.2 +
- tachyons-coordinates -
- v2.2.0 - 426 B -
+"> + tachyons-coordinates + v2.2.0 +
- tachyons-debug -
- v1.1.2 - 902 B -
+"> + tachyons-debug + v1.1.2 +
- tachyons-display -
- v3.0.3 - 238 B -
+"> + tachyons-display + v3.0.3 +
- tachyons-display-verbose -
- v1.0.0 - 257 B -
+"> + tachyons-display-verbose + v1.0.0 +
- tachyons-floats -
- v2.0.4 - 175 B -
+"> + tachyons-floats + v2.0.4 +
- tachyons-font-family -
- v4.1.1 - 232 B -
+"> + tachyons-font-family + v4.1.1 +
- tachyons-font-style -
- v3.0.1 - 132 B -
+"> + tachyons-font-style + v3.0.1 +
- tachyons-font-weight -
- v4.0.3 - 246 B -
+"> + tachyons-font-weight + v4.0.3 +
- tachyons-forms -
- v2.0.1 - 94 B -
+"> + tachyons-forms + v2.0.1 +
- tachyons-heights -
- v4.1.3 - 254 B -
+"> + tachyons-heights + v4.1.0 +
- tachyons-hovers -
- v2.0.5 - 149 B -
+"> + tachyons-hovers + v2.0.5 +
- tachyons-images -
- v1.0.3 - 41 B -
+"> + tachyons-images + v1.0.3 +
- tachyons-letter-spacing -
- v2.1.2 - 162 B -
+"> + tachyons-letter-spacing + v2.1.2 +
- tachyons-line-height -
- v2.0.4 - 151 B -
+"> + tachyons-line-height + v2.0.4 +
- tachyons-links -
- v3.0.1 - 111 B -
+"> + tachyons-links + v3.0.1 +
- tachyons-lists -
- v2.0.4 - 46 B -
+"> + tachyons-lists + v2.0.4 +
- tachyons-max-widths -
- v3.1.1 - 245 B -
+"> + tachyons-max-widths + v3.1.1 +
- tachyons-opacity -
- v1.0.0 - 103 B -
+"> + tachyons-opacity + v1.0.0 +
- tachyons-outlines -
- v1.0.0 - 155 B -
+"> + tachyons-outlines + v1.0.0 +
- tachyons-overflow -
- v3.0.1 - 300 B -
+"> + tachyons-overflow + v3.0.1 +
- tachyons-position -
- v5.0.1 - 169 B -
+"> + tachyons-position + v5.0.1 +
- tachyons-skins -
- v3.1.3 - 682 B -
+"> + tachyons-skins + v3.1.1 +
- tachyons-spacing -
- v5.0.6 - 1.71 KB -
+"> + tachyons-spacing + v5.0.4 +
- tachyons-text-align -
- v2.0.4 - 146 B -
+"> + tachyons-text-align + v2.0.4 +
- tachyons-text-decoration -
- v3.1.1 - 162 B -
+"> + tachyons-text-decoration + v3.1.1 +
- tachyons-text-transform -
- v3.0.5 - 174 B -
+"> + tachyons-text-transform + v3.0.5 +
- tachyons-type-scale -
- v5.0.3 - 243 B -
+"> + tachyons-type-scale + v5.0.3 +
- tachyons-typography -
- v2.2.0 - 245 B -
+"> + tachyons-typography + v2.1.1 +
- tachyons-utilities -
- v1.2.1 - 201 B -
+"> + tachyons-utilities + v1.2.1 +
- tachyons-vertical-align -
- v2.0.3 - 242 B -
+"> + tachyons-vertical-align + v2.0.3 +
- tachyons-visibility -
- v1.0.4 - 156 B -
+"> + tachyons-visibility + v1.0.4 +
- tachyons-white-space -
- v2.0.3 - 154 B -
+"> + tachyons-white-space + v2.0.3 +
- tachyons-widths -
- v4.0.2 - 318 B -
+"> + tachyons-widths + v4.0.2 +
- tachyons-word-break -
- v1.0.1 - 160 B -
+"> + tachyons-word-break + v1.0.1 +
-
- - Right click here and select Save As... - +
+ + + Download + +
+