diff --git a/bower.json b/bower.json
index 78a9b3a14..d60d1e3f0 100644
--- a/bower.json
+++ b/bower.json
@@ -1,7 +1,7 @@
{
"name": "tachyons",
"description": "Functional CSS for humans",
- "main": "css/tachyons.min.css",
+ "main": "css/tachyons.css",
"authors": [
"mrmrs"
],
diff --git a/build/index.js b/build/index.js
new file mode 100644
index 000000000..8a5086761
--- /dev/null
+++ b/build/index.js
@@ -0,0 +1,31 @@
+const fs = require('fs')
+const globby = require('globby')
+const stripComments = require('strip-css-comments')
+
+const pattern = [
+ 'src/**/*.css',
+ '!src/tachyons.css',
+ '!src/_debug-children.css',
+ '!src/_debug-grid.css',
+ '!src/_nested.css',
+ '!src/_normalize.css',
+ '!src/_media-queries.css',
+ '!src/_module-template.css'
+]
+
+const mq = stripComments(fs.readFileSync('src/_media-queries.css', 'utf8'))
+
+globby(pattern)
+ .then(paths => paths.forEach(processPackage))
+ .catch(console.error)
+
+const processPackage = path => {
+ const name = path.replace('src/_', '').replace('.css', '')
+ let css = fs.readFileSync(path, 'utf8')
+
+ if (/@media/.test(css)) {
+ css = `${mq}${css}`
+ }
+
+ fs.writeFileSync(`packages/tachyons-${name}/src/tachyons-${name}.css`, css)
+}
diff --git a/changelog.md b/changelog.md
new file mode 100644
index 000000000..797a31225
--- /dev/null
+++ b/changelog.md
@@ -0,0 +1,189 @@
+# Tachyons Changelog
+
+### 5.0.0
+
+First and foremost, we've introduced an official changelog for v5 of Tachyons.
+We want to ensure that anyone can quickly check out what's changed for each version.
+Especially because, as we all know, semver for css is nebulous at best.
+
+##### Breaking changes
+
+- Remove `ns` mq
+
+TODO: Thorough description as to how this change will affect users.
+
+##### Other changes
+
+The majority of changes for v5 are changing how things work behind the scenes.
+We've sought out automating everything that can be possibly automated.
+With a project as ambitious as Tachyons is, having to manually update, version and deploy became quite a chore.
+
+Now its `npm run` :tada:.
+
+- Monorepo build process
+- `npm run pkg` - to update css for all modules
+- Automatic git updates to modules via CI
+- Tests for all packages, including linting and rendering
+- All the docs
+- Better build scripts
+
+### 4.2.1
+
+#### Comments: There is no substitute
+
+
+
+This patch fixes a small bug in class naming and also adds comments to the css partials in the src/ directory.
+
+After making another pass through the source code I was horrified to find how many glaring inconsistencies there were in the code comments for each module. Especially regarding naming systems. It never ceases to amaze me how bad past me is at writing code.
+
+In an effort to not have poorly documented code I woke up this morning, made some coffee, and tried to make the comments more clear and more consistent. They aren't perfect yet. But
+ they are less glaringly awful. I hope.
+
+### Bug fix
+
+
+There were two different classes called striped--moon-gray which is very silly because they were set to different values. So that has been fixed. No more duplicative classes and the class striped--light-gray has been added in as originally intended.
+
+### 4.3 news
+Next up I'll be adding some more table striping utilities along with some additional aspect ratios used for fluid embeds.
+
+Cheers.
+
+### 4.2.0
+
+#### High Times
+
+
+
+Without a doubt this is my favorite release ever. We fixed a couple of bugs and also
+added some new goodness.
+
+## Additions
+
+#####_debug-grid.css
+Added some classes to help enable lining things up. If you place the ```.grid-debug``` class on an element you'll get an 8px grid on the background with a slightly transparent blue line. To get a 16px grid use the class ```.grid-debug-16```
+
+##### 8px grid
+
+
+##### 16px grid
+
+
+#### vh units
+Added some classes for setting the height of the element based off of the screen height as opposed to the height of the parent. You can now use vh-100, vh-75, vh-50, or vh-25 to set the height of an element to 100, 75, 50, or 25% of the screen height. Shout out to @yoshuawuyts for the recommendation.
+
+#### outlines
+You can now place a 1px outline on an element with the ```class="outline"``` it will be set to the currentColor of the element.
+
+#### line-height
+Made some slight tweaks to line-height values. ```lh-copy``` is now set to 1.5 and ```lh-title``` is set to 1.25. This will hopefully help people worried about baseline grids a little bit.
+
+#### pill shaped links / buttons
+Added a class called br-pill that makes things look like pills with a border-radius of 9999px. Shout out to @matthewmueller for getting this in.
+
+
+
+
+## Bug Fixes
+
+
+#### Animation fix
+The .glow class was not animating properly. This has been fixed.
+
+
+#### Filename consistency
+Renamed _debug_children.css to _debug-children.css to follow the naming pattern of the other partials
+
+##### Until next time
+I think that is about it. Thanks to everyone who has given feedback and helped out with docs fixes. It's all really helpful.
+
+### 4.1.3
+
+## They're back
+
+
+
+We accidentally were not including the images partial or the z-index partial in the main build.
+The 4.1.3 fixes this 100% completely embarrassing mistake by including them back in.
+
+If you use the CDN link you can find the new version at
+```
+https://npmcdn.com/tachyons@4.1.3/css/tachyons.min.css
+```
+
+### 4.1.1
+
+##### More Simple. Fewer Dependencies.
+
+Originally tachyons was a monolithic repo. Eventually along the way I started splitting things up onto NPM as when I went to work at other places sometimes I would only need a handful of modules and if a clients build system allowed for it I could just grab them quickly from npm and add them to the outputted css. I was separately maintaining publishing the mono repo and the modules though.
+
+When @johnotander and I started working on v4 one of the things we talked about was having a single source of truth and making it easier to keep everything in sync. So we would install through npm and then copy files over to source. This then caused a new problem, each module needed to be fully encapsulated - so when we would copy them from node_modules to src - we left in a lot of duplicated variables and custom media props. As Tachyons is all about immutability - this seems not the best :)
+
+In practice this caused us to have a bug where the custom media props in our npm modules were being overridden somewhere and this was largely invisible to everyone.
+
+So in the interest of simplicity, we've removed all the tachyons modules as dependencies and have removed the function of copying over the modules from the node_modules directory. Instead we'll just maintain this as an encapsulated project. I think it's more simple this way and I don't think the added complexity was worth keeping the npm copy function around for this version of the project.
+
+###### TL;DR THE BIG CHANGES
+
+* We've removed all the duplicate variable and custom-media-prop declarations.
+* We removed tachyons modules as dev dependencies
+
+Note: Nothing has changed in the outputted css besides some comments. As no new features were added, this is really just a patch to fix a bug.
+
+
+
+### 4.1.0
+
+
+
+
+Since we launched v4 we've had a number of small bug fixes and a few slight additions to some modules.
+Largely things are still the same but there are a couple of new things to play with.
+
+* The flex box module now supports ```display: inline-flex``` and ```flex-direction: row```
+* Hovers now includes a shadow on hover
+* Hover module now duplicates all hover styles for focus as well #a11y
+* There was a file in src called _gradients.css that should not have been there so it was deleted. It wasn't compiled into the css so you shouldn't notice any changes.
+* License has changed to ISC
+* Removed duplicate flexbox dependency declaration in package.json
+* Updated comments in flex box module because apparently I forgot to add notes on the media query extensions
+
+More to come soon. We've started working on v5 which won't be too much of a big change. The breaking part is that we are changing media queries. Right now -ns covers both the -m and -l range. -m is a scoped media query that cuts off when large kicks in. We're going to change it so that there aren't any max-widths in the media queries at all and everything will be completely min-width based. It's the difference between:
+
+v4
+```
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+```
+
+v5
+```
+@custom-media --breakpoint-medium screen and (min-width: 30em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+```
+
+We're also going to remove the copy from npm to src functionality in the mono repo. We'll still keep all the modules on npm individually, but we'll just manage this as it's own package. After some user testing / observation / feedback / and dogfooding - we're going to try and make this even more stripped back in simple in regards to the infrastructure. v5 won't likely include any fancy new features. Just some refined goodness as we continue to learn. We'll keep you updated.
+
+Cheers,
+
+@mrmrs & @johnotander
+
+### 4.0.0
+
+##### v4 is official
+
+
+
+After a lot of fun chats and hard work with @johnotander - we're excited to pull tachyons out of beta and officially release v4.
+
+A few notable changes:
+- Reintroduces colors
+- Flexbox support
+- More typographic utilities
+- Some changes to class names
+
+### Pre 4.0.0
+
+TODO
diff --git a/css/tachyons.css b/css/tachyons.css
index 198109150..10ad50885 100644
--- a/css/tachyons.css
+++ b/css/tachyons.css
@@ -1,4 +1,4 @@
-/* TACHYONS v4.2.1 | http://github.com/tachyons-css/tachyons */
+/*! TACHYONS v4.7.3 | http://tachyons.io */
/*
*
* ________ ______
@@ -22,47 +22,52 @@
*
*/
/* External Library Includes */
-/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+/* Document
+ ========================================================================== */
/**
- * 1. Change the default font family in all browsers (opinionated).
- * 2. Correct the line height in all browsers.
- * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
*/
-html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ }
+html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
+/* Sections
+ ========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body { margin: 0; }
-/* HTML5 display definitions
- ========================================================================== */
/**
* Add the correct display in IE 9-.
- * 1. Add the correct display in Edge, IE, and Firefox.
- * 2. Add the correct display in IE.
*/
-article, aside, details, /* 1 */
-figcaption, figure, footer, header, main,
-/* 2 */
-menu, nav, section, summary {/* 1 */ display: block; }
+article, aside, footer, header, nav, section { display: block; }
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 { font-size: 2em; margin: .67em 0; }
+/* Grouping content
+ ========================================================================== */
/**
* Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
*/
-audio, canvas, progress, video { display: inline-block; }
+figcaption, figure, main {/* 1 */ display: block; }
/**
- * Add the correct display in iOS 4-7.
+ * Add the correct margin in IE 8.
*/
-audio:not([controls]) { display: none; height: 0; }
+figure { margin: 1em 40px; }
/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
*/
-progress { vertical-align: baseline; }
+hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
/**
- * Add the correct display in IE 10-.
- * 1. Add the correct display in IE.
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
*/
-template, /* 1 */
-[hidden] { display: none; }
-/* Links
+pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
+/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
@@ -70,14 +75,7 @@ template, /* 1 */
*/
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }
/**
- * Remove the outline on focused links when they are also active or hovered
- * in all browsers (opinionated).
- */
-a:active, a:hover { outline-width: 0; }
-/* Text-level semantics
- ========================================================================== */
-/**
- * 1. Remove the bottom border in Firefox 39-.
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }
@@ -90,14 +88,14 @@ b, strong { font-weight: inherit; }
*/
b, strong { font-weight: bolder; }
/**
- * Add the correct font style in Android 4.3-.
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
*/
-dfn { font-style: italic; }
+code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
+ * Add the correct font style in Android 4.3-.
*/
-h1 { font-size: 2em; margin: 0.67em 0; }
+dfn { font-style: italic; }
/**
* Add the correct background and color in IE 9-.
*/
@@ -116,40 +114,28 @@ sup { top: -0.5em; }
/* Embedded content
========================================================================== */
/**
- * Remove the border on images inside links in IE 10-.
- */
-img { border-style: none; }
-/**
- * Hide the overflow in IE.
+ * Add the correct display in IE 9-.
*/
-svg:not(:root) { overflow: hidden; }
-/* Grouping content
- ========================================================================== */
+audio, video { display: inline-block; }
/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
+ * Add the correct display in iOS 4-7.
*/
-code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
+audio:not([controls]) { display: none; height: 0; }
/**
- * Add the correct margin in IE 8.
+ * Remove the border on images inside links in IE 10-.
*/
-figure { margin: 1em 40px; }
+img { border-style: none; }
/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
+ * Hide the overflow in IE.
*/
-hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
+svg:not(:root) { overflow: hidden; }
/* Forms
========================================================================== */
/**
- * 1. Change font properties to `inherit` in all browsers (opinionated).
+ * 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
-button, input, optgroup, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }
-/**
- * Restore the font weight unset by the previous rule.
- */
-optgroup { font-weight: bold; }
+button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
@@ -178,9 +164,9 @@ button::-moz-focus-inner, [type="button"]::-moz-focus-inner,
button:-moz-focusring, [type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
/**
- * Change the border, margin, and padding in all browsers (opinionated).
+ * Correct the padding in Firefox.
*/
-fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
+fieldset { padding: .35em .75em .625em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
@@ -188,6 +174,11 @@ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.7
* `fieldset` elements in all browsers.
*/
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
/**
* Remove the default vertical scrollbar in IE.
*/
@@ -208,30 +199,87 @@ textarea { overflow: auto; }
*/
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
/**
- * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
-/**
- * Correct the text style of placeholders in Chrome, Edge, and Safari.
- */
-::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
+/* Interactive
+ ========================================================================== */
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+details, /* 1 */
+menu { display: block; }
+/*
+ * Add the correct display in all browsers.
+ */
+summary { display: list-item; }
+/* Scripting
+ ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ */
+canvas { display: inline-block; }
+/**
+ * Add the correct display in IE.
+ */
+template { display: none; }
+/* Hidden
+ ========================================================================== */
+/**
+ * Add the correct display in IE 10-.
+ */
+[hidden] { display: none; }
/* Modules */
/*
- Box Sizing
+
+ BOX SIZING
+
*/
-html, body, div, article, section, main, footer, header, form, fieldset, pre,
-code, p, ul, ol, li, dl, dt, dd, textarea, input[type="email"],
-input[type="number"], input[type="password"], input[type="tel"],
-input[type="text"], input[type="url"], .border-box { box-sizing: border-box; }
+html, body, div, article, section, main, footer, header, form, fieldset, legend,
+pre, code, a, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, textarea, table,
+td, th, tr, input[type="email"], input[type="number"], input[type="password"],
+input[type="tel"], input[type="text"], input[type="url"], .border-box { box-sizing: border-box; }
+/*
+
+ ASPECT RATIOS
+
+*/
+/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
+ * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
+ * Make sure there are no height and width attributes on the embedded media.
+ * Adapted from: https://github.com/suitcss/components-flex-embed
+ *
+ * Example:
+ *
+ *
+ *
+ * */
+
+.aspect-ratio {
+ height: 0;
+ position: relative;
+}
+
+.aspect-ratio--16x9 { padding-bottom: 56.25%; }
+.aspect-ratio--9x16 { padding-bottom: 177.77%; }
+
+.aspect-ratio--4x3 { padding-bottom: 75%; }
+.aspect-ratio--3x4 { padding-bottom: 133.33%; }
+
+.aspect-ratio--6x4 { padding-bottom: 66.6%; }
+.aspect-ratio--4x6 { padding-bottom: 150%; }
+
+.aspect-ratio--8x5 { padding-bottom: 62.5%; }
+.aspect-ratio--5x8 { padding-bottom: 160%; }
+
+.aspect-ratio--7x5 { padding-bottom: 71.42%; }
+.aspect-ratio--5x7 { padding-bottom: 140%; }
+
+.aspect-ratio--1x1 { padding-bottom: 100%; }
+
+.aspect-ratio--object {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 100;
+}
+
+@media (--breakpoint-not-small){
+ .aspect-ratio-ns {
+ height: 0;
+ position: relative;
+ }
+ .aspect-ratio--16x9-ns { padding-bottom: 56.25%; }
+ .aspect-ratio--9x16-ns { padding-bottom: 177.77%; }
+ .aspect-ratio--4x3-ns { padding-bottom: 75%; }
+ .aspect-ratio--3x4-ns { padding-bottom: 133.33%; }
+ .aspect-ratio--6x4-ns { padding-bottom: 66.6%; }
+ .aspect-ratio--4x6-ns { padding-bottom: 150%; }
+ .aspect-ratio--8x5-ns { padding-bottom: 62.5%; }
+ .aspect-ratio--5x8-ns { padding-bottom: 160%; }
+ .aspect-ratio--7x5-ns { padding-bottom: 71.42%; }
+ .aspect-ratio--5x7-ns { padding-bottom: 140%; }
+ .aspect-ratio--1x1-ns { padding-bottom: 100%; }
+ .aspect-ratio--object-ns {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 100;
+ }
+}
+
+@media (--breakpoint-medium){
+ .aspect-ratio-m {
+ height: 0;
+ position: relative;
+ }
+ .aspect-ratio--16x9-m { padding-bottom: 56.25%; }
+ .aspect-ratio--9x16-m { padding-bottom: 177.77%; }
+ .aspect-ratio--4x3-m { padding-bottom: 75%; }
+ .aspect-ratio--3x4-m { padding-bottom: 133.33%; }
+ .aspect-ratio--6x4-m { padding-bottom: 66.6%; }
+ .aspect-ratio--4x6-m { padding-bottom: 150%; }
+ .aspect-ratio--8x5-m { padding-bottom: 62.5%; }
+ .aspect-ratio--5x8-m { padding-bottom: 160%; }
+ .aspect-ratio--7x5-m { padding-bottom: 71.42%; }
+ .aspect-ratio--5x7-m { padding-bottom: 140%; }
+ .aspect-ratio--1x1-m { padding-bottom: 100%; }
+ .aspect-ratio--object-m {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 100;
+ }
+}
+
+@media (--breakpoint-large){
+ .aspect-ratio-l {
+ height: 0;
+ position: relative;
+ }
+ .aspect-ratio--16x9-l { padding-bottom: 56.25%; }
+ .aspect-ratio--9x16-l { padding-bottom: 177.77%; }
+ .aspect-ratio--4x3-l { padding-bottom: 75%; }
+ .aspect-ratio--3x4-l { padding-bottom: 133.33%; }
+ .aspect-ratio--6x4-l { padding-bottom: 66.6%; }
+ .aspect-ratio--4x6-l { padding-bottom: 150%; }
+ .aspect-ratio--8x5-l { padding-bottom: 62.5%; }
+ .aspect-ratio--5x8-l { padding-bottom: 160%; }
+ .aspect-ratio--7x5-l { padding-bottom: 71.42%; }
+ .aspect-ratio--5x7-l { padding-bottom: 140%; }
+ .aspect-ratio--1x1-l { padding-bottom: 100%; }
+ .aspect-ratio--object-l {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 100;
+ }
+}
diff --git a/packages/tachyons-background-position/.gitignore b/packages/tachyons-background-position/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-background-position/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-background-position/code-of-conduct.md b/packages/tachyons-background-position/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-background-position/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-background-position/css/tachyons-background-position.css b/packages/tachyons-background-position/css/tachyons-background-position.css
new file mode 100644
index 000000000..1ee8f2abd
--- /dev/null
+++ b/packages/tachyons-background-position/css/tachyons-background-position.css
@@ -0,0 +1,47 @@
+/*
+
+ BACKGROUND POSITION
+
+ Base:
+ bg = background
+
+ Modifiers:
+ -center = center center
+ -top = top center
+ -right = center right
+ -bottom = bottom center
+ -left = center left
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+ */
+.bg-center { background-repeat: no-repeat; background-position: center center; }
+.bg-top { background-repeat: no-repeat; background-position: top center; }
+.bg-right { background-repeat: no-repeat; background-position: center right; }
+.bg-bottom { background-repeat: no-repeat; background-position: bottom center; }
+.bg-left { background-repeat: no-repeat; background-position: center left; }
+@media screen and (min-width: 30em) {
+ .bg-center-ns { background-repeat: no-repeat; background-position: center center; }
+ .bg-top-ns { background-repeat: no-repeat; background-position: top center; }
+ .bg-right-ns { background-repeat: no-repeat; background-position: center right; }
+ .bg-bottom-ns { background-repeat: no-repeat; background-position: bottom center; }
+ .bg-left-ns { background-repeat: no-repeat; background-position: center left; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .bg-center-m { background-repeat: no-repeat; background-position: center center; }
+ .bg-top-m { background-repeat: no-repeat; background-position: top center; }
+ .bg-right-m { background-repeat: no-repeat; background-position: center right; }
+ .bg-bottom-m { background-repeat: no-repeat; background-position: bottom center; }
+ .bg-left-m { background-repeat: no-repeat; background-position: center left; }
+}
+@media screen and (min-width: 60em) {
+ .bg-center-l { background-repeat: no-repeat; background-position: center center; }
+ .bg-top-l { background-repeat: no-repeat; background-position: top center; }
+ .bg-right-l { background-repeat: no-repeat; background-position: center right; }
+ .bg-bottom-l { background-repeat: no-repeat; background-position: bottom center; }
+ .bg-left-l { background-repeat: no-repeat; background-position: center left; }
+}
+
diff --git a/packages/tachyons-background-position/css/tachyons-background-position.min.css b/packages/tachyons-background-position/css/tachyons-background-position.min.css
new file mode 100644
index 000000000..16a604e76
--- /dev/null
+++ b/packages/tachyons-background-position/css/tachyons-background-position.min.css
@@ -0,0 +1,2 @@
+.bg-center{background-position:50%}.bg-center,.bg-top{background-repeat:no-repeat}.bg-top{background-position:top}.bg-right{background-position:100%}.bg-bottom,.bg-right{background-repeat:no-repeat}.bg-bottom{background-position:bottom}.bg-left{background-repeat:no-repeat;background-position:0}@media screen and (min-width:30em){.bg-center-ns{background-position:50%}.bg-center-ns,.bg-top-ns{background-repeat:no-repeat}.bg-top-ns{background-position:top}.bg-right-ns{background-position:100%}.bg-bottom-ns,.bg-right-ns{background-repeat:no-repeat}.bg-bottom-ns{background-position:bottom}.bg-left-ns{background-repeat:no-repeat;background-position:0}}@media screen and (min-width:30em) and (max-width:60em){.bg-center-m{background-position:50%}.bg-center-m,.bg-top-m{background-repeat:no-repeat}.bg-top-m{background-position:top}.bg-right-m{background-position:100%}.bg-bottom-m,.bg-right-m{background-repeat:no-repeat}.bg-bottom-m{background-position:bottom}.bg-left-m{background-repeat:no-repeat;background-position:0}}@media screen and (min-width:60em){.bg-center-l{background-position:50%}.bg-center-l,.bg-top-l{background-repeat:no-repeat}.bg-top-l{background-position:top}.bg-right-l{background-position:100%}.bg-bottom-l,.bg-right-l{background-repeat:no-repeat}.bg-bottom-l{background-position:bottom}.bg-left-l{background-repeat:no-repeat;background-position:0}}
+
diff --git a/packages/tachyons-background-position/license b/packages/tachyons-background-position/license
new file mode 100644
index 000000000..ef521899d
--- /dev/null
+++ b/packages/tachyons-background-position/license
@@ -0,0 +1,9 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 @mrmrs (mrmrs.io)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/packages/tachyons-background-position/package.json b/packages/tachyons-background-position/package.json
new file mode 100644
index 000000000..b578e8020
--- /dev/null
+++ b/packages/tachyons-background-position/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "tachyons-background-position",
+ "description": "Tachyons module for setting background position of images.",
+ "version": "1.0.3",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "style": "src/tachyons-background-position.css",
+ "files": [
+ "src",
+ "css"
+ ],
+ "keywords": [
+ "tachyons",
+ "tachyons-css",
+ "css",
+ "base"
+ ],
+ "repository": "tachyons-css/tachyons-background-position",
+ "license": "MIT",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.9",
+ "watch": "^1.0.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-background-position.css > css/tachyons-background-position.css",
+ "build:minify": "tachyons src/tachyons-background-position.css --minify > css/tachyons-background-position.min.css",
+ "build:docs": "tachyons src/tachyons-background-position.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ }
+}
diff --git a/packages/tachyons-background-position/readme.md b/packages/tachyons-background-position/readme.md
new file mode 100644
index 000000000..46f9f9847
--- /dev/null
+++ b/packages/tachyons-background-position/readme.md
@@ -0,0 +1,141 @@
+# tachyons-background-position 1.0.0
+
+Tachyons module for setting background position of images.
+
+#### Stats
+
+371 | 20 | 40
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-background-position
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-background-position
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-background-position.git
+```
+
+## Usage
+
+#### Using with [Postcss](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-background-position";
+```
+
+Then process the css using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the css
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built css is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source css files can be found in the `src` directory.
+Running `$ npm start` will process the source css and place the built css in the `css` directory.
+
+## The css
+
+```css
+/*
+
+ BACKGROUND POSITION
+
+ Base:
+ bg = background
+
+ Modifiers:
+ -center = center center
+ -top = top center
+ -right = center right
+ -bottom = bottom center
+ -left = center left
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+ */
+.bg-center { background-repeat: no-repeat; background-position: center center; }
+.bg-top { background-repeat: no-repeat; background-position: top center; }
+.bg-right { background-repeat: no-repeat; background-position: center right; }
+.bg-bottom { background-repeat: no-repeat; background-position: bottom center; }
+.bg-left { background-repeat: no-repeat; background-position: center left; }
+@media screen and (min-width: 30em) {
+ .bg-center-ns { background-repeat: no-repeat; background-position: center center; }
+ .bg-top-ns { background-repeat: no-repeat; background-position: top center; }
+ .bg-right-ns { background-repeat: no-repeat; background-position: center right; }
+ .bg-bottom-ns { background-repeat: no-repeat; background-position: bottom center; }
+ .bg-left-ns { background-repeat: no-repeat; background-position: center left; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .bg-center-m { background-repeat: no-repeat; background-position: center center; }
+ .bg-top-m { background-repeat: no-repeat; background-position: top center; }
+ .bg-right-m { background-repeat: no-repeat; background-position: center right; }
+ .bg-bottom-m { background-repeat: no-repeat; background-position: bottom center; }
+ .bg-left-m { background-repeat: no-repeat; background-position: center left; }
+}
+@media screen and (min-width: 60em) {
+ .bg-center-l { background-repeat: no-repeat; background-position: center center; }
+ .bg-top-l { background-repeat: no-repeat; background-position: top center; }
+ .bg-right-l { background-repeat: no-repeat; background-position: center right; }
+ .bg-bottom-l { background-repeat: no-repeat; background-position: bottom center; }
+ .bg-left-l { background-repeat: no-repeat; background-position: center left; }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-background-position/src/tachyons-background-position.css b/packages/tachyons-background-position/src/tachyons-background-position.css
new file mode 100644
index 000000000..7a1815b04
--- /dev/null
+++ b/packages/tachyons-background-position/src/tachyons-background-position.css
@@ -0,0 +1,132 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ BACKGROUND POSITION
+
+ Base:
+ bg = background
+
+ Modifiers:
+ -center = center center
+ -top = top center
+ -right = center right
+ -bottom = bottom center
+ -left = center left
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+ */
+
+.bg-center {
+ background-repeat: no-repeat;
+ background-position: center center;
+}
+
+.bg-top {
+ background-repeat: no-repeat;
+ background-position: top center;
+}
+
+.bg-right {
+ background-repeat: no-repeat;
+ background-position: center right;
+}
+
+.bg-bottom {
+ background-repeat: no-repeat;
+ background-position: bottom center;
+}
+
+.bg-left {
+ background-repeat: no-repeat;
+ background-position: center left;
+}
+
+@media (--breakpoint-not-small) {
+ .bg-center-ns {
+ background-repeat: no-repeat;
+ background-position: center center;
+ }
+
+ .bg-top-ns {
+ background-repeat: no-repeat;
+ background-position: top center;
+ }
+
+ .bg-right-ns {
+ background-repeat: no-repeat;
+ background-position: center right;
+ }
+
+ .bg-bottom-ns {
+ background-repeat: no-repeat;
+ background-position: bottom center;
+ }
+
+ .bg-left-ns {
+ background-repeat: no-repeat;
+ background-position: center left;
+ }
+}
+
+@media (--breakpoint-medium) {
+ .bg-center-m {
+ background-repeat: no-repeat;
+ background-position: center center;
+ }
+
+ .bg-top-m {
+ background-repeat: no-repeat;
+ background-position: top center;
+ }
+
+ .bg-right-m {
+ background-repeat: no-repeat;
+ background-position: center right;
+ }
+
+ .bg-bottom-m {
+ background-repeat: no-repeat;
+ background-position: bottom center;
+ }
+
+ .bg-left-m {
+ background-repeat: no-repeat;
+ background-position: center left;
+ }
+}
+
+@media (--breakpoint-large) {
+ .bg-center-l {
+ background-repeat: no-repeat;
+ background-position: center center;
+ }
+
+ .bg-top-l {
+ background-repeat: no-repeat;
+ background-position: top center;
+ }
+
+ .bg-right-l {
+ background-repeat: no-repeat;
+ background-position: center right;
+ }
+
+ .bg-bottom-l {
+ background-repeat: no-repeat;
+ background-position: bottom center;
+ }
+
+ .bg-left-l {
+ background-repeat: no-repeat;
+ background-position: center left;
+ }
+}
diff --git a/packages/tachyons-background-size/.gitignore b/packages/tachyons-background-size/.gitignore
new file mode 100644
index 000000000..c2870c122
--- /dev/null
+++ b/packages/tachyons-background-size/.gitignore
@@ -0,0 +1,88 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-background-size/LICENSE.txt b/packages/tachyons-background-size/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-background-size/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-background-size/code-of-conduct.md b/packages/tachyons-background-size/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-background-size/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-background-size/css/tachyons-background-size.css b/packages/tachyons-background-size/css/tachyons-background-size.css
new file mode 100644
index 000000000..fa9d12ba5
--- /dev/null
+++ b/packages/tachyons-background-size/css/tachyons-background-size.css
@@ -0,0 +1,29 @@
+/*
+
+ BACKGROUND SIZE
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+/*
+ Often used in combination with background image set as an inline style
+ on an html element.
+*/
+.cover { background-size: cover; }
+.contain { background-size: contain; }
+@media screen and (min-width: 30em) {
+ .cover-ns { background-size: cover; }
+ .contain-ns { background-size: contain; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .cover-m { background-size: cover; }
+ .contain-m { background-size: contain; }
+}
+@media screen and (min-width: 60em) {
+ .cover-l { background-size: cover; }
+ .contain-l { background-size: contain; }
+}
+
diff --git a/packages/tachyons-background-size/css/tachyons-background-size.min.css b/packages/tachyons-background-size/css/tachyons-background-size.min.css
new file mode 100644
index 000000000..8d6fd0b3c
--- /dev/null
+++ b/packages/tachyons-background-size/css/tachyons-background-size.min.css
@@ -0,0 +1,2 @@
+.cover{background-size:cover}.contain{background-size:contain}@media screen and (min-width:30em){.cover-ns{background-size:cover}.contain-ns{background-size:contain}}@media screen and (min-width:30em) and (max-width:60em){.cover-m{background-size:cover}.contain-m{background-size:contain}}@media screen and (min-width:60em){.cover-l{background-size:cover}.contain-l{background-size:contain}}
+
diff --git a/packages/tachyons-background-size/package.json b/packages/tachyons-background-size/package.json
new file mode 100644
index 000000000..96106671e
--- /dev/null
+++ b/packages/tachyons-background-size/package.json
@@ -0,0 +1,41 @@
+{
+ "name": "tachyons-background-size",
+ "description": "Background size CSS module for Tachyons",
+ "version": "5.0.0",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "style": "src/tachyons-background-size.css",
+ "files": [
+ "src",
+ "css"
+ ],
+ "keywords": [
+ "tachyons",
+ "tachyons-module",
+ "tachyons-css",
+ "css",
+ "background-size"
+ ],
+ "repository": "tachyons-css/tachyons-background-size",
+ "license": "ISC",
+ "dependencies": {},
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-background-size.css > css/tachyons-background-size.css",
+ "build:minify": "tachyons src/tachyons-background-size.css --minify > css/tachyons-background-size.min.css",
+ "build:docs": "tachyons src/tachyons-background-size.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ },
+ "metadata": {
+ "category": "theming",
+ "isCore": true
+ }
+}
diff --git a/packages/tachyons-background-size/readme.md b/packages/tachyons-background-size/readme.md
new file mode 100644
index 000000000..a8c6d78d5
--- /dev/null
+++ b/packages/tachyons-background-size/readme.md
@@ -0,0 +1,123 @@
+# tachyons-background-size 5.0.0
+
+Background size CSS module for Tachyons
+
+#### Stats
+
+279 | 8 | 8
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-background-size
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-background-size
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-background-size.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-background-size";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ BACKGROUND SIZE
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+/*
+ Often used in combination with background image set as an inline style
+ on an html element.
+*/
+.cover { background-size: cover; }
+.contain { background-size: contain; }
+@media screen and (min-width: 30em) {
+ .cover-ns { background-size: cover; }
+ .contain-ns { background-size: contain; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .cover-m { background-size: cover; }
+ .contain-m { background-size: contain; }
+}
+@media screen and (min-width: 60em) {
+ .cover-l { background-size: cover; }
+ .contain-l { background-size: contain; }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-background-size/src/tachyons-background-size.css b/packages/tachyons-background-size/src/tachyons-background-size.css
new file mode 100644
index 000000000..95955483f
--- /dev/null
+++ b/packages/tachyons-background-size/src/tachyons-background-size.css
@@ -0,0 +1,40 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ BACKGROUND SIZE
+ Docs: http://tachyons.io/docs/themes/background-size/
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+
+/*
+ Often used in combination with background image set as an inline style
+ on an html element.
+*/
+
+ .cover { background-size: cover!important; }
+ .contain { background-size: contain!important; }
+
+@media (--breakpoint-not-small) {
+ .cover-ns { background-size: cover!important; }
+ .contain-ns { background-size: contain!important; }
+}
+
+@media (--breakpoint-medium) {
+ .cover-m { background-size: cover!important; }
+ .contain-m { background-size: contain!important; }
+}
+
+@media (--breakpoint-large) {
+ .cover-l { background-size: cover!important; }
+ .contain-l { background-size: contain!important; }
+}
diff --git a/packages/tachyons-base/.gitignore b/packages/tachyons-base/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-base/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-base/code-of-conduct.md b/packages/tachyons-base/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-base/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-base/css/tachyons-base.css b/packages/tachyons-base/css/tachyons-base.css
new file mode 100644
index 000000000..1b5341668
--- /dev/null
+++ b/packages/tachyons-base/css/tachyons-base.css
@@ -0,0 +1,7 @@
+/*
+
+ BASE
+
+*/
+html, body { height: 100%; }
+
diff --git a/packages/tachyons-base/css/tachyons-base.min.css b/packages/tachyons-base/css/tachyons-base.min.css
new file mode 100644
index 000000000..9d5439b43
--- /dev/null
+++ b/packages/tachyons-base/css/tachyons-base.min.css
@@ -0,0 +1,2 @@
+body,html{height:100%}
+
diff --git a/packages/tachyons-base/license b/packages/tachyons-base/license
new file mode 100644
index 000000000..ef521899d
--- /dev/null
+++ b/packages/tachyons-base/license
@@ -0,0 +1,9 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 @mrmrs (mrmrs.io)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/packages/tachyons-base/package.json b/packages/tachyons-base/package.json
new file mode 100644
index 000000000..ee409b8c4
--- /dev/null
+++ b/packages/tachyons-base/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "tachyons-base",
+ "description": "Base CSS module for Tachyons",
+ "version": "1.2.3",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "style": "src/tachyons-base.css",
+ "files": [
+ "src",
+ "css"
+ ],
+ "keywords": [
+ "tachyons",
+ "tachyons-css",
+ "css",
+ "base"
+ ],
+ "repository": "tachyons-css/tachyons-base",
+ "license": "MIT",
+ "devDependencies": {
+ "tachyons-cli": "^0.6.1",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-base.css > css/tachyons-base.css",
+ "build:minify": "tachyons src/tachyons-base.css --minify > css/tachyons-base.min.css",
+ "build:docs": "tachyons src/tachyons-base.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ }
+}
diff --git a/packages/tachyons-base/readme.md b/packages/tachyons-base/readme.md
new file mode 100644
index 000000000..dc5b23822
--- /dev/null
+++ b/packages/tachyons-base/readme.md
@@ -0,0 +1,83 @@
+# tachyons-base 1.2.3
+
+Base CSS module for Tachyons
+
+#### Stats
+
+64 | 2 | 1
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-base
+```
+
+#### With Git
+
+```
+git clone https://github.com/tachyons-css/tachyons-base
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-base";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ BASE
+
+*/
+html, body { height: 100%; }
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+MIT
+
diff --git a/packages/tachyons-base/src/tachyons-base.css b/packages/tachyons-base/src/tachyons-base.css
new file mode 100644
index 000000000..cc9252ed1
--- /dev/null
+++ b/packages/tachyons-base/src/tachyons-base.css
@@ -0,0 +1,11 @@
+/*
+
+ BASE
+
+*/
+
+html,
+body {
+ height: 100%;
+}
+
diff --git a/packages/tachyons-border-colors/.gitignore b/packages/tachyons-border-colors/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-border-colors/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-border-colors/LICENSE.txt b/packages/tachyons-border-colors/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-border-colors/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-border-colors/code-of-conduct.md b/packages/tachyons-border-colors/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-border-colors/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-border-colors/css/tachyons-border-colors.css b/packages/tachyons-border-colors/css/tachyons-border-colors.css
new file mode 100644
index 000000000..7b3b61db5
--- /dev/null
+++ b/packages/tachyons-border-colors/css/tachyons-border-colors.css
@@ -0,0 +1,73 @@
+/*
+
+ Tachyons
+ COLOR VARIABLES
+
+ Grayscale
+ - Solids
+ - Transparencies
+*/
+/*
+
+ BORDER COLORS
+
+*/
+.b--black { border-color: #000; }
+.b--near-black { border-color: #111; }
+.b--dark-gray { border-color: #333; }
+.b--mid-gray { border-color: #555; }
+.b--gray { border-color: #777; }
+.b--silver { border-color: #999; }
+.b--light-silver { border-color: #aaa; }
+.b--light-gray { border-color: #eee; }
+.b--near-white { border-color: #f4f4f4; }
+.b--white { border-color: #fff; }
+.b--white-90 { border-color: rgba( 255, 255, 255, .9 ); }
+.b--white-80 { border-color: rgba( 255, 255, 255, .8 ); }
+.b--white-70 { border-color: rgba( 255, 255, 255, .7 ); }
+.b--white-60 { border-color: rgba( 255, 255, 255, .6 ); }
+.b--white-50 { border-color: rgba( 255, 255, 255, .5 ); }
+.b--white-40 { border-color: rgba( 255, 255, 255, .4 ); }
+.b--white-30 { border-color: rgba( 255, 255, 255, .3 ); }
+.b--white-20 { border-color: rgba( 255, 255, 255, .2 ); }
+.b--white-10 { border-color: rgba( 255, 255, 255, .1 ); }
+.b--white-05 { border-color: rgba( 255, 255, 255, .05 ); }
+.b--white-025 { border-color: rgba( 255, 255, 255, .025 ); }
+.b--white-0125 { border-color: rgba( 255, 255, 255, .0125 ); }
+.b--black-90 { border-color: rgba( 0, 0, 0, .9 ); }
+.b--black-80 { border-color: rgba( 0, 0, 0, .8 ); }
+.b--black-70 { border-color: rgba( 0, 0, 0, .7 ); }
+.b--black-60 { border-color: rgba( 0, 0, 0, .6 ); }
+.b--black-50 { border-color: rgba( 0, 0, 0, .5 ); }
+.b--black-40 { border-color: rgba( 0, 0, 0, .4 ); }
+.b--black-30 { border-color: rgba( 0, 0, 0, .3 ); }
+.b--black-20 { border-color: rgba( 0, 0, 0, .2 ); }
+.b--black-10 { border-color: rgba( 0, 0, 0, .1 ); }
+.b--black-05 { border-color: rgba( 0, 0, 0, .05 ); }
+.b--black-025 { border-color: rgba( 0, 0, 0, .025 ); }
+.b--black-0125 { border-color: rgba( 0, 0, 0, .0125 ); }
+.b--dark-red { border-color: #f00008; }
+.b--red { border-color: #ff3223; }
+.b--orange { border-color: #f3a801; }
+.b--gold { border-color: #f2c800; }
+.b--yellow { border-color: #ffde37; }
+.b--purple { border-color: #7d5da9; }
+.b--light-purple { border-color: #8d4f92; }
+.b--hot-pink { border-color: #d62288; }
+.b--dark-pink { border-color: #c64774; }
+.b--pink { border-color: #f49cc8; }
+.b--dark-green { border-color: #006c71; }
+.b--green { border-color: #41d69f; }
+.b--navy { border-color: #001b44; }
+.b--dark-blue { border-color: #00449e; }
+.b--blue { border-color: #357edd; }
+.b--light-blue { border-color: #96ccff; }
+.b--lightest-blue { border-color: #cdecff; }
+.b--washed-blue { border-color: #f6fffe; }
+.b--washed-green { border-color: #e8fdf5; }
+.b--washed-yellow { border-color: #fff8d5; }
+.b--light-pink { border-color: #efa4b8; }
+.b--light-yellow { border-color: #f3dd70; }
+.b--light-red { border-color: #ffd3c0; }
+.b--transparent { border-color: transparent; }
+
diff --git a/packages/tachyons-border-colors/css/tachyons-border-colors.min.css b/packages/tachyons-border-colors/css/tachyons-border-colors.min.css
new file mode 100644
index 000000000..8642a6e27
--- /dev/null
+++ b/packages/tachyons-border-colors/css/tachyons-border-colors.min.css
@@ -0,0 +1,2 @@
+.b--black{border-color:#000}.b--near-black{border-color:#111}.b--dark-gray{border-color:#333}.b--mid-gray{border-color:#555}.b--gray{border-color:#777}.b--silver{border-color:#999}.b--light-silver{border-color:#aaa}.b--light-gray{border-color:#eee}.b--near-white{border-color:#f4f4f4}.b--white{border-color:#fff}.b--white-90{border-color:hsla(0,0%,100%,.9)}.b--white-80{border-color:hsla(0,0%,100%,.8)}.b--white-70{border-color:hsla(0,0%,100%,.7)}.b--white-60{border-color:hsla(0,0%,100%,.6)}.b--white-50{border-color:hsla(0,0%,100%,.5)}.b--white-40{border-color:hsla(0,0%,100%,.4)}.b--white-30{border-color:hsla(0,0%,100%,.3)}.b--white-20{border-color:hsla(0,0%,100%,.2)}.b--white-10{border-color:hsla(0,0%,100%,.1)}.b--white-05{border-color:hsla(0,0%,100%,.05)}.b--white-025{border-color:hsla(0,0%,100%,.025)}.b--white-0125{border-color:hsla(0,0%,100%,.0125)}.b--black-90{border-color:rgba(0,0,0,.9)}.b--black-80{border-color:rgba(0,0,0,.8)}.b--black-70{border-color:rgba(0,0,0,.7)}.b--black-60{border-color:rgba(0,0,0,.6)}.b--black-50{border-color:rgba(0,0,0,.5)}.b--black-40{border-color:rgba(0,0,0,.4)}.b--black-30{border-color:rgba(0,0,0,.3)}.b--black-20{border-color:rgba(0,0,0,.2)}.b--black-10{border-color:rgba(0,0,0,.1)}.b--black-05{border-color:rgba(0,0,0,.05)}.b--black-025{border-color:rgba(0,0,0,.025)}.b--black-0125{border-color:rgba(0,0,0,.0125)}.b--dark-red{border-color:#f00008}.b--red{border-color:#ff3223}.b--orange{border-color:#f3a801}.b--gold{border-color:#f2c800}.b--yellow{border-color:#ffde37}.b--purple{border-color:#7d5da9}.b--light-purple{border-color:#8d4f92}.b--hot-pink{border-color:#d62288}.b--dark-pink{border-color:#c64774}.b--pink{border-color:#f49cc8}.b--dark-green{border-color:#006c71}.b--green{border-color:#41d69f}.b--navy{border-color:#001b44}.b--dark-blue{border-color:#00449e}.b--blue{border-color:#357edd}.b--light-blue{border-color:#96ccff}.b--lightest-blue{border-color:#cdecff}.b--washed-blue{border-color:#f6fffe}.b--washed-green{border-color:#e8fdf5}.b--washed-yellow{border-color:#fff8d5}.b--light-pink{border-color:#efa4b8}.b--light-yellow{border-color:#f3dd70}.b--light-red{border-color:#ffd3c0}.b--transparent{border-color:transparent}
+
diff --git a/packages/tachyons-border-colors/package.json b/packages/tachyons-border-colors/package.json
new file mode 100644
index 000000000..b2a1e951a
--- /dev/null
+++ b/packages/tachyons-border-colors/package.json
@@ -0,0 +1,34 @@
+{
+ "name": "tachyons-border-colors",
+ "version": "4.1.3",
+ "style": "src/tachyons-border-colors.css",
+ "homepage": "http://github.com/tachyons-css/tachyons-border-colors",
+ "description": "Performance based css module.",
+ "keywords": [],
+ "repository": {
+ "type": "git",
+ "url": "http://github.com/tachyons-css/tachyons-border-colors.git"
+ },
+ "bugs": {
+ "url": "https://github.com/tachyons-css/tachyons-border-colors/issues",
+ "email": "hi@mrmrs.cc"
+ },
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "license": "ISC",
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-border-colors.css > css/tachyons-border-colors.css",
+ "build:minify": "tachyons src/tachyons-border-colors.css --minify > css/tachyons-border-colors.min.css",
+ "build:docs": "tachyons src/tachyons-border-colors.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ },
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ }
+}
diff --git a/packages/tachyons-border-colors/readme.md b/packages/tachyons-border-colors/readme.md
new file mode 100644
index 000000000..561185f22
--- /dev/null
+++ b/packages/tachyons-border-colors/readme.md
@@ -0,0 +1,167 @@
+# tachyons-border-colors 4.1.3
+
+Performance based css module.
+
+#### Stats
+
+604 | 58 | 58
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-border-colors
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-border-colors
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-border-colors.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-border-colors";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ Tachyons
+ COLOR VARIABLES
+
+ Grayscale
+ - Solids
+ - Transparencies
+*/
+/*
+
+ BORDER COLORS
+
+*/
+.b--black { border-color: #000; }
+.b--near-black { border-color: #111; }
+.b--dark-gray { border-color: #333; }
+.b--mid-gray { border-color: #555; }
+.b--gray { border-color: #777; }
+.b--silver { border-color: #999; }
+.b--light-silver { border-color: #aaa; }
+.b--light-gray { border-color: #eee; }
+.b--near-white { border-color: #f4f4f4; }
+.b--white { border-color: #fff; }
+.b--white-90 { border-color: rgba( 255, 255, 255, .9 ); }
+.b--white-80 { border-color: rgba( 255, 255, 255, .8 ); }
+.b--white-70 { border-color: rgba( 255, 255, 255, .7 ); }
+.b--white-60 { border-color: rgba( 255, 255, 255, .6 ); }
+.b--white-50 { border-color: rgba( 255, 255, 255, .5 ); }
+.b--white-40 { border-color: rgba( 255, 255, 255, .4 ); }
+.b--white-30 { border-color: rgba( 255, 255, 255, .3 ); }
+.b--white-20 { border-color: rgba( 255, 255, 255, .2 ); }
+.b--white-10 { border-color: rgba( 255, 255, 255, .1 ); }
+.b--white-05 { border-color: rgba( 255, 255, 255, .05 ); }
+.b--white-025 { border-color: rgba( 255, 255, 255, .025 ); }
+.b--white-0125 { border-color: rgba( 255, 255, 255, .0125 ); }
+.b--black-90 { border-color: rgba( 0, 0, 0, .9 ); }
+.b--black-80 { border-color: rgba( 0, 0, 0, .8 ); }
+.b--black-70 { border-color: rgba( 0, 0, 0, .7 ); }
+.b--black-60 { border-color: rgba( 0, 0, 0, .6 ); }
+.b--black-50 { border-color: rgba( 0, 0, 0, .5 ); }
+.b--black-40 { border-color: rgba( 0, 0, 0, .4 ); }
+.b--black-30 { border-color: rgba( 0, 0, 0, .3 ); }
+.b--black-20 { border-color: rgba( 0, 0, 0, .2 ); }
+.b--black-10 { border-color: rgba( 0, 0, 0, .1 ); }
+.b--black-05 { border-color: rgba( 0, 0, 0, .05 ); }
+.b--black-025 { border-color: rgba( 0, 0, 0, .025 ); }
+.b--black-0125 { border-color: rgba( 0, 0, 0, .0125 ); }
+.b--dark-red { border-color: #f00008; }
+.b--red { border-color: #ff3223; }
+.b--orange { border-color: #f3a801; }
+.b--gold { border-color: #f2c800; }
+.b--yellow { border-color: #ffde37; }
+.b--purple { border-color: #7d5da9; }
+.b--light-purple { border-color: #8d4f92; }
+.b--hot-pink { border-color: #d62288; }
+.b--dark-pink { border-color: #c64774; }
+.b--pink { border-color: #f49cc8; }
+.b--dark-green { border-color: #006c71; }
+.b--green { border-color: #41d69f; }
+.b--navy { border-color: #001b44; }
+.b--dark-blue { border-color: #00449e; }
+.b--blue { border-color: #357edd; }
+.b--light-blue { border-color: #96ccff; }
+.b--lightest-blue { border-color: #cdecff; }
+.b--washed-blue { border-color: #f6fffe; }
+.b--washed-green { border-color: #e8fdf5; }
+.b--washed-yellow { border-color: #fff8d5; }
+.b--light-pink { border-color: #efa4b8; }
+.b--light-yellow { border-color: #f3dd70; }
+.b--light-red { border-color: #ffd3c0; }
+.b--transparent { border-color: transparent; }
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-border-colors/src/tachyons-border-colors.css b/packages/tachyons-border-colors/src/tachyons-border-colors.css
new file mode 100644
index 000000000..99fccc42d
--- /dev/null
+++ b/packages/tachyons-border-colors/src/tachyons-border-colors.css
@@ -0,0 +1,86 @@
+/*
+
+ BORDER COLORS
+ Docs: http://tachyons.io/docs/themes/borders/
+
+ Border colors can be used to extend the base
+ border classes ba,bt,bb,br,bl found in the _borders.css file.
+
+ The base border class by default will set the color of the border
+ to that of the current text color. These classes are for the cases
+ where you desire for the text and border colors to be different.
+
+ Base:
+ b = border
+
+ Modifiers:
+ --color-name = each color variable name is also a border color name
+
+*/
+
+.b--black { border-color: var(--black); }
+.b--near-black { border-color: var(--near-black); }
+.b--dark-gray { border-color: var(--dark-gray); }
+.b--mid-gray { border-color: var(--mid-gray); }
+.b--gray { border-color: var(--gray); }
+.b--silver { border-color: var(--silver); }
+.b--light-silver { border-color: var(--light-silver); }
+.b--moon-gray { border-color: var(--moon-gray); }
+.b--light-gray { border-color: var(--light-gray); }
+.b--near-white { border-color: var(--near-white); }
+.b--white { border-color: var(--white); }
+
+.b--white-90 { border-color: var(--white-90); }
+.b--white-80 { border-color: var(--white-80); }
+.b--white-70 { border-color: var(--white-70); }
+.b--white-60 { border-color: var(--white-60); }
+.b--white-50 { border-color: var(--white-50); }
+.b--white-40 { border-color: var(--white-40); }
+.b--white-30 { border-color: var(--white-30); }
+.b--white-20 { border-color: var(--white-20); }
+.b--white-10 { border-color: var(--white-10); }
+.b--white-05 { border-color: var(--white-05); }
+.b--white-025 { border-color: var(--white-025); }
+.b--white-0125 { border-color: var(--white-0125); }
+
+.b--black-90 { border-color: var(--black-90); }
+.b--black-80 { border-color: var(--black-80); }
+.b--black-70 { border-color: var(--black-70); }
+.b--black-60 { border-color: var(--black-60); }
+.b--black-50 { border-color: var(--black-50); }
+.b--black-40 { border-color: var(--black-40); }
+.b--black-30 { border-color: var(--black-30); }
+.b--black-20 { border-color: var(--black-20); }
+.b--black-10 { border-color: var(--black-10); }
+.b--black-05 { border-color: var(--black-05); }
+.b--black-025 { border-color: var(--black-025); }
+.b--black-0125 { border-color: var(--black-0125); }
+
+.b--dark-red { border-color: var(--dark-red); }
+.b--red { border-color: var(--red); }
+.b--light-red { border-color: var(--light-red); }
+.b--orange { border-color: var(--orange); }
+.b--gold { border-color: var(--gold); }
+.b--yellow { border-color: var(--yellow); }
+.b--light-yellow { border-color: var(--light-yellow); }
+.b--purple { border-color: var(--purple); }
+.b--light-purple { border-color: var(--light-purple); }
+.b--dark-pink { border-color: var(--dark-pink); }
+.b--hot-pink { border-color: var(--hot-pink); }
+.b--pink { border-color: var(--pink); }
+.b--light-pink { border-color: var(--light-pink); }
+.b--dark-green { border-color: var(--dark-green); }
+.b--green { border-color: var(--green); }
+.b--light-green { border-color: var(--light-green); }
+.b--navy { border-color: var(--navy); }
+.b--dark-blue { border-color: var(--dark-blue); }
+.b--blue { border-color: var(--blue); }
+.b--light-blue { border-color: var(--light-blue); }
+.b--lightest-blue { border-color: var(--lightest-blue); }
+.b--washed-blue { border-color: var(--washed-blue); }
+.b--washed-green { border-color: var(--washed-green); }
+.b--washed-yellow { border-color: var(--washed-yellow); }
+.b--washed-red { border-color: var(--washed-red); }
+
+.b--transparent { border-color: var(--transparent); }
+.b--inherit { border-color: inherit; }
diff --git a/packages/tachyons-border-radius/.gitignore b/packages/tachyons-border-radius/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-border-radius/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-border-radius/LICENSE.txt b/packages/tachyons-border-radius/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-border-radius/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-border-radius/code-of-conduct.md b/packages/tachyons-border-radius/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-border-radius/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-border-radius/css/tachyons-border-radius.css b/packages/tachyons-border-radius/css/tachyons-border-radius.css
new file mode 100644
index 000000000..b81875791
--- /dev/null
+++ b/packages/tachyons-border-radius/css/tachyons-border-radius.css
@@ -0,0 +1,69 @@
+/*
+
+ BORDER RADIUS
+
+ Base:
+ br = border-radius
+
+ Modifiers:
+ 0 = 0/none
+ 1 = 1st step in scale
+ 2 = 2nd step in scale
+ 3 = 3rd step in scale
+ 4 = 4th step in scale
+ -100 = 100%
+
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+.br0 { border-radius: 0; }
+.br1 { border-radius: .125rem; }
+.br2 { border-radius: .25rem; }
+.br3 { border-radius: .5rem; }
+.br4 { border-radius: 1rem; }
+.br-100 { border-radius: 100%; }
+.br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; }
+.br--top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+.br--right { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+.br--left { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+@media screen and (min-width: 30em) {
+ .br0-ns { border-radius: 0; }
+ .br1-ns { border-radius: .125rem; }
+ .br2-ns { border-radius: .25rem; }
+ .br3-ns { border-radius: .5rem; }
+ .br4-ns { border-radius: 1rem; }
+ .br-100-ns { border-radius: 100%; }
+ .br--bottom-ns { border-top-left-radius: 0; border-top-right-radius: 0; }
+ .br--top-ns { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+ .br--right-ns { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+ .br--left-ns { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .br0-m { border-radius: 0; }
+ .br1-m { border-radius: .125rem; }
+ .br2-m { border-radius: .25rem; }
+ .br3-m { border-radius: .5rem; }
+ .br4-m { border-radius: 1rem; }
+ .br-100-m { border-radius: 100%; }
+ .br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0; }
+ .br--top-m { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+ .br--right-m { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+ .br--left-m { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+}
+@media screen and (min-width: 60em) {
+ .br0-l { border-radius: 0; }
+ .br1-l { border-radius: .125rem; }
+ .br2-l { border-radius: .25rem; }
+ .br3-l { border-radius: .5rem; }
+ .br4-l { border-radius: 1rem; }
+ .br-100-l { border-radius: 100%; }
+ .br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0; }
+ .br--top-l { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+ .br--right-l { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+ .br--left-l { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+}
+
diff --git a/packages/tachyons-border-radius/css/tachyons-border-radius.min.css b/packages/tachyons-border-radius/css/tachyons-border-radius.min.css
new file mode 100644
index 000000000..8b1960df9
--- /dev/null
+++ b/packages/tachyons-border-radius/css/tachyons-border-radius.min.css
@@ -0,0 +1,2 @@
+.br0{border-radius:0}.br1{border-radius:.125rem}.br2{border-radius:.25rem}.br3{border-radius:.5rem}.br4{border-radius:1rem}.br-100{border-radius:100%}.br--bottom{border-top-left-radius:0;border-top-right-radius:0}.br--top{border-bottom-right-radius:0}.br--right,.br--top{border-bottom-left-radius:0}.br--right{border-top-left-radius:0}.br--left{border-top-right-radius:0;border-bottom-right-radius:0}@media screen and (min-width:30em){.br0-ns{border-radius:0}.br1-ns{border-radius:.125rem}.br2-ns{border-radius:.25rem}.br3-ns{border-radius:.5rem}.br4-ns{border-radius:1rem}.br-100-ns{border-radius:100%}.br--bottom-ns{border-top-left-radius:0;border-top-right-radius:0}.br--top-ns{border-bottom-right-radius:0}.br--right-ns,.br--top-ns{border-bottom-left-radius:0}.br--right-ns{border-top-left-radius:0}.br--left-ns{border-top-right-radius:0;border-bottom-right-radius:0}}@media screen and (min-width:30em) and (max-width:60em){.br0-m{border-radius:0}.br1-m{border-radius:.125rem}.br2-m{border-radius:.25rem}.br3-m{border-radius:.5rem}.br4-m{border-radius:1rem}.br-100-m{border-radius:100%}.br--bottom-m{border-top-left-radius:0;border-top-right-radius:0}.br--top-m{border-bottom-right-radius:0}.br--right-m,.br--top-m{border-bottom-left-radius:0}.br--right-m{border-top-left-radius:0}.br--left-m{border-top-right-radius:0;border-bottom-right-radius:0}}@media screen and (min-width:60em){.br0-l{border-radius:0}.br1-l{border-radius:.125rem}.br2-l{border-radius:.25rem}.br3-l{border-radius:.5rem}.br4-l{border-radius:1rem}.br-100-l{border-radius:100%}.br--bottom-l{border-top-left-radius:0;border-top-right-radius:0}.br--top-l{border-bottom-right-radius:0}.br--right-l,.br--top-l{border-bottom-left-radius:0}.br--right-l{border-top-left-radius:0}.br--left-l{border-top-right-radius:0;border-bottom-right-radius:0}}
+
diff --git a/packages/tachyons-border-radius/package.json b/packages/tachyons-border-radius/package.json
new file mode 100644
index 000000000..c870b8cb4
--- /dev/null
+++ b/packages/tachyons-border-radius/package.json
@@ -0,0 +1,40 @@
+{
+ "name": "tachyons-border-radius",
+ "description": "Border radius CSS module for Tachyons",
+ "version": "5.0.0",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "style": "src/tachyons-border-radius.css",
+ "files": [
+ "src",
+ "css"
+ ],
+ "keywords": [
+ "tachyons",
+ "tachyons-css",
+ "css",
+ "border-radius"
+ ],
+ "repository": "tachyons-css/tachyons-border-radius",
+ "license": "ISC",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-border-radius.css > css/tachyons-border-radius.css",
+ "build:minify": "tachyons src/tachyons-border-radius.css --minify > css/tachyons-border-radius.min.css",
+ "build:docs": "tachyons src/tachyons-border-radius.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ },
+ "dependencies": {},
+ "metadata": {
+ "category": "theming",
+ "isCore": true
+ }
+}
diff --git a/packages/tachyons-border-radius/readme.md b/packages/tachyons-border-radius/readme.md
new file mode 100644
index 000000000..be1a40941
--- /dev/null
+++ b/packages/tachyons-border-radius/readme.md
@@ -0,0 +1,163 @@
+# tachyons-border-radius 5.0.0
+
+Border radius CSS module for Tachyons
+
+#### Stats
+
+465 | 40 | 56
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-border-radius
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-border-radius
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-border-radius.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-border-radius";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ BORDER RADIUS
+
+ Base:
+ br = border-radius
+
+ Modifiers:
+ 0 = 0/none
+ 1 = 1st step in scale
+ 2 = 2nd step in scale
+ 3 = 3rd step in scale
+ 4 = 4th step in scale
+ -100 = 100%
+
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+.br0 { border-radius: 0; }
+.br1 { border-radius: .125rem; }
+.br2 { border-radius: .25rem; }
+.br3 { border-radius: .5rem; }
+.br4 { border-radius: 1rem; }
+.br-100 { border-radius: 100%; }
+.br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; }
+.br--top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+.br--right { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+.br--left { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+@media screen and (min-width: 30em) {
+ .br0-ns { border-radius: 0; }
+ .br1-ns { border-radius: .125rem; }
+ .br2-ns { border-radius: .25rem; }
+ .br3-ns { border-radius: .5rem; }
+ .br4-ns { border-radius: 1rem; }
+ .br-100-ns { border-radius: 100%; }
+ .br--bottom-ns { border-top-left-radius: 0; border-top-right-radius: 0; }
+ .br--top-ns { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+ .br--right-ns { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+ .br--left-ns { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .br0-m { border-radius: 0; }
+ .br1-m { border-radius: .125rem; }
+ .br2-m { border-radius: .25rem; }
+ .br3-m { border-radius: .5rem; }
+ .br4-m { border-radius: 1rem; }
+ .br-100-m { border-radius: 100%; }
+ .br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0; }
+ .br--top-m { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+ .br--right-m { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+ .br--left-m { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+}
+@media screen and (min-width: 60em) {
+ .br0-l { border-radius: 0; }
+ .br1-l { border-radius: .125rem; }
+ .br2-l { border-radius: .25rem; }
+ .br3-l { border-radius: .5rem; }
+ .br4-l { border-radius: 1rem; }
+ .br-100-l { border-radius: 100%; }
+ .br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0; }
+ .br--top-l { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+ .br--right-l { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+ .br--left-l { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-border-radius/src/tachyons-border-radius.css b/packages/tachyons-border-radius/src/tachyons-border-radius.css
new file mode 100644
index 000000000..4b8a77153
--- /dev/null
+++ b/packages/tachyons-border-radius/src/tachyons-border-radius.css
@@ -0,0 +1,133 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ BORDER RADIUS
+ Docs: http://tachyons.io/docs/themes/border-radius/
+
+ Base:
+ br = border-radius
+
+ Modifiers:
+ 0 = 0/none
+ 1 = 1st step in scale
+ 2 = 2nd step in scale
+ 3 = 3rd step in scale
+ 4 = 4th step in scale
+
+ Literal values:
+ -100 = 100%
+ -pill = 9999px
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+
+ .br0 { border-radius: 0; }
+ .br1 { border-radius: .125rem; }
+ .br2 { border-radius: .25rem; }
+ .br3 { border-radius: .5rem; }
+ .br4 { border-radius: 1rem; }
+ .br-100 { border-radius: 100%; }
+ .br-pill { border-radius: 9999px; }
+ .br--bottom {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+ .br--top {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .br--right {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .br--left {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+@media (--breakpoint-not-small) {
+ .br0-ns { border-radius: 0; }
+ .br1-ns { border-radius: .125rem; }
+ .br2-ns { border-radius: .25rem; }
+ .br3-ns { border-radius: .5rem; }
+ .br4-ns { border-radius: 1rem; }
+ .br-100-ns { border-radius: 100%; }
+ .br-pill-ns { border-radius: 9999px; }
+ .br--bottom-ns {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+ .br--top-ns {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .br--right-ns {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .br--left-ns {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+}
+
+@media (--breakpoint-medium) {
+ .br0-m { border-radius: 0; }
+ .br1-m { border-radius: .125rem; }
+ .br2-m { border-radius: .25rem; }
+ .br3-m { border-radius: .5rem; }
+ .br4-m { border-radius: 1rem; }
+ .br-100-m { border-radius: 100%; }
+ .br-pill-m { border-radius: 9999px; }
+ .br--bottom-m {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+ .br--top-m {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .br--right-m {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .br--left-m {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+}
+
+@media (--breakpoint-large) {
+ .br0-l { border-radius: 0; }
+ .br1-l { border-radius: .125rem; }
+ .br2-l { border-radius: .25rem; }
+ .br3-l { border-radius: .5rem; }
+ .br4-l { border-radius: 1rem; }
+ .br-100-l { border-radius: 100%; }
+ .br-pill-l { border-radius: 9999px; }
+ .br--bottom-l {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+ .br--top-l {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .br--right-l {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .br--left-l {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+}
diff --git a/packages/tachyons-border-style/.gitignore b/packages/tachyons-border-style/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-border-style/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-border-style/LICENSE.txt b/packages/tachyons-border-style/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-border-style/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-border-style/code-of-conduct.md b/packages/tachyons-border-style/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-border-style/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-border-style/css/tachyons-border-style.css b/packages/tachyons-border-style/css/tachyons-border-style.css
new file mode 100644
index 000000000..f24eb9ba4
--- /dev/null
+++ b/packages/tachyons-border-style/css/tachyons-border-style.css
@@ -0,0 +1,42 @@
+/*
+
+ BORDER STYLES
+
+ Base:
+ bs = border-style
+
+ Modifiers:
+ none = none
+ dotted = dotted
+ dashed = dashed
+ solid = solid
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+ */
+.b--dotted { border-style: dotted; }
+.b--dashed { border-style: dashed; }
+.b--solid { border-style: solid; }
+.b--none { border-style: none; }
+@media screen and (min-width: 30em) {
+ .b--dotted-ns { border-style: dotted; }
+ .b--dashed-ns { border-style: dashed; }
+ .b--solid-ns { border-style: solid; }
+ .b--none-ns { border-style: none; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .b--dotted-m { border-style: dotted; }
+ .b--dashed-m { border-style: dashed; }
+ .b--solid-m { border-style: solid; }
+ .b--none-m { border-style: none; }
+}
+@media screen and (min-width: 60em) {
+ .b--dotted-l { border-style: dotted; }
+ .b--dashed-l { border-style: dashed; }
+ .b--solid-l { border-style: solid; }
+ .b--none-l { border-style: none; }
+}
+
diff --git a/packages/tachyons-border-style/css/tachyons-border-style.min.css b/packages/tachyons-border-style/css/tachyons-border-style.min.css
new file mode 100644
index 000000000..5211462db
--- /dev/null
+++ b/packages/tachyons-border-style/css/tachyons-border-style.min.css
@@ -0,0 +1,2 @@
+.b--dotted{border-style:dotted}.b--dashed{border-style:dashed}.b--solid{border-style:solid}.b--none{border-style:none}@media screen and (min-width:30em){.b--dotted-ns{border-style:dotted}.b--dashed-ns{border-style:dashed}.b--solid-ns{border-style:solid}.b--none-ns{border-style:none}}@media screen and (min-width:30em) and (max-width:60em){.b--dotted-m{border-style:dotted}.b--dashed-m{border-style:dashed}.b--solid-m{border-style:solid}.b--none-m{border-style:none}}@media screen and (min-width:60em){.b--dotted-l{border-style:dotted}.b--dashed-l{border-style:dashed}.b--solid-l{border-style:solid}.b--none-l{border-style:none}}
+
diff --git a/packages/tachyons-border-style/package.json b/packages/tachyons-border-style/package.json
new file mode 100644
index 000000000..6d52ce22b
--- /dev/null
+++ b/packages/tachyons-border-style/package.json
@@ -0,0 +1,38 @@
+{
+ "name": "tachyons-border-style",
+ "description": "Border style CSS module for Tachyons",
+ "version": "4.0.0",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "style": "src/tachyons-border-style.css",
+ "files": [
+ "src",
+ "css"
+ ],
+ "keywords": [
+ "tachyons",
+ "tachyons-css",
+ "css",
+ "border-style",
+ "border",
+ "style"
+ ],
+ "repository": "tachyons-css/tachyons-border-style",
+ "license": "ISC",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-border-style.css > css/tachyons-border-style.css",
+ "build:minify": "tachyons src/tachyons-border-style.css --minify > css/tachyons-border-style.min.css",
+ "build:docs": "tachyons src/tachyons-border-style.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ },
+ "dependencies": {}
+}
diff --git a/packages/tachyons-border-style/readme.md b/packages/tachyons-border-style/readme.md
new file mode 100644
index 000000000..c995b0d95
--- /dev/null
+++ b/packages/tachyons-border-style/readme.md
@@ -0,0 +1,136 @@
+# tachyons-border-style 4.0.0
+
+Border style CSS module for Tachyons
+
+#### Stats
+
+297 | 16 | 16
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-border-style
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-border-style
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-border-style.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-border-style";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ BORDER STYLES
+
+ Base:
+ bs = border-style
+
+ Modifiers:
+ none = none
+ dotted = dotted
+ dashed = dashed
+ solid = solid
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+ */
+.b--dotted { border-style: dotted; }
+.b--dashed { border-style: dashed; }
+.b--solid { border-style: solid; }
+.b--none { border-style: none; }
+@media screen and (min-width: 30em) {
+ .b--dotted-ns { border-style: dotted; }
+ .b--dashed-ns { border-style: dashed; }
+ .b--solid-ns { border-style: solid; }
+ .b--none-ns { border-style: none; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .b--dotted-m { border-style: dotted; }
+ .b--dashed-m { border-style: dashed; }
+ .b--solid-m { border-style: solid; }
+ .b--none-m { border-style: none; }
+}
+@media screen and (min-width: 60em) {
+ .b--dotted-l { border-style: dotted; }
+ .b--dashed-l { border-style: dashed; }
+ .b--solid-l { border-style: solid; }
+ .b--none-l { border-style: none; }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-border-style/src/tachyons-border-style.css b/packages/tachyons-border-style/src/tachyons-border-style.css
new file mode 100644
index 000000000..085c7ab89
--- /dev/null
+++ b/packages/tachyons-border-style/src/tachyons-border-style.css
@@ -0,0 +1,54 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ BORDER STYLES
+ Docs: http://tachyons.io/docs/themes/borders/
+
+ Depends on base border module in _borders.css
+
+ Base:
+ b = border-style
+
+ Modifiers:
+ --none = none
+ --dotted = dotted
+ --dashed = dashed
+ --solid = solid
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+ */
+
+.b--dotted { border-style: dotted; }
+.b--dashed { border-style: dashed; }
+.b--solid { border-style: solid; }
+.b--none { border-style: none; }
+
+@media (--breakpoint-not-small) {
+ .b--dotted-ns { border-style: dotted; }
+ .b--dashed-ns { border-style: dashed; }
+ .b--solid-ns { border-style: solid; }
+ .b--none-ns { border-style: none; }
+}
+
+@media (--breakpoint-medium) {
+ .b--dotted-m { border-style: dotted; }
+ .b--dashed-m { border-style: dashed; }
+ .b--solid-m { border-style: solid; }
+ .b--none-m { border-style: none; }
+}
+
+@media (--breakpoint-large) {
+ .b--dotted-l { border-style: dotted; }
+ .b--dashed-l { border-style: dashed; }
+ .b--solid-l { border-style: solid; }
+ .b--none-l { border-style: none; }
+}
diff --git a/packages/tachyons-border-widths/.gitignore b/packages/tachyons-border-widths/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-border-widths/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-border-widths/LICENSE.txt b/packages/tachyons-border-widths/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-border-widths/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-border-widths/code-of-conduct.md b/packages/tachyons-border-widths/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-border-widths/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-border-widths/css/tachyons-border-widths.css b/packages/tachyons-border-widths/css/tachyons-border-widths.css
new file mode 100644
index 000000000..b9189dcb2
--- /dev/null
+++ b/packages/tachyons-border-widths/css/tachyons-border-widths.css
@@ -0,0 +1,68 @@
+/*
+
+ BORDER WIDTHS
+
+ Base:
+ bw = border-width
+
+ Modifiers:
+ 0 = 0 width border
+ 1 = 1st step in border-width scale
+ 2 = 2nd step in border-width scale
+ 3 = 3rd step in border-width scale
+ 4 = 4th step in border-width scale
+ 5 = 5th step in border-width scale
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+.bw0 { border-width: 0; }
+.bw1 { border-width: .125rem; }
+.bw2 { border-width: .25rem; }
+.bw3 { border-width: .5rem; }
+.bw4 { border-width: 1rem; }
+.bw5 { border-width: 2rem; }
+.bt-0 { border-top-width: 0; }
+.br-0 { border-right-width: 0; }
+.bb-0 { border-bottom-width: 0; }
+.bl-0 { border-left-width: 0; }
+@media screen and (min-width: 30em) {
+ .bw0-ns { border-width: 0; }
+ .bw1-ns { border-width: .125rem; }
+ .bw2-ns { border-width: .25rem; }
+ .bw3-ns { border-width: .5rem; }
+ .bw4-ns { border-width: 1rem; }
+ .bw5-ns { border-width: 2rem; }
+ .bt-0-ns { border-top-width: 0; }
+ .br-0-ns { border-right-width: 0; }
+ .bb-0-ns { border-bottom-width: 0; }
+ .bl-0-ns { border-left-width: 0; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .bw0-m { border-width: 0; }
+ .bw1-m { border-width: .125rem; }
+ .bw2-m { border-width: .25rem; }
+ .bw3-m { border-width: .5rem; }
+ .bw4-m { border-width: 1rem; }
+ .bw5-m { border-width: 2rem; }
+ .bt-0-m { border-top-width: 0; }
+ .br-0-m { border-right-width: 0; }
+ .bb-0-m { border-bottom-width: 0; }
+ .bl-0-m { border-left-width: 0; }
+}
+@media screen and (min-width: 60em) {
+ .bw0-l { border-width: 0; }
+ .bw1-l { border-width: .125rem; }
+ .bw2-l { border-width: .25rem; }
+ .bw3-l { border-width: .5rem; }
+ .bw4-l { border-width: 1rem; }
+ .bw5-l { border-width: 2rem; }
+ .bt-0-l { border-top-width: 0; }
+ .br-0-l { border-right-width: 0; }
+ .bb-0-l { border-bottom-width: 0; }
+ .bl-0-l { border-left-width: 0; }
+}
+
diff --git a/packages/tachyons-border-widths/css/tachyons-border-widths.min.css b/packages/tachyons-border-widths/css/tachyons-border-widths.min.css
new file mode 100644
index 000000000..b6db8db76
--- /dev/null
+++ b/packages/tachyons-border-widths/css/tachyons-border-widths.min.css
@@ -0,0 +1,2 @@
+.bw0{border-width:0}.bw1{border-width:.125rem}.bw2{border-width:.25rem}.bw3{border-width:.5rem}.bw4{border-width:1rem}.bw5{border-width:2rem}.bt-0{border-top-width:0}.br-0{border-right-width:0}.bb-0{border-bottom-width:0}.bl-0{border-left-width:0}@media screen and (min-width:30em){.bw0-ns{border-width:0}.bw1-ns{border-width:.125rem}.bw2-ns{border-width:.25rem}.bw3-ns{border-width:.5rem}.bw4-ns{border-width:1rem}.bw5-ns{border-width:2rem}.bt-0-ns{border-top-width:0}.br-0-ns{border-right-width:0}.bb-0-ns{border-bottom-width:0}.bl-0-ns{border-left-width:0}}@media screen and (min-width:30em) and (max-width:60em){.bw0-m{border-width:0}.bw1-m{border-width:.125rem}.bw2-m{border-width:.25rem}.bw3-m{border-width:.5rem}.bw4-m{border-width:1rem}.bw5-m{border-width:2rem}.bt-0-m{border-top-width:0}.br-0-m{border-right-width:0}.bb-0-m{border-bottom-width:0}.bl-0-m{border-left-width:0}}@media screen and (min-width:60em){.bw0-l{border-width:0}.bw1-l{border-width:.125rem}.bw2-l{border-width:.25rem}.bw3-l{border-width:.5rem}.bw4-l{border-width:1rem}.bw5-l{border-width:2rem}.bt-0-l{border-top-width:0}.br-0-l{border-right-width:0}.bb-0-l{border-bottom-width:0}.bl-0-l{border-left-width:0}}
+
diff --git a/packages/tachyons-border-widths/package.json b/packages/tachyons-border-widths/package.json
new file mode 100644
index 000000000..8a051e888
--- /dev/null
+++ b/packages/tachyons-border-widths/package.json
@@ -0,0 +1,37 @@
+{
+ "name": "tachyons-border-widths",
+ "description": "Border width CSS module for Tachyons",
+ "version": "3.0.0",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "style": "src/tachyons-border-widths.css",
+ "files": [
+ "src",
+ "css"
+ ],
+ "keywords": [
+ "tachyons",
+ "tachyons-css",
+ "css",
+ "border-width",
+ "border",
+ "widths"
+ ],
+ "repository": "tachyons-css/tachyons-border-widths",
+ "license": "ISC",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-border-widths.css > css/tachyons-border-widths.css",
+ "build:minify": "tachyons src/tachyons-border-widths.css --minify > css/tachyons-border-widths.min.css",
+ "build:docs": "tachyons src/tachyons-border-widths.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ }
+}
diff --git a/packages/tachyons-border-widths/readme.md b/packages/tachyons-border-widths/readme.md
new file mode 100644
index 000000000..94f481054
--- /dev/null
+++ b/packages/tachyons-border-widths/readme.md
@@ -0,0 +1,162 @@
+# tachyons-border-widths 3.0.0
+
+Border width CSS module for Tachyons
+
+#### Stats
+
+424 | 40 | 40
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-border-widths
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-border-widths
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-border-widths.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-border-widths";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ BORDER WIDTHS
+
+ Base:
+ bw = border-width
+
+ Modifiers:
+ 0 = 0 width border
+ 1 = 1st step in border-width scale
+ 2 = 2nd step in border-width scale
+ 3 = 3rd step in border-width scale
+ 4 = 4th step in border-width scale
+ 5 = 5th step in border-width scale
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+.bw0 { border-width: 0; }
+.bw1 { border-width: .125rem; }
+.bw2 { border-width: .25rem; }
+.bw3 { border-width: .5rem; }
+.bw4 { border-width: 1rem; }
+.bw5 { border-width: 2rem; }
+.bt-0 { border-top-width: 0; }
+.br-0 { border-right-width: 0; }
+.bb-0 { border-bottom-width: 0; }
+.bl-0 { border-left-width: 0; }
+@media screen and (min-width: 30em) {
+ .bw0-ns { border-width: 0; }
+ .bw1-ns { border-width: .125rem; }
+ .bw2-ns { border-width: .25rem; }
+ .bw3-ns { border-width: .5rem; }
+ .bw4-ns { border-width: 1rem; }
+ .bw5-ns { border-width: 2rem; }
+ .bt-0-ns { border-top-width: 0; }
+ .br-0-ns { border-right-width: 0; }
+ .bb-0-ns { border-bottom-width: 0; }
+ .bl-0-ns { border-left-width: 0; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .bw0-m { border-width: 0; }
+ .bw1-m { border-width: .125rem; }
+ .bw2-m { border-width: .25rem; }
+ .bw3-m { border-width: .5rem; }
+ .bw4-m { border-width: 1rem; }
+ .bw5-m { border-width: 2rem; }
+ .bt-0-m { border-top-width: 0; }
+ .br-0-m { border-right-width: 0; }
+ .bb-0-m { border-bottom-width: 0; }
+ .bl-0-m { border-left-width: 0; }
+}
+@media screen and (min-width: 60em) {
+ .bw0-l { border-width: 0; }
+ .bw1-l { border-width: .125rem; }
+ .bw2-l { border-width: .25rem; }
+ .bw3-l { border-width: .5rem; }
+ .bw4-l { border-width: 1rem; }
+ .bw5-l { border-width: 2rem; }
+ .bt-0-l { border-top-width: 0; }
+ .br-0-l { border-right-width: 0; }
+ .bb-0-l { border-bottom-width: 0; }
+ .bl-0-l { border-left-width: 0; }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-border-widths/src/tachyons-border-widths.css b/packages/tachyons-border-widths/src/tachyons-border-widths.css
new file mode 100644
index 000000000..bdd08bffc
--- /dev/null
+++ b/packages/tachyons-border-widths/src/tachyons-border-widths.css
@@ -0,0 +1,80 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ BORDER WIDTHS
+ Docs: http://tachyons.io/docs/themes/borders/
+
+ Base:
+ bw = border-width
+
+ Modifiers:
+ 0 = 0 width border
+ 1 = 1st step in border-width scale
+ 2 = 2nd step in border-width scale
+ 3 = 3rd step in border-width scale
+ 4 = 4th step in border-width scale
+ 5 = 5th step in border-width scale
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+
+.bw0 { border-width: 0; }
+.bw1 { border-width: .125rem; }
+.bw2 { border-width: .25rem; }
+.bw3 { border-width: .5rem; }
+.bw4 { border-width: 1rem; }
+.bw5 { border-width: 2rem; }
+
+/* Resets */
+.bt-0 { border-top-width: 0; }
+.br-0 { border-right-width: 0; }
+.bb-0 { border-bottom-width: 0; }
+.bl-0 { border-left-width: 0; }
+
+@media (--breakpoint-not-small) {
+ .bw0-ns { border-width: 0; }
+ .bw1-ns { border-width: .125rem; }
+ .bw2-ns { border-width: .25rem; }
+ .bw3-ns { border-width: .5rem; }
+ .bw4-ns { border-width: 1rem; }
+ .bw5-ns { border-width: 2rem; }
+ .bt-0-ns { border-top-width: 0; }
+ .br-0-ns { border-right-width: 0; }
+ .bb-0-ns { border-bottom-width: 0; }
+ .bl-0-ns { border-left-width: 0; }
+}
+
+@media (--breakpoint-medium) {
+ .bw0-m { border-width: 0; }
+ .bw1-m { border-width: .125rem; }
+ .bw2-m { border-width: .25rem; }
+ .bw3-m { border-width: .5rem; }
+ .bw4-m { border-width: 1rem; }
+ .bw5-m { border-width: 2rem; }
+ .bt-0-m { border-top-width: 0; }
+ .br-0-m { border-right-width: 0; }
+ .bb-0-m { border-bottom-width: 0; }
+ .bl-0-m { border-left-width: 0; }
+}
+
+@media (--breakpoint-large) {
+ .bw0-l { border-width: 0; }
+ .bw1-l { border-width: .125rem; }
+ .bw2-l { border-width: .25rem; }
+ .bw3-l { border-width: .5rem; }
+ .bw4-l { border-width: 1rem; }
+ .bw5-l { border-width: 2rem; }
+ .bt-0-l { border-top-width: 0; }
+ .br-0-l { border-right-width: 0; }
+ .bb-0-l { border-bottom-width: 0; }
+ .bl-0-l { border-left-width: 0; }
+}
diff --git a/packages/tachyons-borders/.gitignore b/packages/tachyons-borders/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-borders/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-borders/LICENSE.txt b/packages/tachyons-borders/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-borders/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-borders/code-of-conduct.md b/packages/tachyons-borders/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-borders/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-borders/css/tachyons-borders.css b/packages/tachyons-borders/css/tachyons-borders.css
new file mode 100644
index 000000000..a96998ea9
--- /dev/null
+++ b/packages/tachyons-borders/css/tachyons-borders.css
@@ -0,0 +1,44 @@
+/*
+
+ BORDER BASE
+
+ Legend
+
+ a = all
+ t = top
+ r = right
+ b = bottom
+ l = left
+
+*/
+.ba { border-style: solid; border-width: 1px; }
+.bt { border-top-style: solid; border-top-width: 1px; }
+.br { border-right-style: solid; border-right-width: 1px; }
+.bb { border-bottom-style: solid; border-bottom-width: 1px; }
+.bl { border-left-style: solid; border-left-width: 1px; }
+.bn { border-style: none; border-width: 0; }
+@media screen and (min-width: 30em) {
+ .ba-ns { border-style: solid; border-width: 1px; }
+ .bt-ns { border-top-style: solid; border-top-width: 1px; }
+ .br-ns { border-right-style: solid; border-right-width: 1px; }
+ .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
+ .bl-ns { border-left-style: solid; border-left-width: 1px; }
+ .bn-ns { border-style: none; border-width: 0; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .ba-m { border-style: solid; border-width: 1px; }
+ .bt-m { border-top-style: solid; border-top-width: 1px; }
+ .br-m { border-right-style: solid; border-right-width: 1px; }
+ .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
+ .bl-m { border-left-style: solid; border-left-width: 1px; }
+ .bn-m { border-style: none; border-width: 0; }
+}
+@media screen and (min-width: 60em) {
+ .ba-l { border-style: solid; border-width: 1px; }
+ .bt-l { border-top-style: solid; border-top-width: 1px; }
+ .br-l { border-right-style: solid; border-right-width: 1px; }
+ .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
+ .bl-l { border-left-style: solid; border-left-width: 1px; }
+ .bn-l { border-style: none; border-width: 0; }
+}
+
diff --git a/packages/tachyons-borders/css/tachyons-borders.min.css b/packages/tachyons-borders/css/tachyons-borders.min.css
new file mode 100644
index 000000000..eb42f5f70
--- /dev/null
+++ b/packages/tachyons-borders/css/tachyons-borders.min.css
@@ -0,0 +1,2 @@
+.ba{border-style:solid;border-width:1px}.bt{border-top-style:solid;border-top-width:1px}.br{border-right-style:solid;border-right-width:1px}.bb{border-bottom-style:solid;border-bottom-width:1px}.bl{border-left-style:solid;border-left-width:1px}.bn{border-style:none;border-width:0}@media screen and (min-width:30em){.ba-ns{border-style:solid;border-width:1px}.bt-ns{border-top-style:solid;border-top-width:1px}.br-ns{border-right-style:solid;border-right-width:1px}.bb-ns{border-bottom-style:solid;border-bottom-width:1px}.bl-ns{border-left-style:solid;border-left-width:1px}.bn-ns{border-style:none;border-width:0}}@media screen and (min-width:30em) and (max-width:60em){.ba-m{border-style:solid;border-width:1px}.bt-m{border-top-style:solid;border-top-width:1px}.br-m{border-right-style:solid;border-right-width:1px}.bb-m{border-bottom-style:solid;border-bottom-width:1px}.bl-m{border-left-style:solid;border-left-width:1px}.bn-m{border-style:none;border-width:0}}@media screen and (min-width:60em){.ba-l{border-style:solid;border-width:1px}.bt-l{border-top-style:solid;border-top-width:1px}.br-l{border-right-style:solid;border-right-width:1px}.bb-l{border-bottom-style:solid;border-bottom-width:1px}.bl-l{border-left-style:solid;border-left-width:1px}.bn-l{border-style:none;border-width:0}}
+
diff --git a/packages/tachyons-borders/package.json b/packages/tachyons-borders/package.json
new file mode 100644
index 000000000..a522acd2b
--- /dev/null
+++ b/packages/tachyons-borders/package.json
@@ -0,0 +1,39 @@
+{
+ "name": "tachyons-borders",
+ "version": "3.0.0",
+ "style": "src/tachyons-borders.css",
+ "description": "Performance-first css module for styling borders.",
+ "keywords": [
+ "tachyons",
+ "tachyons-css",
+ "tachyons-borders",
+ "css"
+ ],
+ "files": [
+ "src",
+ "css"
+ ],
+ "repository": "tachyons-css/tachyons-borders",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "license": "ISC",
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-borders.css > css/tachyons-borders.css",
+ "build:minify": "tachyons src/tachyons-borders.css --minify > css/tachyons-borders.min.css",
+ "build:docs": "tachyons src/tachyons-borders.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ },
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "metadata": {
+ "category": "theming",
+ "isCore": true
+ }
+}
diff --git a/packages/tachyons-borders/readme.md b/packages/tachyons-borders/readme.md
new file mode 100644
index 000000000..ef70560ba
--- /dev/null
+++ b/packages/tachyons-borders/readme.md
@@ -0,0 +1,138 @@
+# tachyons-borders 3.0.0
+
+Performance-first css module for styling borders.
+
+#### Stats
+
+308 | 24 | 48
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-borders
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-borders
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-borders.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-borders";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ BORDER BASE
+
+ Legend
+
+ a = all
+ t = top
+ r = right
+ b = bottom
+ l = left
+
+*/
+.ba { border-style: solid; border-width: 1px; }
+.bt { border-top-style: solid; border-top-width: 1px; }
+.br { border-right-style: solid; border-right-width: 1px; }
+.bb { border-bottom-style: solid; border-bottom-width: 1px; }
+.bl { border-left-style: solid; border-left-width: 1px; }
+.bn { border-style: none; border-width: 0; }
+@media screen and (min-width: 30em) {
+ .ba-ns { border-style: solid; border-width: 1px; }
+ .bt-ns { border-top-style: solid; border-top-width: 1px; }
+ .br-ns { border-right-style: solid; border-right-width: 1px; }
+ .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
+ .bl-ns { border-left-style: solid; border-left-width: 1px; }
+ .bn-ns { border-style: none; border-width: 0; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .ba-m { border-style: solid; border-width: 1px; }
+ .bt-m { border-top-style: solid; border-top-width: 1px; }
+ .br-m { border-right-style: solid; border-right-width: 1px; }
+ .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
+ .bl-m { border-left-style: solid; border-left-width: 1px; }
+ .bn-m { border-style: none; border-width: 0; }
+}
+@media screen and (min-width: 60em) {
+ .ba-l { border-style: solid; border-width: 1px; }
+ .bt-l { border-top-style: solid; border-top-width: 1px; }
+ .br-l { border-right-style: solid; border-right-width: 1px; }
+ .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
+ .bl-l { border-left-style: solid; border-left-width: 1px; }
+ .bn-l { border-style: none; border-width: 0; }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-borders/src/tachyons-borders.css b/packages/tachyons-borders/src/tachyons-borders.css
new file mode 100644
index 000000000..dfae5ff78
--- /dev/null
+++ b/packages/tachyons-borders/src/tachyons-borders.css
@@ -0,0 +1,64 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ BORDERS
+ Docs: http://tachyons.io/docs/themes/borders/
+
+ Base:
+ b = border
+
+ Modifiers:
+ a = all
+ t = top
+ r = right
+ b = bottom
+ l = left
+ n = none
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+
+ .ba { border-style: solid; border-width: 1px; }
+ .bt { border-top-style: solid; border-top-width: 1px; }
+ .br { border-right-style: solid; border-right-width: 1px; }
+ .bb { border-bottom-style: solid; border-bottom-width: 1px; }
+ .bl { border-left-style: solid; border-left-width: 1px; }
+ .bn { border-style: none; border-width: 0; }
+
+
+@media (--breakpoint-not-small) {
+ .ba-ns { border-style: solid; border-width: 1px; }
+ .bt-ns { border-top-style: solid; border-top-width: 1px; }
+ .br-ns { border-right-style: solid; border-right-width: 1px; }
+ .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
+ .bl-ns { border-left-style: solid; border-left-width: 1px; }
+ .bn-ns { border-style: none; border-width: 0; }
+}
+
+@media (--breakpoint-medium) {
+ .ba-m { border-style: solid; border-width: 1px; }
+ .bt-m { border-top-style: solid; border-top-width: 1px; }
+ .br-m { border-right-style: solid; border-right-width: 1px; }
+ .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
+ .bl-m { border-left-style: solid; border-left-width: 1px; }
+ .bn-m { border-style: none; border-width: 0; }
+}
+
+@media (--breakpoint-large) {
+ .ba-l { border-style: solid; border-width: 1px; }
+ .bt-l { border-top-style: solid; border-top-width: 1px; }
+ .br-l { border-right-style: solid; border-right-width: 1px; }
+ .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
+ .bl-l { border-left-style: solid; border-left-width: 1px; }
+ .bn-l { border-style: none; border-width: 0; }
+}
+
diff --git a/packages/tachyons-box-shadow/.gitignore b/packages/tachyons-box-shadow/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-box-shadow/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-box-shadow/LICENSE.txt b/packages/tachyons-box-shadow/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-box-shadow/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-box-shadow/code-of-conduct.md b/packages/tachyons-box-shadow/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-box-shadow/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-box-shadow/css/tachyons-box-shadow.css b/packages/tachyons-box-shadow/css/tachyons-box-shadow.css
new file mode 100644
index 000000000..480b79b5d
--- /dev/null
+++ b/packages/tachyons-box-shadow/css/tachyons-box-shadow.css
@@ -0,0 +1,37 @@
+/*
+
+ BOX-SHADOW
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+ */
+.shadow-1 { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+.shadow-2 { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
+.shadow-3 { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+.shadow-4 { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+.shadow-5 { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+@media screen and (min-width: 30em) {
+ .shadow-1-ns { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-2-ns { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-3-ns { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-4-ns { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-5-ns { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .shadow-1-m { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-2-m { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-3-m { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-4-m { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-5-m { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+}
+@media screen and (min-width: 60em) {
+ .shadow-1-l { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-2-l { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-3-l { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-4-l { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-5-l { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+}
+
diff --git a/packages/tachyons-box-shadow/css/tachyons-box-shadow.min.css b/packages/tachyons-box-shadow/css/tachyons-box-shadow.min.css
new file mode 100644
index 000000000..1ce86b9de
--- /dev/null
+++ b/packages/tachyons-box-shadow/css/tachyons-box-shadow.min.css
@@ -0,0 +1,2 @@
+.shadow-1{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}@media screen and (min-width:30em){.shadow-1-ns{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-ns{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-ns{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-ns{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-ns{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}}@media screen and (min-width:30em) and (max-width:60em){.shadow-1-m{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-m{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-m{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-m{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-m{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}}@media screen and (min-width:60em){.shadow-1-l{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-l{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-l{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-l{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-l{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}}
+
diff --git a/packages/tachyons-box-shadow/index.html b/packages/tachyons-box-shadow/index.html
new file mode 100644
index 000000000..35452edb8
--- /dev/null
+++ b/packages/tachyons-box-shadow/index.html
@@ -0,0 +1,17 @@
+
+
+
+ index
+
+
+
+
+
+
Test
+
Test
+
Test
+
Test
+
Test
+
+
+
diff --git a/packages/tachyons-box-shadow/package.json b/packages/tachyons-box-shadow/package.json
new file mode 100644
index 000000000..2327575b3
--- /dev/null
+++ b/packages/tachyons-box-shadow/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "tachyons-box-shadow",
+ "description": "box-shadow CSS module for Tachyons",
+ "version": "2.0.0",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "style": "src/tachyons-box-shadow.css",
+ "files": [
+ "src",
+ "css"
+ ],
+ "keywords": [
+ "tachyons",
+ "tachyons-css",
+ "css",
+ "box-shadow"
+ ],
+ "repository": "tachyons-css/tachyons-box-shadow",
+ "license": "ISC",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-box-shadow.css > css/tachyons-box-shadow.css",
+ "build:minify": "tachyons src/tachyons-box-shadow.css --minify > css/tachyons-box-shadow.min.css",
+ "build:docs": "tachyons src/tachyons-box-shadow.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ }
+}
diff --git a/packages/tachyons-box-shadow/readme.md b/packages/tachyons-box-shadow/readme.md
new file mode 100644
index 000000000..5de8441ba
--- /dev/null
+++ b/packages/tachyons-box-shadow/readme.md
@@ -0,0 +1,131 @@
+# tachyons-box-shadow 2.0.0
+
+box-shadow CSS module for Tachyons
+
+#### Stats
+
+296 | 20 | 20
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-box-shadow
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-box-shadow
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-box-shadow.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-box-shadow";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ BOX-SHADOW
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+ */
+.shadow-1 { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+.shadow-2 { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
+.shadow-3 { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+.shadow-4 { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+.shadow-5 { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+@media screen and (min-width: 30em) {
+ .shadow-1-ns { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-2-ns { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-3-ns { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-4-ns { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-5-ns { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .shadow-1-m { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-2-m { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-3-m { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-4-m { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-5-m { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+}
+@media screen and (min-width: 60em) {
+ .shadow-1-l { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-2-l { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-3-l { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-4-l { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-5-l { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-box-shadow/src/tachyons-box-shadow.css b/packages/tachyons-box-shadow/src/tachyons-box-shadow.css
new file mode 100644
index 000000000..6cd3a42dc
--- /dev/null
+++ b/packages/tachyons-box-shadow/src/tachyons-box-shadow.css
@@ -0,0 +1,47 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ BOX-SHADOW
+ Docs: http://tachyons.io/docs/themes/box-shadow/
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+ */
+
+.shadow-1 { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+.shadow-2 { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
+.shadow-3 { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+.shadow-4 { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+.shadow-5 { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+
+@media (--breakpoint-not-small) {
+ .shadow-1-ns { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-2-ns { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-3-ns { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-4-ns { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-5-ns { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+}
+
+@media (--breakpoint-medium) {
+ .shadow-1-m { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-2-m { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-3-m { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-4-m { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-5-m { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+}
+
+@media (--breakpoint-large) {
+ .shadow-1-l { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-2-l { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-3-l { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-4-l { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+ .shadow-5-l { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
+}
diff --git a/packages/tachyons-box-sizing/.gitignore b/packages/tachyons-box-sizing/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-box-sizing/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-box-sizing/LICENSE.txt b/packages/tachyons-box-sizing/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-box-sizing/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-box-sizing/code-of-conduct.md b/packages/tachyons-box-sizing/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-box-sizing/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-box-sizing/css/tachyons-box-sizing.css b/packages/tachyons-box-sizing/css/tachyons-box-sizing.css
new file mode 100644
index 000000000..95cd83dea
--- /dev/null
+++ b/packages/tachyons-box-sizing/css/tachyons-box-sizing.css
@@ -0,0 +1,8 @@
+/*
+ Box Sizing
+*/
+html, body, div, article, section, main, footer, header, form, fieldset, pre,
+code, p, ul, ol, li, dl, dt, dd, textarea, input[type="email"],
+input[type="number"], input[type="password"], input[type="tel"],
+input[type="text"], input[type="url"], .border-box { box-sizing: border-box; }
+
diff --git a/packages/tachyons-box-sizing/css/tachyons-box-sizing.min.css b/packages/tachyons-box-sizing/css/tachyons-box-sizing.min.css
new file mode 100644
index 000000000..7bbec1eb9
--- /dev/null
+++ b/packages/tachyons-box-sizing/css/tachyons-box-sizing.min.css
@@ -0,0 +1,2 @@
+.border-box,article,body,code,dd,div,dl,dt,fieldset,footer,form,header,html,input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],li,main,ol,p,pre,section,textarea,ul{box-sizing:border-box}
+
diff --git a/packages/tachyons-box-sizing/package.json b/packages/tachyons-box-sizing/package.json
new file mode 100644
index 000000000..e8f10de76
--- /dev/null
+++ b/packages/tachyons-box-sizing/package.json
@@ -0,0 +1,38 @@
+{
+ "name": "tachyons-box-sizing",
+ "version": "3.1.6",
+ "style": "src/tachyons-box-sizing.css",
+ "description": "Performance based css module.",
+ "keywords": [
+ "tachyons",
+ "tachyons-css",
+ "box-sizing"
+ ],
+ "files": [
+ "src",
+ "css"
+ ],
+ "repository": "tachyons-css/tachyons-box-sizing",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "license": "ISC",
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-box-sizing.css > css/tachyons-box-sizing.css",
+ "build:minify": "tachyons src/tachyons-box-sizing.css --minify > css/tachyons-box-sizing.min.css",
+ "build:docs": "tachyons src/tachyons-box-sizing.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ },
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "metadata": {
+ "category": "layout",
+ "isCore": true
+ }
+}
diff --git a/packages/tachyons-box-sizing/readme.md b/packages/tachyons-box-sizing/readme.md
new file mode 100644
index 000000000..dba2f34b8
--- /dev/null
+++ b/packages/tachyons-box-sizing/readme.md
@@ -0,0 +1,102 @@
+# tachyons-box-sizing 3.1.6
+
+Performance based css module.
+
+#### Stats
+
+203 | 27 | 1
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-box-sizing
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-box-sizing
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-box-sizing.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-box-sizing";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+ Box Sizing
+*/
+html, body, div, article, section, main, footer, header, form, fieldset, pre,
+code, p, ul, ol, li, dl, dt, dd, textarea, input[type="email"],
+input[type="number"], input[type="password"], input[type="tel"],
+input[type="text"], input[type="url"], .border-box { box-sizing: border-box; }
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-box-sizing/src/tachyons-box-sizing.css b/packages/tachyons-box-sizing/src/tachyons-box-sizing.css
new file mode 100644
index 000000000..7742de028
--- /dev/null
+++ b/packages/tachyons-box-sizing/src/tachyons-box-sizing.css
@@ -0,0 +1,43 @@
+/*
+
+ BOX SIZING
+
+*/
+
+html,
+body,
+div,
+article,
+section,
+main,
+footer,
+header,
+form,
+fieldset,
+legend,
+pre,
+code,
+a,
+h1,h2,h3,h4,h5,h6,
+p,
+ul,
+ol,
+li,
+dl,
+dt,
+dd,
+textarea,
+table,
+td,
+th,
+tr,
+input[type="email"],
+input[type="number"],
+input[type="password"],
+input[type="tel"],
+input[type="text"],
+input[type="url"],
+.border-box {
+ box-sizing: border-box;
+}
+
diff --git a/packages/tachyons-clears/.gitignore b/packages/tachyons-clears/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-clears/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-clears/LICENSE.txt b/packages/tachyons-clears/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-clears/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-clears/code-of-conduct.md b/packages/tachyons-clears/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-clears/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-clears/css/tachyons-clears.css b/packages/tachyons-clears/css/tachyons-clears.css
new file mode 100644
index 000000000..45c68510c
--- /dev/null
+++ b/packages/tachyons-clears/css/tachyons-clears.css
@@ -0,0 +1,33 @@
+/*
+
+ CLEARFIX
+
+*/
+/* Nicolas Gallaghers Clearfix solution
+ Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
+.cf:before, .cf:after { content: " "; display: table; }
+.cf:after { clear: both; }
+.cf { *zoom: 1; }
+.cl { clear: left; }
+.cr { clear: right; }
+.cb { clear: both; }
+.cn { clear: none; }
+@media screen and (min-width: 30em) {
+ .cl-ns { clear: left; }
+ .cr-ns { clear: right; }
+ .cb-ns { clear: both; }
+ .cn-ns { clear: none; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .cl-m { clear: left; }
+ .cr-m { clear: right; }
+ .cb-m { clear: both; }
+ .cn-m { clear: none; }
+}
+@media screen and (min-width: 60em) {
+ .cl-l { clear: left; }
+ .cr-l { clear: right; }
+ .cb-l { clear: both; }
+ .cn-l { clear: none; }
+}
+
diff --git a/packages/tachyons-clears/css/tachyons-clears.min.css b/packages/tachyons-clears/css/tachyons-clears.min.css
new file mode 100644
index 000000000..f6f6f46b1
--- /dev/null
+++ b/packages/tachyons-clears/css/tachyons-clears.min.css
@@ -0,0 +1,2 @@
+.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.cl{clear:left}.cr{clear:right}.cb{clear:both}.cn{clear:none}@media screen and (min-width:30em){.cl-ns{clear:left}.cr-ns{clear:right}.cb-ns{clear:both}.cn-ns{clear:none}}@media screen and (min-width:30em) and (max-width:60em){.cl-m{clear:left}.cr-m{clear:right}.cb-m{clear:both}.cn-m{clear:none}}@media screen and (min-width:60em){.cl-l{clear:left}.cr-l{clear:right}.cb-l{clear:both}.cn-l{clear:none}}
+
diff --git a/packages/tachyons-clears/package.json b/packages/tachyons-clears/package.json
new file mode 100644
index 000000000..c5967ce77
--- /dev/null
+++ b/packages/tachyons-clears/package.json
@@ -0,0 +1,38 @@
+{
+ "name": "tachyons-clears",
+ "version": "3.0.0",
+ "style": "src/tachyons-clears.css",
+ "description": "Performance based css module.",
+ "keywords": [
+ "tachyons-css",
+ "tachyons"
+ ],
+ "files": [
+ "src",
+ "css"
+ ],
+ "repository": "tachyons-css/tachyons-clears",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "license": "ISC",
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-clears.css > css/tachyons-clears.css",
+ "build:minify": "tachyons src/tachyons-clears.css --minify > css/tachyons-clears.min.css",
+ "build:docs": "tachyons src/tachyons-clears.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ },
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "metadata": {
+ "category": "layout",
+ "isCore": true,
+ "nickName": "clearfix"
+ }
+}
diff --git a/packages/tachyons-clears/readme.md b/packages/tachyons-clears/readme.md
new file mode 100644
index 000000000..d537ad7d2
--- /dev/null
+++ b/packages/tachyons-clears/readme.md
@@ -0,0 +1,127 @@
+# tachyons-clears 3.0.0
+
+Performance based css module.
+
+#### Stats
+
+298 | 20 | 20
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-clears
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-clears
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-clears.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-clears";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ CLEARFIX
+
+*/
+/* Nicolas Gallaghers Clearfix solution
+ Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
+.cf:before, .cf:after { content: " "; display: table; }
+.cf:after { clear: both; }
+.cf { *zoom: 1; }
+.cl { clear: left; }
+.cr { clear: right; }
+.cb { clear: both; }
+.cn { clear: none; }
+@media screen and (min-width: 30em) {
+ .cl-ns { clear: left; }
+ .cr-ns { clear: right; }
+ .cb-ns { clear: both; }
+ .cn-ns { clear: none; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .cl-m { clear: left; }
+ .cr-m { clear: right; }
+ .cb-m { clear: both; }
+ .cn-m { clear: none; }
+}
+@media screen and (min-width: 60em) {
+ .cl-l { clear: left; }
+ .cr-l { clear: right; }
+ .cb-l { clear: both; }
+ .cn-l { clear: none; }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-clears/src/tachyons-clears.css b/packages/tachyons-clears/src/tachyons-clears.css
new file mode 100644
index 000000000..69803b575
--- /dev/null
+++ b/packages/tachyons-clears/src/tachyons-clears.css
@@ -0,0 +1,46 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ CLEARFIX
+ http://tachyons.io/docs/layout/clearfix/
+
+*/
+
+/* Nicolas Gallaghers Clearfix solution
+ Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
+
+.cf:before,
+.cf:after { content: " "; display: table; }
+.cf:after { clear: both; }
+.cf { *zoom: 1; }
+
+.cl { clear: left; }
+.cr { clear: right; }
+.cb { clear: both; }
+.cn { clear: none; }
+
+@media (--breakpoint-not-small) {
+ .cl-ns { clear: left; }
+ .cr-ns { clear: right; }
+ .cb-ns { clear: both; }
+ .cn-ns { clear: none; }
+}
+
+@media (--breakpoint-medium) {
+ .cl-m { clear: left; }
+ .cr-m { clear: right; }
+ .cb-m { clear: both; }
+ .cn-m { clear: none; }
+}
+
+@media (--breakpoint-large) {
+ .cl-l { clear: left; }
+ .cr-l { clear: right; }
+ .cb-l { clear: both; }
+ .cn-l { clear: none; }
+}
diff --git a/packages/tachyons-cms/.gitignore b/packages/tachyons-cms/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-cms/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-cms/code-of-conduct.md b/packages/tachyons-cms/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-cms/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-cms/css/tachyons-cms.css b/packages/tachyons-cms/css/tachyons-cms.css
new file mode 100644
index 000000000..368bfc971
--- /dev/null
+++ b/packages/tachyons-cms/css/tachyons-cms.css
@@ -0,0 +1,16 @@
+/*
+
+ Tachyons
+ CMS
+
+*/
+.nested-copy-line-height p, .nested-copy-line-height ul,
+.nested-copy-line-height ol { line-height: 1.5; }
+.nested-headline-line-height h1, .nested-headline-line-height h2,
+.nested-headline-line-height h3, .nested-headline-line-height h4,
+.nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: 1.3; }
+.nested-list-reset ul, .nested-list-reset ol { padding-left: 0; margin-left: 0; list-style-type: none; }
+.nested-copy-indent p+p { text-indent: 1em; }
+.nested-copy-seperator p+p { margin-top: 1.5em; }
+.nested-img img { width: 100%; max-width: 100%; display: block; }
+
diff --git a/packages/tachyons-cms/css/tachyons-cms.min.css b/packages/tachyons-cms/css/tachyons-cms.min.css
new file mode 100644
index 000000000..4d6244e9b
--- /dev/null
+++ b/packages/tachyons-cms/css/tachyons-cms.min.css
@@ -0,0 +1,2 @@
+.nested-copy-line-height ol,.nested-copy-line-height p,.nested-copy-line-height ul{line-height:1.5}.nested-headline-line-height h1,.nested-headline-line-height h2,.nested-headline-line-height h3,.nested-headline-line-height h4,.nested-headline-line-height h5,.nested-headline-line-height h6{line-height:1.3}.nested-list-reset ol,.nested-list-reset ul{padding-left:0;margin-left:0;list-style-type:none}.nested-copy-indent p+p{text-indent:1em}.nested-copy-seperator p+p{margin-top:1.5em}.nested-img img{width:100%;max-width:100%;display:block}
+
diff --git a/packages/tachyons-cms/license b/packages/tachyons-cms/license
new file mode 100644
index 000000000..ef521899d
--- /dev/null
+++ b/packages/tachyons-cms/license
@@ -0,0 +1,9 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 @mrmrs (mrmrs.io)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/packages/tachyons-cms/package.json b/packages/tachyons-cms/package.json
new file mode 100644
index 000000000..c63fb0619
--- /dev/null
+++ b/packages/tachyons-cms/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "tachyons-cms",
+ "description": "CSS module for styling unqualified elements with Tachyons",
+ "version": "1.0.0",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "style": "src/tachyons-cms.css",
+ "files": [
+ "src",
+ "css"
+ ],
+ "keywords": [
+ "tachyons",
+ "tachyons-css",
+ "css",
+ "cms"
+ ],
+ "repository": "tachyons-css/tachyons-cms",
+ "license": "MIT",
+ "devDependencies": {
+ "tachyons-cli": "^0.6.1",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-cms.css > css/tachyons-cms.css",
+ "build:minify": "tachyons src/tachyons-cms.css --minify > css/tachyons-cms.min.css",
+ "build:docs": "tachyons src/tachyons-cms.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ }
+}
diff --git a/packages/tachyons-cms/readme.md b/packages/tachyons-cms/readme.md
new file mode 100644
index 000000000..3ca4158f5
--- /dev/null
+++ b/packages/tachyons-cms/readme.md
@@ -0,0 +1,92 @@
+# tachyons-cms 1.0.0
+
+CSS module for styling unqualified elements with Tachyons
+
+#### Stats
+
+256 | 14 | 10
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-cms
+```
+
+#### With Git
+
+```
+git clone https://github.com/tachyons-css/tachyons-cms
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-cms";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ Tachyons
+ CMS
+
+*/
+.nested-copy-line-height p, .nested-copy-line-height ul,
+.nested-copy-line-height ol { line-height: 1.5; }
+.nested-headline-line-height h1, .nested-headline-line-height h2,
+.nested-headline-line-height h3, .nested-headline-line-height h4,
+.nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: 1.3; }
+.nested-list-reset ul, .nested-list-reset ol { padding-left: 0; margin-left: 0; list-style-type: none; }
+.nested-copy-indent p+p { text-indent: 1em; }
+.nested-copy-seperator p+p { margin-top: 1.5em; }
+.nested-img img { width: 100%; max-width: 100%; display: block; }
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+MIT
+
diff --git a/packages/tachyons-cms/src/tachyons-cms.css b/packages/tachyons-cms/src/tachyons-cms.css
new file mode 100644
index 000000000..ce2e1482e
--- /dev/null
+++ b/packages/tachyons-cms/src/tachyons-cms.css
@@ -0,0 +1,42 @@
+/*
+
+ Tachyons
+ CMS
+
+*/
+
+.nested-copy-line-height p,
+.nested-copy-line-height ul,
+.nested-copy-line-height ol {
+ line-height: 1.5;
+}
+
+.nested-headline-line-height h1,
+.nested-headline-line-height h2,
+.nested-headline-line-height h3,
+.nested-headline-line-height h4,
+.nested-headline-line-height h5,
+.nested-headline-line-height h6 {
+ line-height: 1.3;
+}
+
+.nested-list-reset ul,
+.nested-list-reset ol {
+ padding-left: 0;
+ margin-left: 0;
+ list-style-type: none;
+}
+
+.nested-copy-indent p+p {
+ text-indent: 1em;
+}
+
+.nested-copy-seperator p+p {
+ margin-top: 1.5em;
+}
+
+.nested-img img {
+ width: 100%;
+ max-width: 100%;
+ display: block;
+}
diff --git a/packages/tachyons-code/.gitignore b/packages/tachyons-code/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-code/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-code/code-of-conduct.md b/packages/tachyons-code/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-code/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-code/css/tachyons-code.css b/packages/tachyons-code/css/tachyons-code.css
new file mode 100644
index 000000000..292737fd4
--- /dev/null
+++ b/packages/tachyons-code/css/tachyons-code.css
@@ -0,0 +1,7 @@
+/*
+
+ CODE
+
+*/
+.pre { overflow-x: auto; overflow-y: hidden; overflow: scroll; }
+
diff --git a/packages/tachyons-code/css/tachyons-code.min.css b/packages/tachyons-code/css/tachyons-code.min.css
new file mode 100644
index 000000000..79af9a5b3
--- /dev/null
+++ b/packages/tachyons-code/css/tachyons-code.min.css
@@ -0,0 +1,2 @@
+.pre{overflow-x:auto;overflow-y:hidden;overflow:scroll}
+
diff --git a/packages/tachyons-code/license b/packages/tachyons-code/license
new file mode 100644
index 000000000..ef521899d
--- /dev/null
+++ b/packages/tachyons-code/license
@@ -0,0 +1,9 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 @mrmrs (mrmrs.io)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/packages/tachyons-code/package.json b/packages/tachyons-code/package.json
new file mode 100644
index 000000000..95997a60f
--- /dev/null
+++ b/packages/tachyons-code/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "tachyons-code",
+ "description": "Tachyons module for code",
+ "version": "1.0.0",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "style": "src/tachyons-code.css",
+ "files": [
+ "src",
+ "css"
+ ],
+ "keywords": [
+ "tachyons",
+ "tachyons-css",
+ "css",
+ "code"
+ ],
+ "repository": "tachyons-css/tachyons-code",
+ "license": "MIT",
+ "devDependencies": {
+ "tachyons-cli": "^0.6.1",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-code.css > css/tachyons-code.css",
+ "build:minify": "tachyons src/tachyons-code.css --minify > css/tachyons-code.min.css",
+ "build:docs": "tachyons src/tachyons-code.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ }
+}
diff --git a/packages/tachyons-code/readme.md b/packages/tachyons-code/readme.md
new file mode 100644
index 000000000..5dfcc2f65
--- /dev/null
+++ b/packages/tachyons-code/readme.md
@@ -0,0 +1,83 @@
+# tachyons-code 1.0.0
+
+Tachyons module for code
+
+#### Stats
+
+84 | 1 | 3
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-code
+```
+
+#### With Git
+
+```
+git clone https://github.com/tachyons-css/tachyons-code
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-code";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ CODE
+
+*/
+.pre { overflow-x: auto; overflow-y: hidden; overflow: scroll; }
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+MIT
+
diff --git a/packages/tachyons-code/src/tachyons-code.css b/packages/tachyons-code/src/tachyons-code.css
new file mode 100644
index 000000000..ac691f30d
--- /dev/null
+++ b/packages/tachyons-code/src/tachyons-code.css
@@ -0,0 +1,11 @@
+/*
+
+ CODE
+
+*/
+
+.pre {
+ overflow-x: auto;
+ overflow-y: hidden;
+ overflow: scroll;
+}
diff --git a/packages/tachyons-colors/.gitignore b/packages/tachyons-colors/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-colors/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-colors/LICENSE.txt b/packages/tachyons-colors/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-colors/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-colors/code-of-conduct.md b/packages/tachyons-colors/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-colors/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-colors/css/tachyons-colors.css b/packages/tachyons-colors/css/tachyons-colors.css
new file mode 100644
index 000000000..969e86fed
--- /dev/null
+++ b/packages/tachyons-colors/css/tachyons-colors.css
@@ -0,0 +1,10 @@
+/*
+
+ Tachyons
+ COLOR VARIABLES
+
+ Grayscale
+ - Solids
+ - Transparencies
+*/
+
diff --git a/packages/tachyons-colors/css/tachyons-colors.min.css b/packages/tachyons-colors/css/tachyons-colors.min.css
new file mode 100644
index 000000000..139597f9c
--- /dev/null
+++ b/packages/tachyons-colors/css/tachyons-colors.min.css
@@ -0,0 +1,2 @@
+
+
diff --git a/packages/tachyons-colors/package.json b/packages/tachyons-colors/package.json
new file mode 100644
index 000000000..db92c5a98
--- /dev/null
+++ b/packages/tachyons-colors/package.json
@@ -0,0 +1,40 @@
+{
+ "name": "tachyons-colors",
+ "version": "5.2.4",
+ "style": "src/tachyons-colors.css",
+ "homepage": "http://github.com/tachyons-css/tachyons-colors",
+ "description": "Default CSS color variables for Tachyons",
+ "keywords": [
+ "postcss",
+ "tachyons",
+ "color",
+ "design",
+ "css"
+ ],
+ "repository": {
+ "type": "git",
+ "url": "http://github.com/tachyons-css/tachyons-colors.git"
+ },
+ "bugs": {
+ "url": "https://github.com/tachyons-css/tachyons-colors/issues",
+ "email": "hi@mrmrs.cc"
+ },
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "license": "ISC",
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-colors.css > css/tachyons-colors.css",
+ "build:minify": "tachyons src/tachyons-colors.css --minify > css/tachyons-colors.min.css",
+ "build:docs": "tachyons src/tachyons-colors.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ },
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ }
+}
diff --git a/packages/tachyons-colors/readme.md b/packages/tachyons-colors/readme.md
new file mode 100644
index 000000000..09ebe0458
--- /dev/null
+++ b/packages/tachyons-colors/readme.md
@@ -0,0 +1,104 @@
+# tachyons-colors 5.2.4
+
+Default CSS color variables for Tachyons
+
+#### Stats
+
+92 | 0 | 0
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-colors
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-colors
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-colors.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-colors";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ Tachyons
+ COLOR VARIABLES
+
+ Grayscale
+ - Solids
+ - Transparencies
+*/
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-colors/src/tachyons-colors.css b/packages/tachyons-colors/src/tachyons-colors.css
new file mode 100644
index 000000000..7280aeca3
--- /dev/null
+++ b/packages/tachyons-colors/src/tachyons-colors.css
@@ -0,0 +1,80 @@
+/*
+
+ Tachyons
+ COLOR VARIABLES
+
+ Grayscale
+ - Solids
+ - Transparencies
+ Colors
+
+*/
+
+:root {
+ --black: #000;
+ --near-black: #111;
+ --dark-gray:#333;
+ --mid-gray:#555;
+ --gray: #777;
+ --silver: #999;
+ --light-silver: #aaa;
+ --moon-gray: #ccc;
+ --light-gray: #eee;
+ --near-white: #f4f4f4;
+ --white: #fff;
+
+ --transparent:transparent;
+
+ --black-90: rgba(0,0,0,.9);
+ --black-80: rgba(0,0,0,.8);
+ --black-70: rgba(0,0,0,.7);
+ --black-60: rgba(0,0,0,.6);
+ --black-50: rgba(0,0,0,.5);
+ --black-40: rgba(0,0,0,.4);
+ --black-30: rgba(0,0,0,.3);
+ --black-20: rgba(0,0,0,.2);
+ --black-10: rgba(0,0,0,.1);
+ --black-05: rgba(0,0,0,.05);
+ --black-025: rgba(0,0,0,.025);
+ --black-0125: rgba(0,0,0,.0125);
+
+ --white-90: rgba(255,255,255,.9);
+ --white-80: rgba(255,255,255,.8);
+ --white-70: rgba(255,255,255,.7);
+ --white-60: rgba(255,255,255,.6);
+ --white-50: rgba(255,255,255,.5);
+ --white-40: rgba(255,255,255,.4);
+ --white-30: rgba(255,255,255,.3);
+ --white-20: rgba(255,255,255,.2);
+ --white-10: rgba(255,255,255,.1);
+ --white-05: rgba(255,255,255,.05);
+ --white-025: rgba(255,255,255,.025);
+ --white-0125: rgba(255,255,255,.0125);
+
+ --dark-red: #e7040f;
+ --red: #ff4136;
+ --light-red: #ff725c;
+ --orange: #ff6300;
+ --gold: #ffb700;
+ --yellow: #ffd700;
+ --light-yellow: #fbf1a9;
+ --purple: #5e2ca5;
+ --light-purple: #a463f2;
+ --dark-pink: #d5008f;
+ --hot-pink: #ff41b4;
+ --pink: #ff80cc;
+ --light-pink: #ffa3d7;
+ --dark-green: #137752;
+ --green: #19a974;
+ --light-green: #9eebcf;
+ --navy: #001b44;
+ --dark-blue: #00449e;
+ --blue: #357edd;
+ --light-blue: #96ccff;
+ --lightest-blue: #cdecff;
+ --washed-blue: #f6fffe;
+ --washed-green: #e8fdf5;
+ --washed-yellow: #fffceb;
+ --washed-red: #ffdfdf;
+
+}
diff --git a/packages/tachyons-coordinates/.gitignore b/packages/tachyons-coordinates/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-coordinates/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-coordinates/LICENSE.txt b/packages/tachyons-coordinates/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-coordinates/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-coordinates/code-of-conduct.md b/packages/tachyons-coordinates/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-coordinates/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-coordinates/css/tachyons-coordinates.css b/packages/tachyons-coordinates/css/tachyons-coordinates.css
new file mode 100644
index 000000000..a6a96e41a
--- /dev/null
+++ b/packages/tachyons-coordinates/css/tachyons-coordinates.css
@@ -0,0 +1,98 @@
+/*
+
+ COORDINATES
+
+ Use in combination with the position module.
+
+*/
+.top-0 { top: 0; }
+.right-0 { right: 0; }
+.bottom-0 { bottom: 0; }
+.left-0 { left: 0; }
+.top-1 { top: 1rem; }
+.right-1 { right: 1rem; }
+.bottom-1 { bottom: 1rem; }
+.left-1 { left: 1rem; }
+.top-2 { top: 2rem; }
+.right-2 { right: 2rem; }
+.bottom-2 { bottom: 2rem; }
+.left-2 { left: 2rem; }
+.top--1 { top: -1rem; }
+.right--1 { right: -1rem; }
+.bottom--1 { bottom: -1rem; }
+.left--1 { left: -1rem; }
+.top--2 { top: -2rem; }
+.right--2 { right: -2rem; }
+.bottom--2 { bottom: -2rem; }
+.left--2 { left: -2rem; }
+.absolute--fill { top: 0; right: 0; bottom: 0; left: 0; }
+@media screen and (min-width: 30em) {
+ .top-0-ns { top: 0; }
+ .left-0-ns { left: 0; }
+ .right-0-ns { right: 0; }
+ .bottom-0-ns { bottom: 0; }
+ .top-1-ns { top: 1rem; }
+ .left-1-ns { left: 1rem; }
+ .right-1-ns { right: 1rem; }
+ .bottom-1-ns { bottom: 1rem; }
+ .top-2-ns { top: 2rem; }
+ .left-2-ns { left: 2rem; }
+ .right-2-ns { right: 2rem; }
+ .bottom-2-ns { bottom: 2rem; }
+ .top--1-ns { top: -1rem; }
+ .right--1-ns { right: -1rem; }
+ .bottom--1-ns { bottom: -1rem; }
+ .left--1-ns { left: -1rem; }
+ .top--2-ns { top: -2rem; }
+ .right--2-ns { right: -2rem; }
+ .bottom--2-ns { bottom: -2rem; }
+ .left--2-ns { left: -2rem; }
+ .absolute--fill-ns { top: 0; right: 0; bottom: 0; left: 0; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .top-0-m { top: 0; }
+ .left-0-m { left: 0; }
+ .right-0-m { right: 0; }
+ .bottom-0-m { bottom: 0; }
+ .top-1-m { top: 1rem; }
+ .left-1-m { left: 1rem; }
+ .right-1-m { right: 1rem; }
+ .bottom-1-m { bottom: 1rem; }
+ .top-2-m { top: 2rem; }
+ .left-2-m { left: 2rem; }
+ .right-2-m { right: 2rem; }
+ .bottom-2-m { bottom: 2rem; }
+ .top--1-m { top: -1rem; }
+ .right--1-m { right: -1rem; }
+ .bottom--1-m { bottom: -1rem; }
+ .left--1-m { left: -1rem; }
+ .top--2-m { top: -2rem; }
+ .right--2-m { right: -2rem; }
+ .bottom--2-m { bottom: -2rem; }
+ .left--2-m { left: -2rem; }
+ .absolute--fill-m { top: 0; right: 0; bottom: 0; left: 0; }
+}
+@media screen and (min-width: 60em) {
+ .top-0-l { top: 0; }
+ .left-0-l { left: 0; }
+ .right-0-l { right: 0; }
+ .bottom-0-l { bottom: 0; }
+ .top-1-l { top: 1rem; }
+ .left-1-l { left: 1rem; }
+ .right-1-l { right: 1rem; }
+ .bottom-1-l { bottom: 1rem; }
+ .top-2-l { top: 2rem; }
+ .left-2-l { left: 2rem; }
+ .right-2-l { right: 2rem; }
+ .bottom-2-l { bottom: 2rem; }
+ .top--1-l { top: -1rem; }
+ .right--1-l { right: -1rem; }
+ .bottom--1-l { bottom: -1rem; }
+ .left--1-l { left: -1rem; }
+ .top--2-l { top: -2rem; }
+ .right--2-l { right: -2rem; }
+ .bottom--2-l { bottom: -2rem; }
+ .left--2-l { left: -2rem; }
+ .absolute--fill-l { top: 0; right: 0; bottom: 0; left: 0; }
+}
+
diff --git a/packages/tachyons-coordinates/css/tachyons-coordinates.min.css b/packages/tachyons-coordinates/css/tachyons-coordinates.min.css
new file mode 100644
index 000000000..240dfaa2f
--- /dev/null
+++ b/packages/tachyons-coordinates/css/tachyons-coordinates.min.css
@@ -0,0 +1,2 @@
+.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:1rem}.right-1{right:1rem}.bottom-1{bottom:1rem}.left-1{left:1rem}.top-2{top:2rem}.right-2{right:2rem}.bottom-2{bottom:2rem}.left-2{left:2rem}.top--1{top:-1rem}.right--1{right:-1rem}.bottom--1{bottom:-1rem}.left--1{left:-1rem}.top--2{top:-2rem}.right--2{right:-2rem}.bottom--2{bottom:-2rem}.left--2{left:-2rem}.absolute--fill{top:0;right:0;bottom:0;left:0}@media screen and (min-width:30em){.top-0-ns{top:0}.left-0-ns{left:0}.right-0-ns{right:0}.bottom-0-ns{bottom:0}.top-1-ns{top:1rem}.left-1-ns{left:1rem}.right-1-ns{right:1rem}.bottom-1-ns{bottom:1rem}.top-2-ns{top:2rem}.left-2-ns{left:2rem}.right-2-ns{right:2rem}.bottom-2-ns{bottom:2rem}.top--1-ns{top:-1rem}.right--1-ns{right:-1rem}.bottom--1-ns{bottom:-1rem}.left--1-ns{left:-1rem}.top--2-ns{top:-2rem}.right--2-ns{right:-2rem}.bottom--2-ns{bottom:-2rem}.left--2-ns{left:-2rem}.absolute--fill-ns{top:0;right:0;bottom:0;left:0}}@media screen and (min-width:30em) and (max-width:60em){.top-0-m{top:0}.left-0-m{left:0}.right-0-m{right:0}.bottom-0-m{bottom:0}.top-1-m{top:1rem}.left-1-m{left:1rem}.right-1-m{right:1rem}.bottom-1-m{bottom:1rem}.top-2-m{top:2rem}.left-2-m{left:2rem}.right-2-m{right:2rem}.bottom-2-m{bottom:2rem}.top--1-m{top:-1rem}.right--1-m{right:-1rem}.bottom--1-m{bottom:-1rem}.left--1-m{left:-1rem}.top--2-m{top:-2rem}.right--2-m{right:-2rem}.bottom--2-m{bottom:-2rem}.left--2-m{left:-2rem}.absolute--fill-m{top:0;right:0;bottom:0;left:0}}@media screen and (min-width:60em){.top-0-l{top:0}.left-0-l{left:0}.right-0-l{right:0}.bottom-0-l{bottom:0}.top-1-l{top:1rem}.left-1-l{left:1rem}.right-1-l{right:1rem}.bottom-1-l{bottom:1rem}.top-2-l{top:2rem}.left-2-l{left:2rem}.right-2-l{right:2rem}.bottom-2-l{bottom:2rem}.top--1-l{top:-1rem}.right--1-l{right:-1rem}.bottom--1-l{bottom:-1rem}.left--1-l{left:-1rem}.top--2-l{top:-2rem}.right--2-l{right:-2rem}.bottom--2-l{bottom:-2rem}.left--2-l{left:-2rem}.absolute--fill-l{top:0;right:0;bottom:0;left:0}}
+
diff --git a/packages/tachyons-coordinates/lib/readme.js b/packages/tachyons-coordinates/lib/readme.js
new file mode 100644
index 000000000..d4e732ba5
--- /dev/null
+++ b/packages/tachyons-coordinates/lib/readme.js
@@ -0,0 +1,24 @@
+var _ = require('lodash')
+var fs = require('fs')
+var gzip = require('gzip-size')
+var filesize = require('filesize')
+var postcss = require('postcss')
+var cssstats = require('cssstats')
+
+var module = require('../package.json')
+var moduleCss = fs.readFileSync('./'+module.name+'.min.css', 'utf8')
+var moduleObj = cssstats(moduleCss)
+var moduleSize = filesize(moduleObj.gzipSize)
+
+var srcCSS = fs.readFileSync('./'+module.name+'.css', 'utf8')
+
+var template = fs.readFileSync('./templates/README.md', 'utf8')
+var tpl = _.template(template)
+var md = tpl({
+ module: module,
+ moduleSize: moduleSize,
+ moduleObj: moduleObj,
+ srcCSS: srcCSS
+})
+
+fs.writeFileSync('./README.md', md)
diff --git a/packages/tachyons-coordinates/package.json b/packages/tachyons-coordinates/package.json
new file mode 100644
index 000000000..c4a8a5866
--- /dev/null
+++ b/packages/tachyons-coordinates/package.json
@@ -0,0 +1,33 @@
+{
+ "name": "tachyons-coordinates",
+ "version": "4.0.0",
+ "style": "src/tachyons-coordinates.css",
+ "description": "Performance based css module.",
+ "keywords": [
+ "tachyons",
+ "tachyons-css"
+ ],
+ "files": [
+ "src",
+ "css"
+ ],
+ "repository": "tachyons-css/tachyons-coordinates",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "license": "ISC",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-coordinates.css > css/tachyons-coordinates.css",
+ "build:minify": "tachyons src/tachyons-coordinates.css --minify > css/tachyons-coordinates.min.css",
+ "build:docs": "tachyons src/tachyons-coordinates.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ }
+}
diff --git a/packages/tachyons-coordinates/readme.md b/packages/tachyons-coordinates/readme.md
new file mode 100644
index 000000000..b32cbacc0
--- /dev/null
+++ b/packages/tachyons-coordinates/readme.md
@@ -0,0 +1,192 @@
+# tachyons-coordinates 4.0.0
+
+Performance based css module.
+
+#### Stats
+
+519 | 84 | 96
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-coordinates
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-coordinates
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-coordinates.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-coordinates";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ COORDINATES
+
+ Use in combination with the position module.
+
+*/
+.top-0 { top: 0; }
+.right-0 { right: 0; }
+.bottom-0 { bottom: 0; }
+.left-0 { left: 0; }
+.top-1 { top: 1rem; }
+.right-1 { right: 1rem; }
+.bottom-1 { bottom: 1rem; }
+.left-1 { left: 1rem; }
+.top-2 { top: 2rem; }
+.right-2 { right: 2rem; }
+.bottom-2 { bottom: 2rem; }
+.left-2 { left: 2rem; }
+.top--1 { top: -1rem; }
+.right--1 { right: -1rem; }
+.bottom--1 { bottom: -1rem; }
+.left--1 { left: -1rem; }
+.top--2 { top: -2rem; }
+.right--2 { right: -2rem; }
+.bottom--2 { bottom: -2rem; }
+.left--2 { left: -2rem; }
+.absolute--fill { top: 0; right: 0; bottom: 0; left: 0; }
+@media screen and (min-width: 30em) {
+ .top-0-ns { top: 0; }
+ .left-0-ns { left: 0; }
+ .right-0-ns { right: 0; }
+ .bottom-0-ns { bottom: 0; }
+ .top-1-ns { top: 1rem; }
+ .left-1-ns { left: 1rem; }
+ .right-1-ns { right: 1rem; }
+ .bottom-1-ns { bottom: 1rem; }
+ .top-2-ns { top: 2rem; }
+ .left-2-ns { left: 2rem; }
+ .right-2-ns { right: 2rem; }
+ .bottom-2-ns { bottom: 2rem; }
+ .top--1-ns { top: -1rem; }
+ .right--1-ns { right: -1rem; }
+ .bottom--1-ns { bottom: -1rem; }
+ .left--1-ns { left: -1rem; }
+ .top--2-ns { top: -2rem; }
+ .right--2-ns { right: -2rem; }
+ .bottom--2-ns { bottom: -2rem; }
+ .left--2-ns { left: -2rem; }
+ .absolute--fill-ns { top: 0; right: 0; bottom: 0; left: 0; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .top-0-m { top: 0; }
+ .left-0-m { left: 0; }
+ .right-0-m { right: 0; }
+ .bottom-0-m { bottom: 0; }
+ .top-1-m { top: 1rem; }
+ .left-1-m { left: 1rem; }
+ .right-1-m { right: 1rem; }
+ .bottom-1-m { bottom: 1rem; }
+ .top-2-m { top: 2rem; }
+ .left-2-m { left: 2rem; }
+ .right-2-m { right: 2rem; }
+ .bottom-2-m { bottom: 2rem; }
+ .top--1-m { top: -1rem; }
+ .right--1-m { right: -1rem; }
+ .bottom--1-m { bottom: -1rem; }
+ .left--1-m { left: -1rem; }
+ .top--2-m { top: -2rem; }
+ .right--2-m { right: -2rem; }
+ .bottom--2-m { bottom: -2rem; }
+ .left--2-m { left: -2rem; }
+ .absolute--fill-m { top: 0; right: 0; bottom: 0; left: 0; }
+}
+@media screen and (min-width: 60em) {
+ .top-0-l { top: 0; }
+ .left-0-l { left: 0; }
+ .right-0-l { right: 0; }
+ .bottom-0-l { bottom: 0; }
+ .top-1-l { top: 1rem; }
+ .left-1-l { left: 1rem; }
+ .right-1-l { right: 1rem; }
+ .bottom-1-l { bottom: 1rem; }
+ .top-2-l { top: 2rem; }
+ .left-2-l { left: 2rem; }
+ .right-2-l { right: 2rem; }
+ .bottom-2-l { bottom: 2rem; }
+ .top--1-l { top: -1rem; }
+ .right--1-l { right: -1rem; }
+ .bottom--1-l { bottom: -1rem; }
+ .left--1-l { left: -1rem; }
+ .top--2-l { top: -2rem; }
+ .right--2-l { right: -2rem; }
+ .bottom--2-l { bottom: -2rem; }
+ .left--2-l { left: -2rem; }
+ .absolute--fill-l { top: 0; right: 0; bottom: 0; left: 0; }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-coordinates/src/tachyons-coordinates.css b/packages/tachyons-coordinates/src/tachyons-coordinates.css
new file mode 100644
index 000000000..2f143bddf
--- /dev/null
+++ b/packages/tachyons-coordinates/src/tachyons-coordinates.css
@@ -0,0 +1,152 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ COORDINATES
+ Docs: http://tachyons.io/docs/layout/position/
+
+ Use in combination with the position module.
+
+ Base:
+ top
+ bottom
+ right
+ left
+
+ Modifiers:
+ -0 = literal value 0
+ -1 = literal value 1
+ -2 = literal value 2
+ --1 = literal value -1
+ --2 = literal value -2
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+
+.top-0 { top: 0; }
+.right-0 { right: 0; }
+.bottom-0 { bottom: 0; }
+.left-0 { left: 0; }
+
+.top-1 { top: 1rem; }
+.right-1 { right: 1rem; }
+.bottom-1 { bottom: 1rem; }
+.left-1 { left: 1rem; }
+
+.top-2 { top: 2rem; }
+.right-2 { right: 2rem; }
+.bottom-2 { bottom: 2rem; }
+.left-2 { left: 2rem; }
+
+.top--1 { top: -1rem; }
+.right--1 { right: -1rem; }
+.bottom--1 { bottom: -1rem; }
+.left--1 { left: -1rem; }
+
+.top--2 { top: -2rem; }
+.right--2 { right: -2rem; }
+.bottom--2 { bottom: -2rem; }
+.left--2 { left: -2rem; }
+
+
+.absolute--fill {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+@media (--breakpoint-not-small) {
+ .top-0-ns { top: 0; }
+ .left-0-ns { left: 0; }
+ .right-0-ns { right: 0; }
+ .bottom-0-ns { bottom: 0; }
+ .top-1-ns { top: 1rem; }
+ .left-1-ns { left: 1rem; }
+ .right-1-ns { right: 1rem; }
+ .bottom-1-ns { bottom: 1rem; }
+ .top-2-ns { top: 2rem; }
+ .left-2-ns { left: 2rem; }
+ .right-2-ns { right: 2rem; }
+ .bottom-2-ns { bottom: 2rem; }
+ .top--1-ns { top: -1rem; }
+ .right--1-ns { right: -1rem; }
+ .bottom--1-ns { bottom: -1rem; }
+ .left--1-ns { left: -1rem; }
+ .top--2-ns { top: -2rem; }
+ .right--2-ns { right: -2rem; }
+ .bottom--2-ns { bottom: -2rem; }
+ .left--2-ns { left: -2rem; }
+ .absolute--fill-ns {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+}
+
+@media (--breakpoint-medium) {
+ .top-0-m { top: 0; }
+ .left-0-m { left: 0; }
+ .right-0-m { right: 0; }
+ .bottom-0-m { bottom: 0; }
+ .top-1-m { top: 1rem; }
+ .left-1-m { left: 1rem; }
+ .right-1-m { right: 1rem; }
+ .bottom-1-m { bottom: 1rem; }
+ .top-2-m { top: 2rem; }
+ .left-2-m { left: 2rem; }
+ .right-2-m { right: 2rem; }
+ .bottom-2-m { bottom: 2rem; }
+ .top--1-m { top: -1rem; }
+ .right--1-m { right: -1rem; }
+ .bottom--1-m { bottom: -1rem; }
+ .left--1-m { left: -1rem; }
+ .top--2-m { top: -2rem; }
+ .right--2-m { right: -2rem; }
+ .bottom--2-m { bottom: -2rem; }
+ .left--2-m { left: -2rem; }
+ .absolute--fill-m {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+}
+
+@media (--breakpoint-large) {
+ .top-0-l { top: 0; }
+ .left-0-l { left: 0; }
+ .right-0-l { right: 0; }
+ .bottom-0-l { bottom: 0; }
+ .top-1-l { top: 1rem; }
+ .left-1-l { left: 1rem; }
+ .right-1-l { right: 1rem; }
+ .bottom-1-l { bottom: 1rem; }
+ .top-2-l { top: 2rem; }
+ .left-2-l { left: 2rem; }
+ .right-2-l { right: 2rem; }
+ .bottom-2-l { bottom: 2rem; }
+ .top--1-l { top: -1rem; }
+ .right--1-l { right: -1rem; }
+ .bottom--1-l { bottom: -1rem; }
+ .left--1-l { left: -1rem; }
+ .top--2-l { top: -2rem; }
+ .right--2-l { right: -2rem; }
+ .bottom--2-l { bottom: -2rem; }
+ .left--2-l { left: -2rem; }
+ .absolute--fill-l {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+}
diff --git a/packages/tachyons-coordinates/templates/README.md b/packages/tachyons-coordinates/templates/README.md
new file mode 100644
index 000000000..e34af1598
--- /dev/null
+++ b/packages/tachyons-coordinates/templates/README.md
@@ -0,0 +1,49 @@
+# <%= module.name %>
+<%= module.version %>
+
+<%= module.description %>
+
+## Install
+```
+npm install --save-dev <%= module.name %>
+```
+
+or download the css on github and include in your project:
+
+```
+git clone git@github.com:mrmrs/<%= module.name %>
+```
+
+## The Code
+```
+<%= srcCSS %>
+```
+
+## Author
+
+[mrmrs](http://mrmrs.io)
+
+## License
+
+The MIT License (MIT)
+
+Copyright (c) 2015 @mrmrs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
diff --git a/packages/tachyons-debug/.gitignore b/packages/tachyons-debug/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-debug/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-debug/LICENSE.txt b/packages/tachyons-debug/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-debug/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-debug/build.js b/packages/tachyons-debug/build.js
new file mode 100644
index 000000000..f93e9f909
--- /dev/null
+++ b/packages/tachyons-debug/build.js
@@ -0,0 +1,38 @@
+// dependencies
+
+var fs = require("fs")
+var autoprefixer = require("autoprefixer")
+var postcss = require("postcss")
+var atImport = require("postcss-import")
+var cssvariables = require('postcss-css-variables')
+var compressor = require('node-minify')
+var conditionals = require('postcss-conditionals')
+var customMedia = require("postcss-custom-media")
+
+// css to be processed
+var css = fs.readFileSync("src/tachyons-debug.css", "utf8")
+
+// process css
+var output = postcss([autoprefixer])
+ .use(atImport())
+ .use(cssvariables())
+ .use(conditionals())
+ .use(customMedia())
+ .process(css, {
+ from: "src/tachyons-debug.css",
+ to: "tachyons-debug.css"
+ })
+ .css
+
+fs.writeFile("tachyons-debug.css", output, 'utf-8')
+
+// Using YUI Compressor for CSS
+new compressor.minify({
+ type: 'sqwish',
+ fileIn: 'tachyons-debug.css',
+ fileOut: 'tachyons-debug.min.css',
+ callback: function(err, min){
+ //console.log('Sqwish');
+ //console.log(err);
+ }
+});
diff --git a/packages/tachyons-debug/code-of-conduct.md b/packages/tachyons-debug/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-debug/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-debug/css/tachyons-debug.css b/packages/tachyons-debug/css/tachyons-debug.css
new file mode 100644
index 000000000..5796288e9
--- /dev/null
+++ b/packages/tachyons-debug/css/tachyons-debug.css
@@ -0,0 +1,100 @@
+body { outline: 1px solid #2980B9 !important; }
+article { outline: 1px solid #3498DB !important; }
+nav { outline: 1px solid #0088C3 !important; }
+aside { outline: 1px solid #33A0CE !important; }
+section { outline: 1px solid #66B8DA !important; }
+header { outline: 1px solid #99CFE7 !important; }
+footer { outline: 1px solid #CCE7F3 !important; }
+h1 { outline: 1px solid #162544 !important; }
+h2 { outline: 1px solid #314E6E !important; }
+h3 { outline: 1px solid #3E5E85 !important; }
+h4 { outline: 1px solid #449BAF !important; }
+h5 { outline: 1px solid #C7D1CB !important; }
+h6 { outline: 1px solid #4371D0 !important; }
+main { outline: 1px solid #2F4F90 !important; }
+address { outline: 1px solid #1A2C51 !important; }
+div { outline: 1px solid #036CDB !important; }
+p { outline: 1px solid #AC050B !important; }
+hr { outline: 1px solid #FF063F !important; }
+pre { outline: 1px solid #850440 !important; }
+blockquote { outline: 1px solid #F1B8E7 !important; }
+ol { outline: 1px solid #FF050C !important; }
+ul { outline: 1px solid #D90416 !important; }
+li { outline: 1px solid #D90416 !important; }
+dl { outline: 1px solid #FD3427 !important; }
+dt { outline: 1px solid #FF0043 !important; }
+dd { outline: 1px solid #E80174 !important; }
+figure { outline: 1px solid #FF00BB !important; }
+figcaption { outline: 1px solid #BF0032 !important; }
+table { outline: 1px solid #00CC99 !important; }
+caption { outline: 1px solid #37FFC4 !important; }
+thead { outline: 1px solid #98DACA !important; }
+tbody { outline: 1px solid #64A7A0 !important; }
+tfoot { outline: 1px solid #22746B !important; }
+tr { outline: 1px solid #86C0B2 !important; }
+th { outline: 1px solid #A1E7D6 !important; }
+td { outline: 1px solid #3F5A54 !important; }
+col { outline: 1px solid #6C9A8F !important; }
+colgroup { outline: 1px solid #6C9A9D !important; }
+button { outline: 1px solid #DA8301 !important; }
+datalist { outline: 1px solid #C06000 !important; }
+fieldset { outline: 1px solid #D95100 !important; }
+form { outline: 1px solid #D23600 !important; }
+input { outline: 1px solid #FCA600 !important; }
+keygen { outline: 1px solid #B31E00 !important; }
+label { outline: 1px solid #EE8900 !important; }
+legend { outline: 1px solid #DE6D00 !important; }
+meter { outline: 1px solid #E8630C !important; }
+optgroup { outline: 1px solid #B33600 !important; }
+option { outline: 1px solid #FF8A00 !important; }
+output { outline: 1px solid #FF9619 !important; }
+progress { outline: 1px solid #E57C00 !important; }
+select { outline: 1px solid #E26E0F !important; }
+textarea { outline: 1px solid #CC5400 !important; }
+details { outline: 1px solid #33848F !important; }
+summary { outline: 1px solid #60A1A6 !important; }
+command { outline: 1px solid #438DA1 !important; }
+menu { outline: 1px solid #449DA6 !important; }
+del { outline: 1px solid #BF0000 !important; }
+ins { outline: 1px solid #400000 !important; }
+img { outline: 1px solid #22746B !important; }
+iframe { outline: 1px solid #64A7A0 !important; }
+embed { outline: 1px solid #98DACA !important; }
+object { outline: 1px solid #00CC99 !important; }
+param { outline: 1px solid #37FFC4 !important; }
+video { outline: 1px solid #6EE866 !important; }
+audio { outline: 1px solid #027353 !important; }
+source { outline: 1px solid #012426 !important; }
+canvas { outline: 1px solid #A2F570 !important; }
+track { outline: 1px solid #59A600 !important; }
+map { outline: 1px solid #7BE500 !important; }
+area { outline: 1px solid #305900 !important; }
+a { outline: 1px solid #FF62AB !important; }
+em { outline: 1px solid #800B41 !important; }
+strong { outline: 1px solid #FF1583 !important; }
+i { outline: 1px solid #803156 !important; }
+b { outline: 1px solid #CC1169 !important; }
+u { outline: 1px solid #FF0430 !important; }
+s { outline: 1px solid #F805E3 !important; }
+small { outline: 1px solid #D107B2 !important; }
+abbr { outline: 1px solid #4A0263 !important; }
+q { outline: 1px solid #240018 !important; }
+cite { outline: 1px solid #64003C !important; }
+dfn { outline: 1px solid #B4005A !important; }
+sub { outline: 1px solid #DBA0C8 !important; }
+sup { outline: 1px solid #CC0256 !important; }
+time { outline: 1px solid #D6606D !important; }
+code { outline: 1px solid #E04251 !important; }
+kbd { outline: 1px solid #5E001F !important; }
+samp { outline: 1px solid #9C0033 !important; }
+var { outline: 1px solid #D90047 !important; }
+mark { outline: 1px solid #FF0053 !important; }
+bdi { outline: 1px solid #BF3668 !important; }
+bdo { outline: 1px solid #6F1400 !important; }
+ruby { outline: 1px solid #FF7B93 !important; }
+rt { outline: 1px solid #FF2F54 !important; }
+rp { outline: 1px solid #803E49 !important; }
+span { outline: 1px solid #CC2643 !important; }
+br { outline: 1px solid #DB687D !important; }
+wbr { outline: 1px solid #DB175B !important; }
+
diff --git a/packages/tachyons-debug/css/tachyons-debug.min.css b/packages/tachyons-debug/css/tachyons-debug.min.css
new file mode 100644
index 000000000..f6db91f14
--- /dev/null
+++ b/packages/tachyons-debug/css/tachyons-debug.min.css
@@ -0,0 +1,2 @@
+body{outline:1px solid #2980b9!important}article{outline:1px solid #3498db!important}nav{outline:1px solid #0088c3!important}aside{outline:1px solid #33a0ce!important}section{outline:1px solid #66b8da!important}header{outline:1px solid #99cfe7!important}footer{outline:1px solid #cce7f3!important}h1{outline:1px solid #162544!important}h2{outline:1px solid #314e6e!important}h3{outline:1px solid #3e5e85!important}h4{outline:1px solid #449baf!important}h5{outline:1px solid #c7d1cb!important}h6{outline:1px solid #4371d0!important}main{outline:1px solid #2f4f90!important}address{outline:1px solid #1a2c51!important}div{outline:1px solid #036cdb!important}p{outline:1px solid #ac050b!important}hr{outline:1px solid #ff063f!important}pre{outline:1px solid #850440!important}blockquote{outline:1px solid #f1b8e7!important}ol{outline:1px solid #ff050c!important}li,ul{outline:1px solid #d90416!important}dl{outline:1px solid #fd3427!important}dt{outline:1px solid #ff0043!important}dd{outline:1px solid #e80174!important}figure{outline:1px solid #f0b!important}figcaption{outline:1px solid #bf0032!important}table{outline:1px solid #0c9!important}caption{outline:1px solid #37ffc4!important}thead{outline:1px solid #98daca!important}tbody{outline:1px solid #64a7a0!important}tfoot{outline:1px solid #22746b!important}tr{outline:1px solid #86c0b2!important}th{outline:1px solid #a1e7d6!important}td{outline:1px solid #3f5a54!important}col{outline:1px solid #6c9a8f!important}colgroup{outline:1px solid #6c9a9d!important}button{outline:1px solid #da8301!important}datalist{outline:1px solid #c06000!important}fieldset{outline:1px solid #d95100!important}form{outline:1px solid #d23600!important}input{outline:1px solid #fca600!important}keygen{outline:1px solid #b31e00!important}label{outline:1px solid #ee8900!important}legend{outline:1px solid #de6d00!important}meter{outline:1px solid #e8630c!important}optgroup{outline:1px solid #b33600!important}option{outline:1px solid #ff8a00!important}output{outline:1px solid #ff9619!important}progress{outline:1px solid #e57c00!important}select{outline:1px solid #e26e0f!important}textarea{outline:1px solid #cc5400!important}details{outline:1px solid #33848f!important}summary{outline:1px solid #60a1a6!important}command{outline:1px solid #438da1!important}menu{outline:1px solid #449da6!important}del{outline:1px solid #bf0000!important}ins{outline:1px solid #400000!important}img{outline:1px solid #22746b!important}iframe{outline:1px solid #64a7a0!important}embed{outline:1px solid #98daca!important}object{outline:1px solid #0c9!important}param{outline:1px solid #37ffc4!important}video{outline:1px solid #6ee866!important}audio{outline:1px solid #027353!important}source{outline:1px solid #012426!important}canvas{outline:1px solid #a2f570!important}track{outline:1px solid #59a600!important}map{outline:1px solid #7be500!important}area{outline:1px solid #305900!important}a{outline:1px solid #ff62ab!important}em{outline:1px solid #800b41!important}strong{outline:1px solid #ff1583!important}i{outline:1px solid #803156!important}b{outline:1px solid #cc1169!important}u{outline:1px solid #ff0430!important}s{outline:1px solid #f805e3!important}small{outline:1px solid #d107b2!important}abbr{outline:1px solid #4a0263!important}q{outline:1px solid #240018!important}cite{outline:1px solid #64003c!important}dfn{outline:1px solid #b4005a!important}sub{outline:1px solid #dba0c8!important}sup{outline:1px solid #cc0256!important}time{outline:1px solid #d6606d!important}code{outline:1px solid #e04251!important}kbd{outline:1px solid #5e001f!important}samp{outline:1px solid #9c0033!important}var{outline:1px solid #d90047!important}mark{outline:1px solid #ff0053!important}bdi{outline:1px solid #bf3668!important}bdo{outline:1px solid #6f1400!important}ruby{outline:1px solid #ff7b93!important}rt{outline:1px solid #ff2f54!important}rp{outline:1px solid #803e49!important}span{outline:1px solid #cc2643!important}br{outline:1px solid #db687d!important}wbr{outline:1px solid #db175b!important}
+
diff --git a/packages/tachyons-debug/package.json b/packages/tachyons-debug/package.json
new file mode 100644
index 000000000..f17807c62
--- /dev/null
+++ b/packages/tachyons-debug/package.json
@@ -0,0 +1,38 @@
+{
+ "name": "tachyons-debug",
+ "version": "1.1.6",
+ "style": "src/tachyons-debug.css",
+ "description": "Performance based css module.",
+ "keywords": [
+ "tachyons",
+ "tachyons-css"
+ ],
+ "files": [
+ "src",
+ "css"
+ ],
+ "repository": "tachyons-css/tachyons-debug",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "license": "ISC",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-debug.css > css/tachyons-debug.css",
+ "build:minify": "tachyons src/tachyons-debug.css --minify > css/tachyons-debug.min.css",
+ "build:docs": "tachyons src/tachyons-debug.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ },
+ "metadata": {
+ "category": "layout",
+ "isCore": true,
+ "nickName": "debugging"
+ }
+}
diff --git a/packages/tachyons-debug/readme.md b/packages/tachyons-debug/readme.md
new file mode 100644
index 000000000..dd3d3eeff
--- /dev/null
+++ b/packages/tachyons-debug/readme.md
@@ -0,0 +1,194 @@
+# tachyons-debug 1.1.6
+
+Performance based css module.
+
+#### Stats
+
+964 | 99 | 99
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-debug
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-debug
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-debug.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-debug";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+body { outline: 1px solid #2980B9 !important; }
+article { outline: 1px solid #3498DB !important; }
+nav { outline: 1px solid #0088C3 !important; }
+aside { outline: 1px solid #33A0CE !important; }
+section { outline: 1px solid #66B8DA !important; }
+header { outline: 1px solid #99CFE7 !important; }
+footer { outline: 1px solid #CCE7F3 !important; }
+h1 { outline: 1px solid #162544 !important; }
+h2 { outline: 1px solid #314E6E !important; }
+h3 { outline: 1px solid #3E5E85 !important; }
+h4 { outline: 1px solid #449BAF !important; }
+h5 { outline: 1px solid #C7D1CB !important; }
+h6 { outline: 1px solid #4371D0 !important; }
+main { outline: 1px solid #2F4F90 !important; }
+address { outline: 1px solid #1A2C51 !important; }
+div { outline: 1px solid #036CDB !important; }
+p { outline: 1px solid #AC050B !important; }
+hr { outline: 1px solid #FF063F !important; }
+pre { outline: 1px solid #850440 !important; }
+blockquote { outline: 1px solid #F1B8E7 !important; }
+ol { outline: 1px solid #FF050C !important; }
+ul { outline: 1px solid #D90416 !important; }
+li { outline: 1px solid #D90416 !important; }
+dl { outline: 1px solid #FD3427 !important; }
+dt { outline: 1px solid #FF0043 !important; }
+dd { outline: 1px solid #E80174 !important; }
+figure { outline: 1px solid #FF00BB !important; }
+figcaption { outline: 1px solid #BF0032 !important; }
+table { outline: 1px solid #00CC99 !important; }
+caption { outline: 1px solid #37FFC4 !important; }
+thead { outline: 1px solid #98DACA !important; }
+tbody { outline: 1px solid #64A7A0 !important; }
+tfoot { outline: 1px solid #22746B !important; }
+tr { outline: 1px solid #86C0B2 !important; }
+th { outline: 1px solid #A1E7D6 !important; }
+td { outline: 1px solid #3F5A54 !important; }
+col { outline: 1px solid #6C9A8F !important; }
+colgroup { outline: 1px solid #6C9A9D !important; }
+button { outline: 1px solid #DA8301 !important; }
+datalist { outline: 1px solid #C06000 !important; }
+fieldset { outline: 1px solid #D95100 !important; }
+form { outline: 1px solid #D23600 !important; }
+input { outline: 1px solid #FCA600 !important; }
+keygen { outline: 1px solid #B31E00 !important; }
+label { outline: 1px solid #EE8900 !important; }
+legend { outline: 1px solid #DE6D00 !important; }
+meter { outline: 1px solid #E8630C !important; }
+optgroup { outline: 1px solid #B33600 !important; }
+option { outline: 1px solid #FF8A00 !important; }
+output { outline: 1px solid #FF9619 !important; }
+progress { outline: 1px solid #E57C00 !important; }
+select { outline: 1px solid #E26E0F !important; }
+textarea { outline: 1px solid #CC5400 !important; }
+details { outline: 1px solid #33848F !important; }
+summary { outline: 1px solid #60A1A6 !important; }
+command { outline: 1px solid #438DA1 !important; }
+menu { outline: 1px solid #449DA6 !important; }
+del { outline: 1px solid #BF0000 !important; }
+ins { outline: 1px solid #400000 !important; }
+img { outline: 1px solid #22746B !important; }
+iframe { outline: 1px solid #64A7A0 !important; }
+embed { outline: 1px solid #98DACA !important; }
+object { outline: 1px solid #00CC99 !important; }
+param { outline: 1px solid #37FFC4 !important; }
+video { outline: 1px solid #6EE866 !important; }
+audio { outline: 1px solid #027353 !important; }
+source { outline: 1px solid #012426 !important; }
+canvas { outline: 1px solid #A2F570 !important; }
+track { outline: 1px solid #59A600 !important; }
+map { outline: 1px solid #7BE500 !important; }
+area { outline: 1px solid #305900 !important; }
+a { outline: 1px solid #FF62AB !important; }
+em { outline: 1px solid #800B41 !important; }
+strong { outline: 1px solid #FF1583 !important; }
+i { outline: 1px solid #803156 !important; }
+b { outline: 1px solid #CC1169 !important; }
+u { outline: 1px solid #FF0430 !important; }
+s { outline: 1px solid #F805E3 !important; }
+small { outline: 1px solid #D107B2 !important; }
+abbr { outline: 1px solid #4A0263 !important; }
+q { outline: 1px solid #240018 !important; }
+cite { outline: 1px solid #64003C !important; }
+dfn { outline: 1px solid #B4005A !important; }
+sub { outline: 1px solid #DBA0C8 !important; }
+sup { outline: 1px solid #CC0256 !important; }
+time { outline: 1px solid #D6606D !important; }
+code { outline: 1px solid #E04251 !important; }
+kbd { outline: 1px solid #5E001F !important; }
+samp { outline: 1px solid #9C0033 !important; }
+var { outline: 1px solid #D90047 !important; }
+mark { outline: 1px solid #FF0053 !important; }
+bdi { outline: 1px solid #BF3668 !important; }
+bdo { outline: 1px solid #6F1400 !important; }
+ruby { outline: 1px solid #FF7B93 !important; }
+rt { outline: 1px solid #FF2F54 !important; }
+rp { outline: 1px solid #803E49 !important; }
+span { outline: 1px solid #CC2643 !important; }
+br { outline: 1px solid #DB687D !important; }
+wbr { outline: 1px solid #DB175B !important; }
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-debug/src/tachyons-debug.css b/packages/tachyons-debug/src/tachyons-debug.css
new file mode 100644
index 000000000..f09f2b519
--- /dev/null
+++ b/packages/tachyons-debug/src/tachyons-debug.css
@@ -0,0 +1,132 @@
+/*
+
+ DEBUG (PESTICIDE)
+ Docs: http://tachyons.io/docs/debug/
+
+ This is a partial you have to manually include in your
+ build file. It places a different colored outline on
+ each element which can help you debug layout issues.
+ There is also a handy chrome extension that can
+ be found at http://pesticide.io
+
+*/
+
+body { outline: 1px solid #2980B9!important; }
+article { outline: 1px solid #3498DB!important; }
+nav { outline: 1px solid #0088C3!important; }
+aside { outline: 1px solid #33A0CE!important; }
+section { outline: 1px solid #66B8DA!important; }
+header { outline: 1px solid #99CFE7!important; }
+footer { outline: 1px solid #CCE7F3!important; }
+h1 { outline: 1px solid #162544!important; }
+h2 { outline: 1px solid #314E6E!important; }
+h3 { outline: 1px solid #3E5E85!important; }
+h4 { outline: 1px solid #449BAF!important; }
+h5 { outline: 1px solid #C7D1CB!important; }
+h6 { outline: 1px solid #4371D0!important; }
+main { outline: 1px solid #2F4F90!important; }
+address { outline: 1px solid #1A2C51!important; }
+div { outline: 1px solid #036CDB!important; }
+
+
+p { outline: 1px solid #AC050B!important; }
+hr { outline: 1px solid #FF063F!important; }
+pre { outline: 1px solid #850440!important; }
+blockquote { outline: 1px solid #F1B8E7!important; }
+ol { outline: 1px solid #FF050C!important; }
+ul { outline: 1px solid #D90416!important; }
+li { outline: 1px solid #D90416!important; }
+dl { outline: 1px solid #FD3427!important; }
+dt { outline: 1px solid #FF0043!important; }
+dd { outline: 1px solid #E80174!important; }
+figure { outline: 1px solid #FF00BB!important; }
+figcaption { outline: 1px solid #BF0032!important; }
+
+
+
+table { outline: 1px solid #00CC99!important; }
+caption { outline: 1px solid #37FFC4!important; }
+thead { outline: 1px solid #98DACA!important; }
+tbody { outline: 1px solid #64A7A0!important; }
+tfoot { outline: 1px solid #22746B!important; }
+tr { outline: 1px solid #86C0B2!important; }
+th { outline: 1px solid #A1E7D6!important; }
+td { outline: 1px solid #3F5A54!important; }
+col { outline: 1px solid #6C9A8F!important; }
+colgroup { outline: 1px solid #6C9A9D!important; }
+
+
+button { outline: 1px solid #DA8301!important; }
+datalist { outline: 1px solid #C06000!important; }
+fieldset { outline: 1px solid #D95100!important; }
+form { outline: 1px solid #D23600!important; }
+input { outline: 1px solid #FCA600!important; }
+keygen { outline: 1px solid #B31E00!important; }
+label { outline: 1px solid #EE8900!important; }
+legend { outline: 1px solid #DE6D00!important; }
+meter { outline: 1px solid #E8630C!important; }
+optgroup { outline: 1px solid #B33600!important; }
+option { outline: 1px solid #FF8A00!important; }
+output { outline: 1px solid #FF9619!important; }
+progress { outline: 1px solid #E57C00!important; }
+select { outline: 1px solid #E26E0F!important; }
+textarea { outline: 1px solid #CC5400!important; }
+
+
+
+details { outline: 1px solid #33848F!important; }
+summary { outline: 1px solid #60A1A6!important; }
+command { outline: 1px solid #438DA1!important; }
+menu { outline: 1px solid #449DA6!important; }
+
+
+
+del { outline: 1px solid #BF0000!important; }
+ins { outline: 1px solid #400000!important; }
+
+
+
+img { outline: 1px solid #22746B!important; }
+iframe { outline: 1px solid #64A7A0!important; }
+embed { outline: 1px solid #98DACA!important; }
+object { outline: 1px solid #00CC99!important; }
+param { outline: 1px solid #37FFC4!important; }
+video { outline: 1px solid #6EE866!important; }
+audio { outline: 1px solid #027353!important; }
+source { outline: 1px solid #012426!important; }
+canvas { outline: 1px solid #A2F570!important; }
+track { outline: 1px solid #59A600!important; }
+map { outline: 1px solid #7BE500!important; }
+area { outline: 1px solid #305900!important; }
+
+
+
+a { outline: 1px solid #FF62AB!important; }
+em { outline: 1px solid #800B41!important; }
+strong { outline: 1px solid #FF1583!important; }
+i { outline: 1px solid #803156!important; }
+b { outline: 1px solid #CC1169!important; }
+u { outline: 1px solid #FF0430!important; }
+s { outline: 1px solid #F805E3!important; }
+small { outline: 1px solid #D107B2!important; }
+abbr { outline: 1px solid #4A0263!important; }
+q { outline: 1px solid #240018!important; }
+cite { outline: 1px solid #64003C!important; }
+dfn { outline: 1px solid #B4005A!important; }
+sub { outline: 1px solid #DBA0C8!important; }
+sup { outline: 1px solid #CC0256!important; }
+time { outline: 1px solid #D6606D!important; }
+code { outline: 1px solid #E04251!important; }
+kbd { outline: 1px solid #5E001F!important; }
+samp { outline: 1px solid #9C0033!important; }
+var { outline: 1px solid #D90047!important; }
+mark { outline: 1px solid #FF0053!important; }
+bdi { outline: 1px solid #BF3668!important; }
+bdo { outline: 1px solid #6F1400!important; }
+ruby { outline: 1px solid #FF7B93!important; }
+rt { outline: 1px solid #FF2F54!important; }
+rp { outline: 1px solid #803E49!important; }
+span { outline: 1px solid #CC2643!important; }
+br { outline: 1px solid #DB687D!important; }
+wbr { outline: 1px solid #DB175B!important; }
+
diff --git a/packages/tachyons-display-verbose/.gitignore b/packages/tachyons-display-verbose/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-display-verbose/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-display-verbose/css/tachyons-display-verbose.css b/packages/tachyons-display-verbose/css/tachyons-display-verbose.css
new file mode 100644
index 000000000..2c13da0cc
--- /dev/null
+++ b/packages/tachyons-display-verbose/css/tachyons-display-verbose.css
@@ -0,0 +1,67 @@
+/*
+
+ DISPLAY
+
+ Base:
+ d = display
+
+ Modifiers:
+ n = none
+ b = block
+ ib = inline-block
+ it = inline-table
+ t = table
+ tc = table-cell
+ tr = table-row
+ tcol = table-column
+ tcolg = table-column-group
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+.display-none { display: none; }
+.display-inline { display: inline; }
+.display-block { display: block; }
+.display-inline-block { display: inline-block; }
+.display-inline-table { display: inline-table; }
+.display-table { display: table; }
+.display-table-cell { display: table-cell; }
+.display-table-column { display: table-column; }
+.display-table-column-group { display: table-column-group; }
+@media screen and (min-width: 48em) {
+ .display-none-ns { display: none; }
+ .display-inline-ns { display: inline; }
+ .display-block-ns { display: block; }
+ .display-inline-block-ns { display: inline-block; }
+ .display-inline-table-ns { display: inline-table; }
+ .display-table-ns { display: table; }
+ .display-table-cell-ns { display: table-cell; }
+ .display-table-column-ns { display: table-column; }
+ .display-table-column-group-ns { display: table-column-group; }
+}
+@media screen and (min-width: 48em) and (max-width: 64em) {
+ .display-none-m { display: none; }
+ .display-inline-m { display: inline; }
+ .display-block-m { display: block; }
+ .display-inline-block-m { display: inline-block; }
+ .display-inline-table-m { display: inline-table; }
+ .display-table-m { display: table; }
+ .display-table-cell-m { display: table-cell; }
+ .display-table-column-m { display: table-column; }
+ .display-table-column-group-m { display: table-column-group; }
+}
+@media screen and (min-width: 64em) {
+ .display-none-l { display: none; }
+ .display-inline-l { display: inline; }
+ .display-block-l { display: block; }
+ .display-inline-block-l { display: inline-block; }
+ .display-inline-table-l { display: inline-table; }
+ .display-table-l { display: table; }
+ .display-table-cell-l { display: table-cell; }
+ .display-table-column-l { display: table-column; }
+ .display-table-column-group-l { display: table-column-group; }
+}
+
diff --git a/packages/tachyons-display-verbose/css/tachyons-display-verbose.min.css b/packages/tachyons-display-verbose/css/tachyons-display-verbose.min.css
new file mode 100644
index 000000000..26824e05a
--- /dev/null
+++ b/packages/tachyons-display-verbose/css/tachyons-display-verbose.min.css
@@ -0,0 +1,2 @@
+.display-none{display:none}.display-inline{display:inline}.display-block{display:block}.display-inline-block{display:inline-block}.display-inline-table{display:inline-table}.display-table{display:table}.display-table-cell{display:table-cell}.display-table-column{display:table-column}.display-table-column-group{display:table-column-group}@media screen and (min-width:48em){.display-none-ns{display:none}.display-inline-ns{display:inline}.display-block-ns{display:block}.display-inline-block-ns{display:inline-block}.display-inline-table-ns{display:inline-table}.display-table-ns{display:table}.display-table-cell-ns{display:table-cell}.display-table-column-ns{display:table-column}.display-table-column-group-ns{display:table-column-group}}@media screen and (min-width:48em) and (max-width:64em){.display-none-m{display:none}.display-inline-m{display:inline}.display-block-m{display:block}.display-inline-block-m{display:inline-block}.display-inline-table-m{display:inline-table}.display-table-m{display:table}.display-table-cell-m{display:table-cell}.display-table-column-m{display:table-column}.display-table-column-group-m{display:table-column-group}}@media screen and (min-width:64em){.display-none-l{display:none}.display-inline-l{display:inline}.display-block-l{display:block}.display-inline-block-l{display:inline-block}.display-inline-table-l{display:inline-table}.display-table-l{display:table}.display-table-cell-l{display:table-cell}.display-table-column-l{display:table-column}.display-table-column-group-l{display:table-column-group}}
+
diff --git a/packages/tachyons-display-verbose/index.html b/packages/tachyons-display-verbose/index.html
new file mode 100644
index 000000000..b4d4fb5e9
--- /dev/null
+++ b/packages/tachyons-display-verbose/index.html
@@ -0,0 +1,115 @@
+
+
+
+
+
+
+ tachyons display
+
+
+
+
+
+
+
+ */
+/*
+ * The Flag Object
+ * Built by @csswizzrdry
+ * http://csswizardry.com/2013/05/the-flag-object/
+ *
+ *
+ * Use to vertically center text against an image.
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ */
+.flag {
+ display: table;
+ width: 100%; }
+
+.flag--image, .flag--body {
+ display: table-cell;
+ vertical-align: middle; }
+ .flag--top .flag--image, .flag--top .flag--body {
+ vertical-align: top; }
+ .flag--bottom .flag--image, .flag--bottom .flag--body {
+ vertical-align: bottom; }
+
+.flag--image {
+ padding-right: 10px; }
+ .flag--image > img {
+ display: block;
+ max-width: none; }
+ .flag--rev .flag--image {
+ padding-right: 0;
+ padding-left: 10px; }
+
+.flag--body {
+ width: 100%; }
+
+/*
+ Aspect ratios for media objects i.e canvas, iframe, video, svg etc.
+ Defaults to 16x9
+*/
+.aspect-ratio {
+ height: 0;
+ padding-top: 56.25%;
+ position: relative; }
+
+.aspect-ratio--object {
+ bottom: 0;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 100%;
+ z-index: 100; }
+
+.overflow-container {
+ overflow-y: scroll; }
diff --git a/packages/tachyons-utilities/css/utilities.min.css b/packages/tachyons-utilities/css/utilities.min.css
new file mode 100644
index 000000000..d4a8a98e9
--- /dev/null
+++ b/packages/tachyons-utilities/css/utilities.min.css
@@ -0,0 +1 @@
+.flag{display:table;width:100%}.flag--body,.flag--image{display:table-cell;vertical-align:middle}.flag--top .flag--body,.flag--top .flag--image{vertical-align:top}.flag--bottom .flag--body,.flag--bottom .flag--image{vertical-align:bottom}.flag--image{padding-right:10px}.flag--image>img{display:block;max-width:none}.flag--rev .flag--image{padding-right:0;padding-left:10px}.flag--body{width:100%}.aspect-ratio{height:0;padding-top:56.25%;position:relative}.aspect-ratio--object{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:100}.overflow-container{overflow-y:scroll}
\ No newline at end of file
diff --git a/packages/tachyons-utilities/package.json b/packages/tachyons-utilities/package.json
new file mode 100644
index 000000000..3d730d0bf
--- /dev/null
+++ b/packages/tachyons-utilities/package.json
@@ -0,0 +1,34 @@
+{
+ "name": "tachyons-utilities",
+ "version": "1.2.5",
+ "style": "src/tachyons-utilities.css",
+ "description": "Performance based css module.",
+ "isCore": true,
+ "keywords": [
+ "tachyons",
+ "tachyons-css"
+ ],
+ "files": [
+ "src",
+ "css"
+ ],
+ "repository": "tachyons-css/tachyons-utilities",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "license": "ISC",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-utilities.css > css/tachyons-utilities.css",
+ "build:minify": "tachyons src/tachyons-utilities.css --minify > css/tachyons-utilities.min.css",
+ "build:docs": "tachyons src/tachyons-utilities.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ }
+}
diff --git a/packages/tachyons-utilities/readme.md b/packages/tachyons-utilities/readme.md
new file mode 100644
index 000000000..1ce719e3f
--- /dev/null
+++ b/packages/tachyons-utilities/readme.md
@@ -0,0 +1,119 @@
+# tachyons-utilities 1.2.5
+
+Performance based css module.
+
+#### Stats
+
+481 | 7 | 16
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-utilities
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-utilities
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-utilities.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-utilities";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ UTILITIES
+
+*/
+/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
+ * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
+ * Make sure there are no height and width attributes on the embedded media.
+ * Adapted from: https://github.com/suitcss/components-flex-embed
+ *
+ * Example:
+ *
+ *
+ *
+ *
+ *
+ * */
+.aspect-ratio { height: 0; position: relative; }
+.aspect-ratio--16x9 { padding-bottom: 56.25%; }
+.aspect-ratio--4x3 { padding-bottom: 75%; }
+.aspect-ratio--8x5 { padding-bottom: 62.5%; }
+.aspect-ratio--object { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
+.overflow-container { overflow-y: scroll; }
+.center { margin-right: auto; margin-left: auto; }
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-utilities/src/tachyons-utilities.css b/packages/tachyons-utilities/src/tachyons-utilities.css
new file mode 100644
index 000000000..f08314558
--- /dev/null
+++ b/packages/tachyons-utilities/src/tachyons-utilities.css
@@ -0,0 +1,47 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ UTILITIES
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+
+/* Equivalent to .overflow-y-scroll */
+.overflow-container {
+ overflow-y: scroll;
+}
+
+.center {
+ margin-right: auto;
+ margin-left: auto;
+}
+
+@media (--breakpoint-not-small){
+ .center-ns {
+ margin-right: auto;
+ margin-left: auto;
+ }
+}
+
+@media (--breakpoint-medium){
+ .center-m {
+ margin-right: auto;
+ margin-left: auto;
+ }
+}
+
+@media (--breakpoint-large){
+ .center-l {
+ margin-right: auto;
+ margin-left: auto;
+ }
+}
diff --git a/packages/tachyons-vertical-align/.gitignore b/packages/tachyons-vertical-align/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-vertical-align/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-vertical-align/LICENSE.txt b/packages/tachyons-vertical-align/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-vertical-align/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-vertical-align/code-of-conduct.md b/packages/tachyons-vertical-align/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-vertical-align/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-vertical-align/css/tachyons-vertical-align.css b/packages/tachyons-vertical-align/css/tachyons-vertical-align.css
new file mode 100644
index 000000000..cf3ad6e22
--- /dev/null
+++ b/packages/tachyons-vertical-align/css/tachyons-vertical-align.css
@@ -0,0 +1,28 @@
+/*
+
+ VERTICAL ALIGN
+
+*/
+.v-base { vertical-align: baseline; }
+.v-mid { vertical-align: middle; }
+.v-top { vertical-align: top; }
+.v-btm { vertical-align: bottom; }
+@media screen and (min-width: 30em) {
+ .v-base-ns { vertical-align: baseline; }
+ .v-mid-ns { vertical-align: middle; }
+ .v-top-ns { vertical-align: top; }
+ .v-btm-ns { vertical-align: bottom; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .v-base-m { vertical-align: baseline; }
+ .v-mid-m { vertical-align: middle; }
+ .v-top-m { vertical-align: top; }
+ .v-btm-m { vertical-align: bottom; }
+}
+@media screen and (min-width: 60em) {
+ .v-base-l { vertical-align: baseline; }
+ .v-mid-l { vertical-align: middle; }
+ .v-top-l { vertical-align: top; }
+ .v-btm-l { vertical-align: bottom; }
+}
+
diff --git a/packages/tachyons-vertical-align/css/tachyons-vertical-align.min.css b/packages/tachyons-vertical-align/css/tachyons-vertical-align.min.css
new file mode 100644
index 000000000..3fc1b39d9
--- /dev/null
+++ b/packages/tachyons-vertical-align/css/tachyons-vertical-align.min.css
@@ -0,0 +1,2 @@
+.v-base{vertical-align:baseline}.v-mid{vertical-align:middle}.v-top{vertical-align:top}.v-btm{vertical-align:bottom}@media screen and (min-width:30em){.v-base-ns{vertical-align:baseline}.v-mid-ns{vertical-align:middle}.v-top-ns{vertical-align:top}.v-btm-ns{vertical-align:bottom}}@media screen and (min-width:30em) and (max-width:60em){.v-base-m{vertical-align:baseline}.v-mid-m{vertical-align:middle}.v-top-m{vertical-align:top}.v-btm-m{vertical-align:bottom}}@media screen and (min-width:60em){.v-base-l{vertical-align:baseline}.v-mid-l{vertical-align:middle}.v-top-l{vertical-align:top}.v-btm-l{vertical-align:bottom}}
+
diff --git a/packages/tachyons-vertical-align/package.json b/packages/tachyons-vertical-align/package.json
new file mode 100644
index 000000000..cfd1789c8
--- /dev/null
+++ b/packages/tachyons-vertical-align/package.json
@@ -0,0 +1,33 @@
+{
+ "name": "tachyons-vertical-align",
+ "version": "4.0.0",
+ "style": "src/tachyons-vertical-align.css",
+ "description": "Performance based css module.",
+ "keywords": [
+ "tachyons",
+ "tachyon-css"
+ ],
+ "repository": "tachyons-css/tachyons-vertical-align",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "license": "ISC",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-vertical-align.css > css/tachyons-vertical-align.css",
+ "build:minify": "tachyons src/tachyons-vertical-align.css --minify > css/tachyons-vertical-align.min.css",
+ "build:docs": "tachyons src/tachyons-vertical-align.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ },
+ "metadata": {
+ "category": "typography",
+ "isCore": true
+ }
+}
diff --git a/packages/tachyons-vertical-align/readme.md b/packages/tachyons-vertical-align/readme.md
new file mode 100644
index 000000000..9385b4044
--- /dev/null
+++ b/packages/tachyons-vertical-align/readme.md
@@ -0,0 +1,122 @@
+# tachyons-vertical-align 4.0.0
+
+Performance based css module.
+
+#### Stats
+
+213 | 16 | 16
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-vertical-align
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-vertical-align
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-vertical-align.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-vertical-align";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ VERTICAL ALIGN
+
+*/
+.v-base { vertical-align: baseline; }
+.v-mid { vertical-align: middle; }
+.v-top { vertical-align: top; }
+.v-btm { vertical-align: bottom; }
+@media screen and (min-width: 30em) {
+ .v-base-ns { vertical-align: baseline; }
+ .v-mid-ns { vertical-align: middle; }
+ .v-top-ns { vertical-align: top; }
+ .v-btm-ns { vertical-align: bottom; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .v-base-m { vertical-align: baseline; }
+ .v-mid-m { vertical-align: middle; }
+ .v-top-m { vertical-align: top; }
+ .v-btm-m { vertical-align: bottom; }
+}
+@media screen and (min-width: 60em) {
+ .v-base-l { vertical-align: baseline; }
+ .v-mid-l { vertical-align: middle; }
+ .v-top-l { vertical-align: top; }
+ .v-btm-l { vertical-align: bottom; }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-vertical-align/src/tachyons-vertical-align.css b/packages/tachyons-vertical-align/src/tachyons-vertical-align.css
new file mode 100644
index 000000000..667f385fe
--- /dev/null
+++ b/packages/tachyons-vertical-align/src/tachyons-vertical-align.css
@@ -0,0 +1,42 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ VERTICAL ALIGN
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+
+.v-base { vertical-align: baseline; }
+.v-mid { vertical-align: middle; }
+.v-top { vertical-align: top; }
+.v-btm { vertical-align: bottom; }
+
+@media (--breakpoint-not-small) {
+ .v-base-ns { vertical-align: baseline; }
+ .v-mid-ns { vertical-align: middle; }
+ .v-top-ns { vertical-align: top; }
+ .v-btm-ns { vertical-align: bottom; }
+}
+
+@media (--breakpoint-medium) {
+ .v-base-m { vertical-align: baseline; }
+ .v-mid-m { vertical-align: middle; }
+ .v-top-m { vertical-align: top; }
+ .v-btm-m { vertical-align: bottom; }
+}
+
+@media (--breakpoint-large) {
+ .v-base-l { vertical-align: baseline; }
+ .v-mid-l { vertical-align: middle; }
+ .v-top-l { vertical-align: top; }
+ .v-btm-l { vertical-align: bottom; }
+}
diff --git a/packages/tachyons-visibility/.gitignore b/packages/tachyons-visibility/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-visibility/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-visibility/LICENSE.txt b/packages/tachyons-visibility/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-visibility/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-visibility/code-of-conduct.md b/packages/tachyons-visibility/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-visibility/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-visibility/css/tachyons-visibility.css b/packages/tachyons-visibility/css/tachyons-visibility.css
new file mode 100644
index 000000000..e6a469682
--- /dev/null
+++ b/packages/tachyons-visibility/css/tachyons-visibility.css
@@ -0,0 +1,20 @@
+/*
+
+ VISIBILITY
+
+*/
+/*
+ Text that is hidden but accessible
+ Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+*/
+.clip { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
+@media screen and (min-width: 30em) {
+ .clip-ns { position: fixed !important; position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .clip-m { position: fixed !important; position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
+}
+@media screen and (min-width: 60em) {
+ .clip-l { position: fixed !important; position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
+}
+
diff --git a/packages/tachyons-visibility/css/tachyons-visibility.min.css b/packages/tachyons-visibility/css/tachyons-visibility.min.css
new file mode 100644
index 000000000..ab37d9941
--- /dev/null
+++ b/packages/tachyons-visibility/css/tachyons-visibility.min.css
@@ -0,0 +1,2 @@
+.clip{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}@media screen and (min-width:30em){.clip-ns{position:fixed!important;position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}}@media screen and (min-width:30em) and (max-width:60em){.clip-m{position:fixed!important;position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}}@media screen and (min-width:60em){.clip-l{position:fixed!important;position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}}
+
diff --git a/packages/tachyons-visibility/package.json b/packages/tachyons-visibility/package.json
new file mode 100644
index 000000000..17894ea83
--- /dev/null
+++ b/packages/tachyons-visibility/package.json
@@ -0,0 +1,33 @@
+{
+ "name": "tachyons-visibility",
+ "version": "2.0.0",
+ "style": "src/tachyons-visibility.css",
+ "description": "Performance based css module.",
+ "keywords": [
+ "tachyons",
+ "tachyons-css"
+ ],
+ "files": [
+ "src",
+ "css"
+ ],
+ "repository": "tachyons-css/tachyons-visibility",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "license": "ISC",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-visibility.css > css/tachyons-visibility.css",
+ "build:minify": "tachyons src/tachyons-visibility.css --minify > css/tachyons-visibility.min.css",
+ "build:docs": "tachyons src/tachyons-visibility.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ }
+}
diff --git a/packages/tachyons-visibility/readme.md b/packages/tachyons-visibility/readme.md
new file mode 100644
index 000000000..412382194
--- /dev/null
+++ b/packages/tachyons-visibility/readme.md
@@ -0,0 +1,114 @@
+# tachyons-visibility 2.0.0
+
+Performance based css module.
+
+#### Stats
+
+279 | 4 | 16
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-visibility
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-visibility
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-visibility.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-visibility";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ VISIBILITY
+
+*/
+/*
+ Text that is hidden but accessible
+ Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+*/
+.clip { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
+@media screen and (min-width: 30em) {
+ .clip-ns { position: fixed !important; position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .clip-m { position: fixed !important; position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
+}
+@media screen and (min-width: 60em) {
+ .clip-l { position: fixed !important; position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-visibility/src/tachyons-visibility.css b/packages/tachyons-visibility/src/tachyons-visibility.css
new file mode 100644
index 000000000..37e2abc02
--- /dev/null
+++ b/packages/tachyons-visibility/src/tachyons-visibility.css
@@ -0,0 +1,57 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ VISIBILITY
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+
+
+/*
+ Text that is hidden but accessible
+ Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+*/
+
+.clip {
+ position: fixed !important;
+ _position: absolute !important;
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px);
+}
+
+@media (--breakpoint-not-small) {
+ .clip-ns {
+ position: fixed !important;
+ _position: absolute !important;
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px);
+ }
+}
+
+@media (--breakpoint-medium) {
+ .clip-m {
+ position: fixed !important;
+ _position: absolute !important;
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px);
+ }
+}
+
+@media (--breakpoint-large) {
+ .clip-l {
+ position: fixed !important;
+ _position: absolute !important;
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px);
+ }
+}
+
diff --git a/packages/tachyons-white-space/.gitignore b/packages/tachyons-white-space/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-white-space/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-white-space/LICENSE.txt b/packages/tachyons-white-space/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-white-space/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-white-space/code-of-conduct.md b/packages/tachyons-white-space/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-white-space/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-white-space/css/tachyons-white-space.css b/packages/tachyons-white-space/css/tachyons-white-space.css
new file mode 100644
index 000000000..dd013bc4a
--- /dev/null
+++ b/packages/tachyons-white-space/css/tachyons-white-space.css
@@ -0,0 +1,24 @@
+/*
+
+ WHITE SPACE
+
+*/
+.ws-normal { white-space: normal; }
+.nowrap { white-space: nowrap; }
+.pre { white-space: pre; }
+@media screen and (min-width: 30em) {
+ .ws-normal-ns { white-space: normal; }
+ .nowrap-ns { white-space: nowrap; }
+ .pre-ns { white-space: pre; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .ws-normal-m { white-space: normal; }
+ .nowrap-m { white-space: nowrap; }
+ .pre-m { white-space: pre; }
+}
+@media screen and (min-width: 60em) {
+ .ws-normal-l { white-space: normal; }
+ .nowrap-l { white-space: nowrap; }
+ .pre-l { white-space: pre; }
+}
+
diff --git a/packages/tachyons-white-space/css/tachyons-white-space.min.css b/packages/tachyons-white-space/css/tachyons-white-space.min.css
new file mode 100644
index 000000000..c98c9dab5
--- /dev/null
+++ b/packages/tachyons-white-space/css/tachyons-white-space.min.css
@@ -0,0 +1,2 @@
+.ws-normal{white-space:normal}.nowrap{white-space:nowrap}.pre{white-space:pre}@media screen and (min-width:30em){.ws-normal-ns{white-space:normal}.nowrap-ns{white-space:nowrap}.pre-ns{white-space:pre}}@media screen and (min-width:30em) and (max-width:60em){.ws-normal-m{white-space:normal}.nowrap-m{white-space:nowrap}.pre-m{white-space:pre}}@media screen and (min-width:60em){.ws-normal-l{white-space:normal}.nowrap-l{white-space:nowrap}.pre-l{white-space:pre}}
+
diff --git a/packages/tachyons-white-space/package.json b/packages/tachyons-white-space/package.json
new file mode 100644
index 000000000..af9fc8113
--- /dev/null
+++ b/packages/tachyons-white-space/package.json
@@ -0,0 +1,37 @@
+{
+ "name": "tachyons-white-space",
+ "version": "4.0.0",
+ "style": "src/tachyons-white-space.css",
+ "description": "Performance based css module.",
+ "keywords": [
+ "tachyons",
+ "tachyons-css"
+ ],
+ "files": [
+ "src",
+ "css"
+ ],
+ "repository": "tachyons-css/tachyons-white-space",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "license": "ISC",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-white-space.css > css/tachyons-white-space.css",
+ "build:minify": "tachyons src/tachyons-white-space.css --minify > css/tachyons-white-space.min.css",
+ "build:docs": "tachyons src/tachyons-white-space.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ },
+ "metadata": {
+ "category": "typography",
+ "isCore": true
+ }
+}
diff --git a/packages/tachyons-white-space/readme.md b/packages/tachyons-white-space/readme.md
new file mode 100644
index 000000000..5a2c6fbcf
--- /dev/null
+++ b/packages/tachyons-white-space/readme.md
@@ -0,0 +1,118 @@
+# tachyons-white-space 4.0.0
+
+Performance based css module.
+
+#### Stats
+
+185 | 12 | 12
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-white-space
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-white-space
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-white-space.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-white-space";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ WHITE SPACE
+
+*/
+.ws-normal { white-space: normal; }
+.nowrap { white-space: nowrap; }
+.pre { white-space: pre; }
+@media screen and (min-width: 30em) {
+ .ws-normal-ns { white-space: normal; }
+ .nowrap-ns { white-space: nowrap; }
+ .pre-ns { white-space: pre; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .ws-normal-m { white-space: normal; }
+ .nowrap-m { white-space: nowrap; }
+ .pre-m { white-space: pre; }
+}
+@media screen and (min-width: 60em) {
+ .ws-normal-l { white-space: normal; }
+ .nowrap-l { white-space: nowrap; }
+ .pre-l { white-space: pre; }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-white-space/src/tachyons-white-space.css b/packages/tachyons-white-space/src/tachyons-white-space.css
new file mode 100644
index 000000000..0841311df
--- /dev/null
+++ b/packages/tachyons-white-space/src/tachyons-white-space.css
@@ -0,0 +1,40 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ WHITE SPACE
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+
+
+.ws-normal { white-space: normal; }
+.nowrap { white-space: nowrap; }
+.pre { white-space: pre; }
+
+@media (--breakpoint-not-small) {
+ .ws-normal-ns { white-space: normal; }
+ .nowrap-ns { white-space: nowrap; }
+ .pre-ns { white-space: pre; }
+}
+
+@media (--breakpoint-medium) {
+ .ws-normal-m { white-space: normal; }
+ .nowrap-m { white-space: nowrap; }
+ .pre-m { white-space: pre; }
+}
+
+@media (--breakpoint-large) {
+ .ws-normal-l { white-space: normal; }
+ .nowrap-l { white-space: nowrap; }
+ .pre-l { white-space: pre; }
+}
+
diff --git a/packages/tachyons-widths/.gitignore b/packages/tachyons-widths/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-widths/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-widths/LICENSE.txt b/packages/tachyons-widths/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-widths/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-widths/build.js b/packages/tachyons-widths/build.js
new file mode 100644
index 000000000..fde66458d
--- /dev/null
+++ b/packages/tachyons-widths/build.js
@@ -0,0 +1,38 @@
+// dependencies
+
+var fs = require("fs")
+var autoprefixer = require("autoprefixer")
+var postcss = require("postcss")
+var atImport = require("postcss-import")
+var cssvariables = require('postcss-css-variables')
+var compressor = require('node-minify')
+var conditionals = require('postcss-conditionals')
+var customMedia = require("postcss-custom-media")
+
+// css to be processed
+var css = fs.readFileSync("src/tachyons-widths.css", "utf8")
+
+// process css
+var output = postcss([autoprefixer])
+ .use(atImport())
+ .use(cssvariables())
+ .use(conditionals())
+ .use(customMedia())
+ .process(css, {
+ from: "src/tachyons-widths.css",
+ to: "tachyons-widths.css"
+ })
+ .css
+
+fs.writeFile("tachyons-widths.css", output, 'utf-8')
+
+// Using YUI Compressor for CSS
+new compressor.minify({
+ type: 'sqwish',
+ fileIn: 'tachyons-widths.css',
+ fileOut: 'tachyons-widths.min.css',
+ callback: function(err, min){
+ //console.log('Sqwish');
+ //console.log(err);
+ }
+});
diff --git a/packages/tachyons-widths/code-of-conduct.md b/packages/tachyons-widths/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-widths/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-widths/css/tachyons-widths.css b/packages/tachyons-widths/css/tachyons-widths.css
new file mode 100644
index 000000000..9c0b0506d
--- /dev/null
+++ b/packages/tachyons-widths/css/tachyons-widths.css
@@ -0,0 +1,111 @@
+/*
+
+ WIDTHS
+
+ Base:
+ w = width
+
+ Modifiers
+ 1 = 1st step in width scale
+ 2 = 2nd step in width scale
+ 3 = 3rd step in width scale
+ 4 = 4th step in width scale
+ 5 = 5th step in width scale
+
+ -10 = literal value 10%
+ -20 = literal value 20%
+ -25 = literal value 25%
+ -33 = literal value 33%
+ -34 = literal value 34%
+ -40 = literal value 40%
+ -50 = literal value 50%
+ -60 = literal value 60%
+ -75 = literal value 75%
+ -80 = literal value 80%
+ -100 = literal value 100%
+
+ -auto = string value auto
+
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+/* Width Scale */
+.w1 { width: 1rem; }
+.w2 { width: 2rem; }
+.w3 { width: 4rem; }
+.w4 { width: 8rem; }
+.w5 { width: 16rem; }
+.w-10 { width: 10%; }
+.w-20 { width: 20%; }
+.w-25 { width: 25%; }
+.w-33 { width: 33%; }
+.w-34 { width: 34%; }
+.w-40 { width: 40%; }
+.w-50 { width: 50%; }
+.w-60 { width: 60%; }
+.w-75 { width: 75%; }
+.w-80 { width: 80%; }
+.w-100 { width: 100%; }
+.w-auto { width: auto; }
+@media screen and (min-width: 30em) {
+ .w1-ns { width: 1rem; }
+ .w2-ns { width: 2rem; }
+ .w3-ns { width: 4rem; }
+ .w4-ns { width: 8rem; }
+ .w5-ns { width: 16rem; }
+ .w-10-ns { width: 10%; }
+ .w-20-ns { width: 20%; }
+ .w-25-ns { width: 25%; }
+ .w-33-ns { width: 33%; }
+ .w-34-ns { width: 34%; }
+ .w-40-ns { width: 40%; }
+ .w-50-ns { width: 50%; }
+ .w-60-ns { width: 60%; }
+ .w-75-ns { width: 75%; }
+ .w-80-ns { width: 80%; }
+ .w-100-ns { width: 100%; }
+ .w-auto-ns { width: auto; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .w1-m { width: 1rem; }
+ .w2-m { width: 2rem; }
+ .w3-m { width: 4rem; }
+ .w4-m { width: 8rem; }
+ .w5-m { width: 16rem; }
+ .w-10-m { width: 10%; }
+ .w-20-m { width: 20%; }
+ .w-25-m { width: 25%; }
+ .w-33-m { width: 33%; }
+ .w-34-m { width: 34%; }
+ .w-40-m { width: 40%; }
+ .w-50-m { width: 50%; }
+ .w-60-m { width: 60%; }
+ .w-75-m { width: 75%; }
+ .w-80-m { width: 80%; }
+ .w-100-m { width: 100%; }
+ .w-auto-m { width: auto; }
+}
+@media screen and (min-width: 60em) {
+ .w1-l { width: 1rem; }
+ .w2-l { width: 2rem; }
+ .w3-l { width: 4rem; }
+ .w4-l { width: 8rem; }
+ .w5-l { width: 16rem; }
+ .w-10-l { width: 10%; }
+ .w-20-l { width: 20%; }
+ .w-25-l { width: 25%; }
+ .w-33-l { width: 33%; }
+ .w-34-l { width: 34%; }
+ .w-40-l { width: 40%; }
+ .w-50-l { width: 50%; }
+ .w-60-l { width: 60%; }
+ .w-75-l { width: 75%; }
+ .w-80-l { width: 80%; }
+ .w-100-l { width: 100%; }
+ .w-auto-l { width: auto; }
+}
+
diff --git a/packages/tachyons-widths/css/tachyons-widths.min.css b/packages/tachyons-widths/css/tachyons-widths.min.css
new file mode 100644
index 000000000..58bc6c9ef
--- /dev/null
+++ b/packages/tachyons-widths/css/tachyons-widths.min.css
@@ -0,0 +1,2 @@
+.w1{width:1rem}.w2{width:2rem}.w3{width:4rem}.w4{width:8rem}.w5{width:16rem}.w-10{width:10%}.w-20{width:20%}.w-25{width:25%}.w-33{width:33%}.w-34{width:34%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-75{width:75%}.w-80{width:80%}.w-100{width:100%}.w-auto{width:auto}@media screen and (min-width:30em){.w1-ns{width:1rem}.w2-ns{width:2rem}.w3-ns{width:4rem}.w4-ns{width:8rem}.w5-ns{width:16rem}.w-10-ns{width:10%}.w-20-ns{width:20%}.w-25-ns{width:25%}.w-33-ns{width:33%}.w-34-ns{width:34%}.w-40-ns{width:40%}.w-50-ns{width:50%}.w-60-ns{width:60%}.w-75-ns{width:75%}.w-80-ns{width:80%}.w-100-ns{width:100%}.w-auto-ns{width:auto}}@media screen and (min-width:30em) and (max-width:60em){.w1-m{width:1rem}.w2-m{width:2rem}.w3-m{width:4rem}.w4-m{width:8rem}.w5-m{width:16rem}.w-10-m{width:10%}.w-20-m{width:20%}.w-25-m{width:25%}.w-33-m{width:33%}.w-34-m{width:34%}.w-40-m{width:40%}.w-50-m{width:50%}.w-60-m{width:60%}.w-75-m{width:75%}.w-80-m{width:80%}.w-100-m{width:100%}.w-auto-m{width:auto}}@media screen and (min-width:60em){.w1-l{width:1rem}.w2-l{width:2rem}.w3-l{width:4rem}.w4-l{width:8rem}.w5-l{width:16rem}.w-10-l{width:10%}.w-20-l{width:20%}.w-25-l{width:25%}.w-33-l{width:33%}.w-34-l{width:34%}.w-40-l{width:40%}.w-50-l{width:50%}.w-60-l{width:60%}.w-75-l{width:75%}.w-80-l{width:80%}.w-100-l{width:100%}.w-auto-l{width:auto}}
+
diff --git a/packages/tachyons-widths/package.json b/packages/tachyons-widths/package.json
new file mode 100644
index 000000000..ba1f06af3
--- /dev/null
+++ b/packages/tachyons-widths/package.json
@@ -0,0 +1,37 @@
+{
+ "name": "tachyons-widths",
+ "version": "5.0.0",
+ "style": "src/tachyons-widths.css",
+ "description": "Performance based css module.",
+ "keywords": [
+ "tachyons",
+ "tachyons-css"
+ ],
+ "files": [
+ "src",
+ "css"
+ ],
+ "repository": "tachyons-css/tachyons-widths",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "license": "ISC",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-widths.css > css/tachyons-widths.css",
+ "build:minify": "tachyons src/tachyons-widths.css --minify > css/tachyons-widths.min.css",
+ "build:docs": "tachyons src/tachyons-widths.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ },
+ "metadata": {
+ "category": "layout",
+ "isCore": true
+ }
+}
diff --git a/packages/tachyons-widths/readme.md b/packages/tachyons-widths/readme.md
new file mode 100644
index 000000000..b2a6a1890
--- /dev/null
+++ b/packages/tachyons-widths/readme.md
@@ -0,0 +1,205 @@
+# tachyons-widths 5.0.0
+
+Performance based css module.
+
+#### Stats
+
+596 | 68 | 68
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-widths
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-widths
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-widths.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-widths";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ WIDTHS
+
+ Base:
+ w = width
+
+ Modifiers
+ 1 = 1st step in width scale
+ 2 = 2nd step in width scale
+ 3 = 3rd step in width scale
+ 4 = 4th step in width scale
+ 5 = 5th step in width scale
+
+ -10 = literal value 10%
+ -20 = literal value 20%
+ -25 = literal value 25%
+ -33 = literal value 33%
+ -34 = literal value 34%
+ -40 = literal value 40%
+ -50 = literal value 50%
+ -60 = literal value 60%
+ -75 = literal value 75%
+ -80 = literal value 80%
+ -100 = literal value 100%
+
+ -auto = string value auto
+
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+/* Width Scale */
+.w1 { width: 1rem; }
+.w2 { width: 2rem; }
+.w3 { width: 4rem; }
+.w4 { width: 8rem; }
+.w5 { width: 16rem; }
+.w-10 { width: 10%; }
+.w-20 { width: 20%; }
+.w-25 { width: 25%; }
+.w-33 { width: 33%; }
+.w-34 { width: 34%; }
+.w-40 { width: 40%; }
+.w-50 { width: 50%; }
+.w-60 { width: 60%; }
+.w-75 { width: 75%; }
+.w-80 { width: 80%; }
+.w-100 { width: 100%; }
+.w-auto { width: auto; }
+@media screen and (min-width: 30em) {
+ .w1-ns { width: 1rem; }
+ .w2-ns { width: 2rem; }
+ .w3-ns { width: 4rem; }
+ .w4-ns { width: 8rem; }
+ .w5-ns { width: 16rem; }
+ .w-10-ns { width: 10%; }
+ .w-20-ns { width: 20%; }
+ .w-25-ns { width: 25%; }
+ .w-33-ns { width: 33%; }
+ .w-34-ns { width: 34%; }
+ .w-40-ns { width: 40%; }
+ .w-50-ns { width: 50%; }
+ .w-60-ns { width: 60%; }
+ .w-75-ns { width: 75%; }
+ .w-80-ns { width: 80%; }
+ .w-100-ns { width: 100%; }
+ .w-auto-ns { width: auto; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .w1-m { width: 1rem; }
+ .w2-m { width: 2rem; }
+ .w3-m { width: 4rem; }
+ .w4-m { width: 8rem; }
+ .w5-m { width: 16rem; }
+ .w-10-m { width: 10%; }
+ .w-20-m { width: 20%; }
+ .w-25-m { width: 25%; }
+ .w-33-m { width: 33%; }
+ .w-34-m { width: 34%; }
+ .w-40-m { width: 40%; }
+ .w-50-m { width: 50%; }
+ .w-60-m { width: 60%; }
+ .w-75-m { width: 75%; }
+ .w-80-m { width: 80%; }
+ .w-100-m { width: 100%; }
+ .w-auto-m { width: auto; }
+}
+@media screen and (min-width: 60em) {
+ .w1-l { width: 1rem; }
+ .w2-l { width: 2rem; }
+ .w3-l { width: 4rem; }
+ .w4-l { width: 8rem; }
+ .w5-l { width: 16rem; }
+ .w-10-l { width: 10%; }
+ .w-20-l { width: 20%; }
+ .w-25-l { width: 25%; }
+ .w-33-l { width: 33%; }
+ .w-34-l { width: 34%; }
+ .w-40-l { width: 40%; }
+ .w-50-l { width: 50%; }
+ .w-60-l { width: 60%; }
+ .w-75-l { width: 75%; }
+ .w-80-l { width: 80%; }
+ .w-100-l { width: 100%; }
+ .w-auto-l { width: auto; }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-widths/src/tachyons-widths.css b/packages/tachyons-widths/src/tachyons-widths.css
new file mode 100644
index 000000000..62bf65713
--- /dev/null
+++ b/packages/tachyons-widths/src/tachyons-widths.css
@@ -0,0 +1,149 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ WIDTHS
+ Docs: http://tachyons.io/docs/layout/widths/
+
+ Base:
+ w = width
+
+ Modifiers
+ 1 = 1st step in width scale
+ 2 = 2nd step in width scale
+ 3 = 3rd step in width scale
+ 4 = 4th step in width scale
+ 5 = 5th step in width scale
+
+ -10 = literal value 10%
+ -20 = literal value 20%
+ -25 = literal value 25%
+ -30 = literal value 30%
+ -33 = literal value 33%
+ -34 = literal value 34%
+ -40 = literal value 40%
+ -50 = literal value 50%
+ -60 = literal value 60%
+ -70 = literal value 70%
+ -75 = literal value 75%
+ -80 = literal value 80%
+ -90 = literal value 90%
+ -100 = literal value 100%
+
+ -third = 100% / 3 (Not supported in opera mini or IE8)
+ -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8)
+ -auto = string value auto
+
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+
+/* Width Scale */
+
+.w1 { width: 1rem; }
+.w2 { width: 2rem; }
+.w3 { width: 4rem; }
+.w4 { width: 8rem; }
+.w5 { width: 16rem; }
+
+.w-10 { width: 10%; }
+.w-20 { width: 20%; }
+.w-25 { width: 25%; }
+.w-30 { width: 30%; }
+.w-33 { width: 33%; }
+.w-34 { width: 34%; }
+.w-40 { width: 40%; }
+.w-50 { width: 50%; }
+.w-60 { width: 60%; }
+.w-70 { width: 70%; }
+.w-75 { width: 75%; }
+.w-80 { width: 80%; }
+.w-90 { width: 90%; }
+.w-100 { width: 100%; }
+
+.w-third { width: calc(100% / 3); }
+.w-two-thirds { width: calc(100% / 1.5); }
+.w-auto { width: auto; }
+
+@media (--breakpoint-not-small) {
+ .w1-ns { width: 1rem; }
+ .w2-ns { width: 2rem; }
+ .w3-ns { width: 4rem; }
+ .w4-ns { width: 8rem; }
+ .w5-ns { width: 16rem; }
+ .w-10-ns { width: 10%; }
+ .w-20-ns { width: 20%; }
+ .w-25-ns { width: 25%; }
+ .w-30-ns { width: 30%; }
+ .w-33-ns { width: 33%; }
+ .w-34-ns { width: 34%; }
+ .w-40-ns { width: 40%; }
+ .w-50-ns { width: 50%; }
+ .w-60-ns { width: 60%; }
+ .w-70-ns { width: 70%; }
+ .w-75-ns { width: 75%; }
+ .w-80-ns { width: 80%; }
+ .w-90-ns { width: 90%; }
+ .w-100-ns { width: 100%; }
+ .w-third-ns { width: calc(100% / 3); }
+ .w-two-thirds-ns { width: calc(100% / 1.5); }
+ .w-auto-ns { width: auto; }
+}
+
+@media (--breakpoint-medium) {
+ .w1-m { width: 1rem; }
+ .w2-m { width: 2rem; }
+ .w3-m { width: 4rem; }
+ .w4-m { width: 8rem; }
+ .w5-m { width: 16rem; }
+ .w-10-m { width: 10%; }
+ .w-20-m { width: 20%; }
+ .w-25-m { width: 25%; }
+ .w-30-m { width: 30%; }
+ .w-33-m { width: 33%; }
+ .w-34-m { width: 34%; }
+ .w-40-m { width: 40%; }
+ .w-50-m { width: 50%; }
+ .w-60-m { width: 60%; }
+ .w-70-m { width: 70%; }
+ .w-75-m { width: 75%; }
+ .w-80-m { width: 80%; }
+ .w-90-m { width: 90%; }
+ .w-100-m { width: 100%; }
+ .w-third-m { width: calc(100% / 3); }
+ .w-two-thirds-m { width: calc(100% / 1.5); }
+ .w-auto-m { width: auto; }
+}
+
+@media (--breakpoint-large) {
+ .w1-l { width: 1rem; }
+ .w2-l { width: 2rem; }
+ .w3-l { width: 4rem; }
+ .w4-l { width: 8rem; }
+ .w5-l { width: 16rem; }
+ .w-10-l { width: 10%; }
+ .w-20-l { width: 20%; }
+ .w-25-l { width: 25%; }
+ .w-30-l { width: 30%; }
+ .w-33-l { width: 33%; }
+ .w-34-l { width: 34%; }
+ .w-40-l { width: 40%; }
+ .w-50-l { width: 50%; }
+ .w-60-l { width: 60%; }
+ .w-70-l { width: 70%; }
+ .w-75-l { width: 75%; }
+ .w-80-l { width: 80%; }
+ .w-90-l { width: 90%; }
+ .w-100-l { width: 100%; }
+ .w-third-l { width: calc(100% / 3); }
+ .w-two-thirds-l { width: calc(100% / 1.5); }
+ .w-auto-l { width: auto; }
+}
diff --git a/packages/tachyons-word-break/.gitignore b/packages/tachyons-word-break/.gitignore
new file mode 100644
index 000000000..36795eecf
--- /dev/null
+++ b/packages/tachyons-word-break/.gitignore
@@ -0,0 +1,59 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-word-break/LICENSE.txt b/packages/tachyons-word-break/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-word-break/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-word-break/code-of-conduct.md b/packages/tachyons-word-break/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-word-break/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-word-break/css/tachyons-word-break.css b/packages/tachyons-word-break/css/tachyons-word-break.css
new file mode 100644
index 000000000..07e5c21b1
--- /dev/null
+++ b/packages/tachyons-word-break/css/tachyons-word-break.css
@@ -0,0 +1,24 @@
+/*
+
+ WORD BREAK
+
+*/
+.word-normal { word-break: normal; }
+.word-wrap { word-break: break-all; }
+.word-nowrap { word-break: keep-all; }
+@media screen and (min-width: 30em) {
+ .word-normal-ns { word-break: normal; }
+ .word-wrap-ns { word-break: break-all; }
+ .word-nowrap-ns { word-break: keep-all; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .word-normal-m { word-break: normal; }
+ .word-wrap-m { word-break: break-all; }
+ .word-nowrap-m { word-break: keep-all; }
+}
+@media screen and (min-width: 60em) {
+ .word-normal-l { word-break: normal; }
+ .word-wrap-l { word-break: break-all; }
+ .word-nowrap-l { word-break: keep-all; }
+}
+
diff --git a/packages/tachyons-word-break/css/tachyons-word-break.min.css b/packages/tachyons-word-break/css/tachyons-word-break.min.css
new file mode 100644
index 000000000..c06683fdd
--- /dev/null
+++ b/packages/tachyons-word-break/css/tachyons-word-break.min.css
@@ -0,0 +1,2 @@
+.word-normal{word-break:normal}.word-wrap{word-break:break-all}.word-nowrap{word-break:keep-all}@media screen and (min-width:30em){.word-normal-ns{word-break:normal}.word-wrap-ns{word-break:break-all}.word-nowrap-ns{word-break:keep-all}}@media screen and (min-width:30em) and (max-width:60em){.word-normal-m{word-break:normal}.word-wrap-m{word-break:break-all}.word-nowrap-m{word-break:keep-all}}@media screen and (min-width:60em){.word-normal-l{word-break:normal}.word-wrap-l{word-break:break-all}.word-nowrap-l{word-break:keep-all}}
+
diff --git a/packages/tachyons-word-break/package.json b/packages/tachyons-word-break/package.json
new file mode 100644
index 000000000..ed6d407a9
--- /dev/null
+++ b/packages/tachyons-word-break/package.json
@@ -0,0 +1,36 @@
+{
+ "name": "tachyons-word-break",
+ "description": "Tachyons CSS module of utilities for setting word-break",
+ "version": "3.0.0",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "style": "src/tachyons-word-break.css",
+ "files": [
+ "src",
+ "css"
+ ],
+ "keywords": [
+ "tachyons",
+ "tachyons-css",
+ "css",
+ "postcss",
+ "base"
+ ],
+ "repository": "tachyons-css/tachyons-word-break",
+ "license": "ISC",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-word-break.css > css/tachyons-word-break.css",
+ "build:minify": "tachyons src/tachyons-word-break.css --minify > css/tachyons-word-break.min.css",
+ "build:docs": "tachyons src/tachyons-word-break.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ }
+}
diff --git a/packages/tachyons-word-break/readme.md b/packages/tachyons-word-break/readme.md
new file mode 100644
index 000000000..fc4b648db
--- /dev/null
+++ b/packages/tachyons-word-break/readme.md
@@ -0,0 +1,118 @@
+# tachyons-word-break 3.0.0
+
+Tachyons CSS module of utilities for setting word-break
+
+#### Stats
+
+187 | 12 | 12
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-word-break
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-word-break
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-word-break.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-word-break";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ WORD BREAK
+
+*/
+.word-normal { word-break: normal; }
+.word-wrap { word-break: break-all; }
+.word-nowrap { word-break: keep-all; }
+@media screen and (min-width: 30em) {
+ .word-normal-ns { word-break: normal; }
+ .word-wrap-ns { word-break: break-all; }
+ .word-nowrap-ns { word-break: keep-all; }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .word-normal-m { word-break: normal; }
+ .word-wrap-m { word-break: break-all; }
+ .word-nowrap-m { word-break: keep-all; }
+}
+@media screen and (min-width: 60em) {
+ .word-normal-l { word-break: normal; }
+ .word-wrap-l { word-break: break-all; }
+ .word-nowrap-l { word-break: keep-all; }
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-word-break/src/tachyons-word-break.css b/packages/tachyons-word-break/src/tachyons-word-break.css
new file mode 100644
index 000000000..db06660b5
--- /dev/null
+++ b/packages/tachyons-word-break/src/tachyons-word-break.css
@@ -0,0 +1,42 @@
+
+
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+/*
+
+ WORD BREAK
+
+ Base:
+ word = word-break
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+
+.word-normal { word-break: normal; }
+.word-wrap { word-break: break-all; }
+.word-nowrap { word-break: keep-all; }
+
+@media (--breakpoint-not-small) {
+ .word-normal-ns { word-break: normal; }
+ .word-wrap-ns { word-break: break-all; }
+ .word-nowrap-ns { word-break: keep-all; }
+}
+
+@media (--breakpoint-medium) {
+ .word-normal-m { word-break: normal; }
+ .word-wrap-m { word-break: break-all; }
+ .word-nowrap-m { word-break: keep-all; }
+}
+
+@media (--breakpoint-large) {
+ .word-normal-l { word-break: normal; }
+ .word-wrap-l { word-break: break-all; }
+ .word-nowrap-l { word-break: keep-all; }
+}
+
diff --git a/packages/tachyons-z-index/.gitignore b/packages/tachyons-z-index/.gitignore
new file mode 100644
index 000000000..28ae0d16a
--- /dev/null
+++ b/packages/tachyons-z-index/.gitignore
@@ -0,0 +1,30 @@
+# List of files for git to ignore
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Vim
+Session.vim
+
+# Node
+node_modules/*
+npm-debug.log
diff --git a/packages/tachyons-z-index/LICENSE.txt b/packages/tachyons-z-index/LICENSE.txt
new file mode 100644
index 000000000..e43105858
--- /dev/null
+++ b/packages/tachyons-z-index/LICENSE.txt
@@ -0,0 +1,14 @@
+ISC License (ISC)
+Copyright (c) 2016, Adam Morse
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/packages/tachyons-z-index/code-of-conduct.md b/packages/tachyons-z-index/code-of-conduct.md
new file mode 100644
index 000000000..b354f8218
--- /dev/null
+++ b/packages/tachyons-z-index/code-of-conduct.md
@@ -0,0 +1,68 @@
+# Contributor Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age,
+body size, disability, ethnicity, gender identity and expression, level of
+experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+### Our Standards
+
+#### Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+#### Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at hi@mrmrs.cc. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
+
diff --git a/packages/tachyons-z-index/css/tachyons-z-index.css b/packages/tachyons-z-index/css/tachyons-z-index.css
new file mode 100644
index 000000000..b24ac17eb
--- /dev/null
+++ b/packages/tachyons-z-index/css/tachyons-z-index.css
@@ -0,0 +1,29 @@
+/*
+
+ Tachyons
+ z-index
+
+ DOCUMENTATION
+
+ MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
+ Spec: http://www.w3.org/TR/CSS2/zindex.html
+
+ Tips on extending:
+ There might be a time worth using negative z-index values.
+ Or if you are using tachyons with another project, you might need to
+ adjust these values to suit your needs.
+
+*/
+.z-0 { z-index: 0; }
+.z-1 { z-index: 1; }
+.z-2 { z-index: 2; }
+.z-3 { z-index: 3; }
+.z-4 { z-index: 4; }
+.z-5 { z-index: 5; }
+.z-999 { z-index: 999; }
+.z-9999 { z-index: 9999; }
+.z-max { z-index: 2147483647; }
+.z-inherit { z-index: inherit; }
+.z-initial { z-index: initial; }
+.z-unset { z-index: unset; }
+
diff --git a/packages/tachyons-z-index/css/tachyons-z-index.min.css b/packages/tachyons-z-index/css/tachyons-z-index.min.css
new file mode 100644
index 000000000..31f45d368
--- /dev/null
+++ b/packages/tachyons-z-index/css/tachyons-z-index.min.css
@@ -0,0 +1,2 @@
+.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-999{z-index:6}.z-9999{z-index:7}.z-max{z-index:8}.z-inherit{z-index:inherit}.z-initial{z-index:auto}.z-unset{z-index:unset}
+
diff --git a/packages/tachyons-z-index/package.json b/packages/tachyons-z-index/package.json
new file mode 100644
index 000000000..e78beabab
--- /dev/null
+++ b/packages/tachyons-z-index/package.json
@@ -0,0 +1,36 @@
+{
+ "name": "tachyons-z-index",
+ "description": "Tachyons css module for setting z-index on elements",
+ "version": "1.0.3",
+ "author": {
+ "name": "mrmrs",
+ "email": "hi@mrmrs.cc",
+ "url": "http://mrmrs.cc"
+ },
+ "style": "src/tachyons-z-index.css",
+ "files": [
+ "src",
+ "css"
+ ],
+ "keywords": [
+ "tachyons",
+ "tachyons-css",
+ "css",
+ "stacking",
+ "z-index"
+ ],
+ "repository": "tachyons-css/tachyons-z-index",
+ "license": "ISC",
+ "devDependencies": {
+ "tachyons-cli": "^1.0.2",
+ "watch": "^0.19.1"
+ },
+ "scripts": {
+ "start": "npm run build:watch",
+ "build:css": "tachyons src/tachyons-z-index.css > css/tachyons-z-index.css",
+ "build:minify": "tachyons src/tachyons-z-index.css --minify > css/tachyons-z-index.min.css",
+ "build:docs": "tachyons src/tachyons-z-index.css --generate-docs --package=../../package.json > readme.md",
+ "build": "npm run build:css && npm run build:minify && npm run build:docs",
+ "build:watch": "watch 'npm run build' ./src"
+ }
+}
diff --git a/packages/tachyons-z-index/readme.md b/packages/tachyons-z-index/readme.md
new file mode 100644
index 000000000..c47d2e9b4
--- /dev/null
+++ b/packages/tachyons-z-index/readme.md
@@ -0,0 +1,123 @@
+# tachyons-z-index 1.0.3
+
+Tachyons css module for setting z-index on elements
+
+#### Stats
+
+349 | 12 | 12
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
+```
+npm install --save-dev tachyons-z-index
+```
+
+Learn more about using css installed with npm:
+* https://webpack.github.io/docs/stylesheets.html
+* https://github.com/defunctzombie/npm-css
+
+#### With Git
+
+http:
+```
+git clone https://github.com/tachyons-css/tachyons-z-index
+```
+
+ssh:
+```
+git clone git@github.com:tachyons-css/tachyons-z-index.git
+```
+
+## Usage
+
+#### Using with [PostCSS](https://github.com/postcss/postcss)
+
+Import the css module
+
+```css
+@import "tachyons-z-index";
+```
+
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
+
+```sh
+$ npm i -g tachyons-cli
+$ tachyons path/to/css-file.css > dist/t.css
+```
+
+#### Using the CSS
+
+##### CDN
+The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
+
+```
+
+```
+
+##### Locally
+The built CSS is located in the `css` directory. It contains an unminified and minified version.
+You can either cut and paste that css or link to it directly in your html.
+
+```html
+
+```
+
+#### Development
+
+The source CSS files can be found in the `src` directory.
+Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory.
+
+## The CSS
+
+```css
+/*
+
+ Tachyons
+ z-index
+
+ DOCUMENTATION
+
+ MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
+ Spec: http://www.w3.org/TR/CSS2/zindex.html
+
+ Tips on extending:
+ There might be a time worth using negative z-index values.
+ Or if you are using tachyons with another project, you might need to
+ adjust these values to suit your needs.
+
+*/
+.z-0 { z-index: 0; }
+.z-1 { z-index: 1; }
+.z-2 { z-index: 2; }
+.z-3 { z-index: 3; }
+.z-4 { z-index: 4; }
+.z-5 { z-index: 5; }
+.z-999 { z-index: 999; }
+.z-9999 { z-index: 9999; }
+.z-max { z-index: 2147483647; }
+.z-inherit { z-index: inherit; }
+.z-initial { z-index: initial; }
+.z-unset { z-index: unset; }
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Authors
+
+* [mrmrs](http://mrmrs.io)
+* [johno](http://johnotander.com)
+
+## License
+
+ISC
+
diff --git a/packages/tachyons-z-index/src/tachyons-z-index.css b/packages/tachyons-z-index/src/tachyons-z-index.css
new file mode 100644
index 000000000..9f4d863f7
--- /dev/null
+++ b/packages/tachyons-z-index/src/tachyons-z-index.css
@@ -0,0 +1,53 @@
+/*
+
+ Z-INDEX
+
+ Base
+ z = z-index
+
+ Modifiers
+ -0 = literal value 0
+ -1 = literal value 1
+ -2 = literal value 2
+ -3 = literal value 3
+ -4 = literal value 4
+ -5 = literal value 5
+ -999 = literal value 999
+ -9999 = literal value 9999
+
+ -max = largest accepted z-index value as integer
+
+ -inherit = string value inherit
+ -initial = string value initial
+ -unset = string value unset
+
+ MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
+ Spec: http://www.w3.org/TR/CSS2/zindex.html
+ Articles:
+ https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
+
+ Tips on extending:
+ There might be a time worth using negative z-index values.
+ Or if you are using tachyons with another project, you might need to
+ adjust these values to suit your needs.
+
+*/
+
+.z-0 { z-index: 0; }
+.z-1 { z-index: 1; }
+.z-2 { z-index: 2; }
+.z-3 { z-index: 3; }
+.z-4 { z-index: 4; }
+.z-5 { z-index: 5; }
+
+.z-999 { z-index: 999; }
+.z-9999 { z-index: 9999; }
+
+.z-max {
+ z-index: 2147483647;
+}
+
+.z-inherit { z-index: inherit; }
+.z-initial { z-index: initial; }
+.z-unset { z-index: unset; }
+
diff --git a/readme.md b/readme.md
index de6d1f361..6b5859bf7 100644
--- a/readme.md
+++ b/readme.md
@@ -8,35 +8,46 @@ Quickly build and design new UI without writing css.
* Everything should be 100% responsive
* Everything should be readable on any device
-* Everything should be as performant as possible
+* Everything should be as fast as possible
* Designing in the browser should be easy
* It should be easy to change any interface or part of an interface without breaking any existing interfaces
* Doing one thing extremely well promotes reusability and reduces repetition
-* css is global. HTML is not. Send the smallest amount of code to the user as possible.
+* Documentation helps promote reusability and shared knowledge
+* Css shouldn't impede accessibility or the default functionality of Html
+* You should send the smallest possible amount of code to the user
## Features
-* Mobile-first css
+* Mobile-first css architecture
+* 490 accessible color combinations
+* 8px baseline grid
+* Multiple debugging utilities to reduce layout struggles
* Single-purpose class structure
* Optimized for maximum gzip compression
-* 7.2kB when minified and gzipped
+* Lightweight (~14kB)
* Usable across projects
+* Growing open source component library
+* Works well with plain html, react, ember, angular, rails, and more
* Infinitely nestable responsive grid system
* Built with Postcss
## Getting started
Docs can be found at http://tachyons.io/docs
-The modules are generally pretty small and thus easy to read and grock if you're familiar with css at all.
+The modules are generally pretty small and thus quick and easy to read.
### Use the CDN
The quickest and easiest way to start using tachyons is to include a reference
to the minified file in the head of your html file.
-Currently the latest version is 4.1.2
+You can always grab the latest version with
```html
-
+
+```
+You can also specify a specific version. The latest version is 4.6.1
+```html
+
```
### Local Setup
@@ -49,98 +60,115 @@ cd tachyons
npm install
```
-#### Build
-
-##### First time
-
-Tachyons is available as a series of small self contained css modules. They aren't dependent on eachother but
-are designed to play well together. But tachyons is also just css. And you should feel free to edit css
-that is in your project. The first time you build tachyons all of the css gets installed via npm, but the modules
-then get copied over to your local src directory and then the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
-uses a series of postcss plugins to compile the source down to vanilla css.
-
-##### Updating
-
-If you want to update a tachyons partial, install the desired module version via npm and run the build command again. Note
-this will copy over all source files, so if you've modified src/ your changes might will be overwritten but you can use version control (like git!) to undo these changes.
-
-```npm run build```
-
#### Dev
-If you want to just use src as a jumping off point and edit all the code yourself, you can compile all of your wonderful changes by running
+If you want to just use everything in tachyons/src as a jumping off point and
+edit all the code yourself, you can compile all of your wonderful changes by
+running
```npm start```
-This will output both minified and unminified versions of the css to the css directory.
-
-If you want to recompile everything from src everytime you save a change - you can run the following command, which will compile and minify the css
+This will output both minified and unminified versions of the css to the css directory and watch the src directory for changes.
+It's aliased to the command:
```npm run build:watch```
+If you'd like to just build the css once without watching the src directory run
+
+```npm run build```
+
If you want to check that a class hasn't been redefined or 'mutated' there is a linter to check that all of the classes have only been defined once. This can be useful if you are using another library or have written some of your own css and want to make sure there are no naming collisions. To do this run the command
```npm run mutations```
-## Contributing
+## Docs
+The tachyons docs located at http://tachyons.io are all open source and located at https://github.com/tachyons-css/tachyons-css.github.io
+
+You can clone the docs and use them as a template for documenting your own design system / patterns / components.
+While not everything is automated, the component library generation makes it extremely easy to
+generate and organize the documentation for components as demonstrated at http://tachyons.io/components
+
-If you want to make a PR to change part of the css source for tachyons, make sure you make the PR on the corresponding module
-that can be found in the [tachyons org](http://github.com/tachyons-css/). Those modules get copied into the main repo so
-any changes you make to the css in this repo would get overridden.
+## Contributing
-Also please read our [code of conduct](https://github.com/tachyons-css/tachyons/blob/master/code-of-conduct.md) for contributors.
+Please read our [code of conduct](https://github.com/tachyons-css/tachyons/blob/master/code-of-conduct.md) for contributors.
## Websites that Use Tachyons
(if you have a project that uses Tachyons feel free to make a PR to add it to this list)
+* https://nicenice.co
+* https://coralproject.net
* https://goldenstaterecord.com
+* http://www.sogol.co
+* https://segment.com
+* http://hicuties.com
+* https://urlbox.io
+* https://community.algolia.com/wordpress/
+* http://studiocraft.cc
+* http://samueldregan.com
+* https://filmstrip.cf
+* https://voteplz.com
* http://bluebottlecoffee.com
-* http://aboutlife.com
-* http://joinoneroom.com
+* http://cyclelove.cc
+* http://topher.design
+* http://iheanyi.com/
+* http://johnotander.com
* https://vimgifs.com
* http://jon.gold/txt
* http://rene.jon.gold
* https://tinychime.github.io/jekyons/
-* http://mrmrs.io/up
* http://prnt.cc
* http://spenhar.com
* http://randoma11y.com
-* http://cyclelove.cc
* http://www.csspurge.com
* http://clrs.cc
-* http://mrmrs.io/gradients
+* https://cljsjs.github.io
* https://www.getnoodl.es
* https://natwelch.com
-* http://mrmrs.io/profile/
-* http://mn-ml.cc
* http://pesticide.io
-* http://mrmrs.io/btns/
* http://zachhurd.com
-* http://mrmrs.cc
* http://gfffs.com
-* http://mrmrs.io/beats/
-* http://mrmrs.io/writing
-* http://fade.pics
* https://wordpress.org/themes/vanilla-milkshake/
* http://comics.hongkonggong.com/
* https://accessmyinfo.hk/#/
* https://accessmyinfo.org/#/
* http://rene.jon.gold
-* http://johnotander.com
* http://randoma11y.com
* http://designbytyping.com
* http://colepeters.com
* https://atmin.github.io/funponent/
* http://blog.colepeters.com
+* http://aboutlife.com
+* http://joinoneroom.com
+* http://filipaonunes.com
+* https://vakra.band
+* http://tylernford.com
+* https://adventuretron.org
+* https://uptimeumbrella.com
+* http://www.talbs.me
+* http://seanoshea.me
+* https://www.hiaida.com
+* http://maxogden.github.io/screencat/
+* http://numenta.com
+* https://windtoday.co
+* http://claudio.netlify.com
+* http://devday-ar.com
+* http://mrmrs.io/mnml
+* http://mrmrs.io/up
+* http://mrmrs.io/profile/
+* http://mrmrs.io/gradients
+* http://mrmrs.io/btns/
+* http://mrmrs.io/beats/
+* http://mrmrs.io/writing
+* http://mrmrs.cc
+* https://fontawesome.com
And of course...
* http://tachyons.io
-
-
## Help
-If you have a question feel free to open an issue here or jump into the [Tachyons slack channel](http://tachyons-slack-invite.herokuapp.com).
+If you have a question or need help feel free to open an issue here or jump into the [Tachyons slack channel](http://tachyons-slack-invite.herokuapp.com).
## License
diff --git a/src/_aspect-ratios.css b/src/_aspect-ratios.css
new file mode 100644
index 000000000..1ee67e1d9
--- /dev/null
+++ b/src/_aspect-ratios.css
@@ -0,0 +1,135 @@
+/*
+
+ ASPECT RATIOS
+
+*/
+
+/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
+ * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
+ * Make sure there are no height and width attributes on the embedded media.
+ * Adapted from: https://github.com/suitcss/components-flex-embed
+ *
+ * Example:
+ *
+ *
+
+##### 16px grid
+
+
+#### vh units
+Added some classes for setting the height of the element based off of the screen height as opposed to the height of the parent. You can now use vh-100, vh-75, vh-50, or vh-25 to set the height of an element to 100, 75, 50, or 25% of the screen height. Shout out to @yoshuawuyts for the recommendation.
+
+#### outlines
+You can now place a 1px outline on an element with the ```class="outline"``` it will be set to the currentColor of the element.
+
+#### line-height
+Made some slight tweaks to line-height values. ```lh-copy``` is now set to 1.5 and ```lh-title``` is set to 1.25. This will hopefully help people worried about baseline grids a little bit.
+
+#### pill shaped links / buttons
+Added a class called br-pill that makes things look like pills with a border-radius of 9999px. Shout out to @matthewmueller for getting this in.
+
+
+
+
+## Bug Fixes
+
+
+#### Animation fix
+The .glow class was not animating properly. This has been fixed.
+
+
+#### Filename consistency
+Renamed _debug_children.css to _debug-children.css to follow the naming pattern of the other partials
+
+##### Until next time
+I think that is about it. Thanks to everyone who has given feedback and helped out with docs fixes. It's all really helpful.
+
+### 4.1.3
+
+## They're back
+
+
+
+We accidentally were not including the images partial or the z-index partial in the main build.
+The 4.1.3 fixes this 100% completely embarrassing mistake by including them back in.
+
+If you use the CDN link you can find the new version at
+```
+https://npmcdn.com/tachyons@4.1.3/css/tachyons.min.css
+```
+
+### 4.1.1
+
+##### More Simple. Fewer Dependencies.
+
+Originally tachyons was a monolithic repo. Eventually along the way I started splitting things up onto NPM as when I went to work at other places sometimes I would only need a handful of modules and if a clients build system allowed for it I could just grab them quickly from npm and add them to the outputted css. I was separately maintaining publishing the mono repo and the modules though.
+
+When @johnotander and I started working on v4 one of the things we talked about was having a single source of truth and making it easier to keep everything in sync. So we would install through npm and then copy files over to source. This then caused a new problem, each module needed to be fully encapsulated - so when we would copy them from node_modules to src - we left in a lot of duplicated variables and custom media props. As Tachyons is all about immutability - this seems not the best :)
+
+In practice this caused us to have a bug where the custom media props in our npm modules were being overridden somewhere and this was largely invisible to everyone.
+
+So in the interest of simplicity, we've removed all the tachyons modules as dependencies and have removed the function of copying over the modules from the node_modules directory. Instead we'll just maintain this as an encapsulated project. I think it's more simple this way and I don't think the added complexity was worth keeping the npm copy function around for this version of the project.
+
+###### TL;DR THE BIG CHANGES
+
+* We've removed all the duplicate variable and custom-media-prop declarations.
+* We removed tachyons modules as dev dependencies
+
+Note: Nothing has changed in the outputted css besides some comments. As no new features were added, this is really just a patch to fix a bug.
+
+
+
+### 4.1.0
+
+
+
+
+Since we launched v4 we've had a number of small bug fixes and a few slight additions to some modules.
+Largely things are still the same but there are a couple of new things to play with.
+
+* The flex box module now supports ```display: inline-flex``` and ```flex-direction: row```
+* Hovers now includes a shadow on hover
+* Hover module now duplicates all hover styles for focus as well #a11y
+* There was a file in src called _gradients.css that should not have been there so it was deleted. It wasn't compiled into the css so you shouldn't notice any changes.
+* License has changed to ISC
+* Removed duplicate flexbox dependency declaration in package.json
+* Updated comments in flex box module because apparently I forgot to add notes on the media query extensions
+
+More to come soon. We've started working on v5 which won't be too much of a big change. The breaking part is that we are changing media queries. Right now -ns covers both the -m and -l range. -m is a scoped media query that cuts off when large kicks in. We're going to change it so that there aren't any max-widths in the media queries at all and everything will be completely min-width based. It's the difference between:
+
+v4
+```
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+```
+
+v5
+```
+@custom-media --breakpoint-medium screen and (min-width: 30em);
+@custom-media --breakpoint-large screen and (min-width: 60em);
+```
+
+We're also going to remove the copy from npm to src functionality in the mono repo. We'll still keep all the modules on npm individually, but we'll just manage this as it's own package. After some user testing / observation / feedback / and dogfooding - we're going to try and make this even more stripped back in simple in regards to the infrastructure. v5 won't likely include any fancy new features. Just some refined goodness as we continue to learn. We'll keep you updated.
+
+Cheers,
+
+@mrmrs & @johnotander
+
+### 4.0.0
+
+##### v4 is official
+
+
+
+After a lot of fun chats and hard work with @johnotander - we're excited to pull tachyons out of beta and officially release v4.
+
+A few notable changes:
+- Reintroduces colors
+- Flexbox support
+- More typographic utilities
+- Some changes to class names
+
+### Pre 4.0.0
+
+TODO
diff --git a/css/tachyons.css b/css/tachyons.css
index 198109150..10ad50885 100644
--- a/css/tachyons.css
+++ b/css/tachyons.css
@@ -1,4 +1,4 @@
-/* TACHYONS v4.2.1 | http://github.com/tachyons-css/tachyons */
+/*! TACHYONS v4.7.3 | http://tachyons.io */
/*
*
* ________ ______
@@ -22,47 +22,52 @@
*
*/
/* External Library Includes */
-/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+/* Document
+ ========================================================================== */
/**
- * 1. Change the default font family in all browsers (opinionated).
- * 2. Correct the line height in all browsers.
- * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
*/
-html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ }
+html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
+/* Sections
+ ========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body { margin: 0; }
-/* HTML5 display definitions
- ========================================================================== */
/**
* Add the correct display in IE 9-.
- * 1. Add the correct display in Edge, IE, and Firefox.
- * 2. Add the correct display in IE.
*/
-article, aside, details, /* 1 */
-figcaption, figure, footer, header, main,
-/* 2 */
-menu, nav, section, summary {/* 1 */ display: block; }
+article, aside, footer, header, nav, section { display: block; }
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 { font-size: 2em; margin: .67em 0; }
+/* Grouping content
+ ========================================================================== */
/**
* Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
*/
-audio, canvas, progress, video { display: inline-block; }
+figcaption, figure, main {/* 1 */ display: block; }
/**
- * Add the correct display in iOS 4-7.
+ * Add the correct margin in IE 8.
*/
-audio:not([controls]) { display: none; height: 0; }
+figure { margin: 1em 40px; }
/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
*/
-progress { vertical-align: baseline; }
+hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
/**
- * Add the correct display in IE 10-.
- * 1. Add the correct display in IE.
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
*/
-template, /* 1 */
-[hidden] { display: none; }
-/* Links
+pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
+/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
@@ -70,14 +75,7 @@ template, /* 1 */
*/
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }
/**
- * Remove the outline on focused links when they are also active or hovered
- * in all browsers (opinionated).
- */
-a:active, a:hover { outline-width: 0; }
-/* Text-level semantics
- ========================================================================== */
-/**
- * 1. Remove the bottom border in Firefox 39-.
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }
@@ -90,14 +88,14 @@ b, strong { font-weight: inherit; }
*/
b, strong { font-weight: bolder; }
/**
- * Add the correct font style in Android 4.3-.
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
*/
-dfn { font-style: italic; }
+code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
+ * Add the correct font style in Android 4.3-.
*/
-h1 { font-size: 2em; margin: 0.67em 0; }
+dfn { font-style: italic; }
/**
* Add the correct background and color in IE 9-.
*/
@@ -116,40 +114,28 @@ sup { top: -0.5em; }
/* Embedded content
========================================================================== */
/**
- * Remove the border on images inside links in IE 10-.
- */
-img { border-style: none; }
-/**
- * Hide the overflow in IE.
+ * Add the correct display in IE 9-.
*/
-svg:not(:root) { overflow: hidden; }
-/* Grouping content
- ========================================================================== */
+audio, video { display: inline-block; }
/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
+ * Add the correct display in iOS 4-7.
*/
-code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
+audio:not([controls]) { display: none; height: 0; }
/**
- * Add the correct margin in IE 8.
+ * Remove the border on images inside links in IE 10-.
*/
-figure { margin: 1em 40px; }
+img { border-style: none; }
/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
+ * Hide the overflow in IE.
*/
-hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
+svg:not(:root) { overflow: hidden; }
/* Forms
========================================================================== */
/**
- * 1. Change font properties to `inherit` in all browsers (opinionated).
+ * 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
-button, input, optgroup, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }
-/**
- * Restore the font weight unset by the previous rule.
- */
-optgroup { font-weight: bold; }
+button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
@@ -178,9 +164,9 @@ button::-moz-focus-inner, [type="button"]::-moz-focus-inner,
button:-moz-focusring, [type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
/**
- * Change the border, margin, and padding in all browsers (opinionated).
+ * Correct the padding in Firefox.
*/
-fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
+fieldset { padding: .35em .75em .625em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
@@ -188,6 +174,11 @@ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.7
* `fieldset` elements in all browsers.
*/
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
/**
* Remove the default vertical scrollbar in IE.
*/
@@ -208,30 +199,87 @@ textarea { overflow: auto; }
*/
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
/**
- * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
-/**
- * Correct the text style of placeholders in Chrome, Edge, and Safari.
- */
-::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
+/* Interactive
+ ========================================================================== */
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+details, /* 1 */
+menu { display: block; }
+/*
+ * Add the correct display in all browsers.
+ */
+summary { display: list-item; }
+/* Scripting
+ ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ */
+canvas { display: inline-block; }
+/**
+ * Add the correct display in IE.
+ */
+template { display: none; }
+/* Hidden
+ ========================================================================== */
+/**
+ * Add the correct display in IE 10-.
+ */
+[hidden] { display: none; }
/* Modules */
/*
- Box Sizing
+
+ BOX SIZING
+
*/
-html, body, div, article, section, main, footer, header, form, fieldset, pre,
-code, p, ul, ol, li, dl, dt, dd, textarea, input[type="email"],
-input[type="number"], input[type="password"], input[type="tel"],
-input[type="text"], input[type="url"], .border-box { box-sizing: border-box; }
+html, body, div, article, section, main, footer, header, form, fieldset, legend,
+pre, code, a, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, textarea, table,
+td, th, tr, input[type="email"], input[type="number"], input[type="password"],
+input[type="tel"], input[type="text"], input[type="url"], .border-box { box-sizing: border-box; }
+/*
+
+ ASPECT RATIOS
+
+*/
+/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
+ * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
+ * Make sure there are no height and width attributes on the embedded media.
+ * Adapted from: https://github.com/suitcss/components-flex-embed
+ *
+ * Example:
+ *
+ * 
+ *
+ *
+ *