tachyons-css/tachyons-css.github.io

Documentation for designing faster than the speed of light

tachyons-css.github.io's Issues

Code for pure yellow missing from docs/themes/skins

Code for #FFFF00 is missing. See attached screenshot.

Edit: Looks like it's also missing for boxes with the same color involved.

Add reading page

Add page for useful blog posts and books that cover design and code principles of Tachyons.

Gallery- Link Incorrect For tylernford.com

On http://tachyons.io/gallery/ the link for tylernford.com is incorrect. It is a duplicate link to uptimeumbrella.com

https://github.com/tachyons-css/tachyons-css.github.io/blob/master/src/templates/gallery.html#L108

[component] Slab Stat Small

I think it would be better to use <dt> for the title, and <dd> for the description, not <dd> for both.

reference: https://developer.mozilla.org/en/docs/Web/HTML/Element/dl

What are your thoughts on this?

Custom 404 page

Right now if you go to a page that 404s (http://tachyons.io/404) you just get the standard GitHub Pages 404 page. It'd be nice to have a custom Tachyons page with links back to the homepage, docs, etc.

Add related Tachyons projects

Add a section on the homepage to highlight:

React-native-tachyons
tachyons-verbose
tachyons-sass
tachyons-less

Gallery -title="Uptime Umbrella"

Multiple of the new sites that have been added to http://tachyons.io/gallery/ have title="Uptime Umbrella" which I presume the desired title= for the new sites is the title of the site.

https://github.com/tachyons-css/tachyons-css.github.io/search?utf8=✓&q=title%3D"Uptime+Umbrella"&type=

Extra closing </div>s in Component Docs

It looks like Two Column and Two Column Collapse One in Components > Layouts each seem to have extra closing div tags in the example text. E.g. the example for Two Column Collapse One reads:

<article class="cf">
  <div class="fl w-100 w-50-ns bg-near-white tc">
    <h1>Column One</h1>
  </div>
  <div class="fl w-100 w-50-ns bg-light-gray tc">
    <h1>Column Two</h1>
  </div>

  **</div>**
</article>

Wrong link to "Form of the Book" on resources page

The link to "Form of the Book" incorrectly points to "Grid Systems in Graphic Design" on Amazon.

I was about to submit a pull request, when I realized all the links has your nickname embedded in them @mrmrs. I didn't want to mess it up, in case it's an affiliate program of some sorts.

Let me know if the embedded nickname is irrelevant, and I'll go ahead and submit the pull request.

Which version of tachyons is available in docs

I have been updating soem of the docs and noticed that the version of tachyons used is not the latest version from the latest version of the components. Is there a script I can run to pull in the latest version or is it a manual process?

Mystery colors

It seems like somewhere along the line the yellows in tachyons were mixed up. This is reflected both in the CSS and in the docs: http://tachyons.io/docs/themes/skins/

#FFFF00 should be yellow but has no name/is missing from Tachyons!
#FFD700 should be gold (in line with the CSS keyword) but has been assigned yellow
#FFB700 is some mystery orange variant but assigned gold
#FF6300 is some mystery orange red variant but assigned orange

On the docs page this visually breaks the layout as yellow is unnamed.

Add browser support for each module

Custom Build Page

This is an intentional dupe of issue #141 of https://github.com/tachyons-css/tachyons, you can find it here: https://github.com/tachyons-css/tachyons/issues/141

We are going to create a page that will allow a user to download a "custom build" of tachyons that fits there purposes. It will include the ability to select and deselect individual modules as well as categories such as typography or layout. They can then download a CSS file that can be downloaded and built with tachyons-cli and used in your production apps.

@mrmrs Says he will provide categorization
I will write the code. Any criteria that need to be followed should be put here.

In a discussion with @johnotander in the original issue we determined to

• Use whatever framework / library the contributors feel fit the usecase
• Handle all functionality on the front end. NO BACK END if possible

Once I feel the spec is pretty well mapped out, I'll begin work on my fork. I'll try to be transparent about big decisions here, and have more discussions in the Slack. My username is anthonybullard there(EDIT: I switched my username to gamebox). So Hi :-)

Error: Cannot find module '../build/Debug/nodegit.node'

I cloned the repo, installed modules via yarn and npm i (after having to install openssl-dev and libssh2 via Homebrew on macOS) I got all the dependencies to install.

Now, I cannot get the build script npm start to run. I want to build the whole website (specifically get the table of properties page to build) as I want to attempt to contribute to the docs.

When I run npm start, I am getting the error Error: Cannot find module '../build/Debug/nodegit.node'. I installed nodegit via yarn add nodegit and npm install nodegit with no difference.

Any ideas to get the site to build?

Broken link to sogol

The gallary page: http://tachyons.io/gallery/ contains a broken link to http://sogol.com/

Flexbox in the docs?

Should Flexbox be listed under "Layout" on the /docs page? I think it'd be helpful if were. I'm happy to help make it happen.

`npm run doc` throws errors

When I run npm run doc I get the following errors:

> [email protected] doc /code/tachyons-css.github.io
> bash script.sh

Error: Unable to parse color from string: inherit
    at Color (/code/tachyons-css.github.io/node_modules/color/index.js:53:10)
    at Color (/code/tachyons-css.github.io/node_modules/color/index.js:28:10)
    at /code/tachyons-css.github.io/src/modules/parse-colors.js:20:13
    at Array.map (native)
    at module.exports (/code/tachyons-css.github.io/src/modules/parse-colors.js:17:19)
    at Object.<anonymous> (/code/tachyons-css.github.io/src/modules/colors.js:13:14)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
Error: Unable to parse color from string: inherit
    at Color (/code/tachyons-css.github.io/node_modules/color/index.js:53:10)
    at Color (/code/tachyons-css.github.io/node_modules/color/index.js:28:10)
    at /code/tachyons-css.github.io/src/modules/parse-colors.js:20:13
    at Array.map (native)
    at module.exports (/code/tachyons-css.github.io/src/modules/parse-colors.js:17:19)
    at Object.<anonymous> (/code/tachyons-css.github.io/src/modules/colors.js:13:14)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
Error: Unable to parse color from string: inherit
    at Color (/code/tachyons-css.github.io/node_modules/color/index.js:53:10)
    at Color (/code/tachyons-css.github.io/node_modules/color/index.js:28:10)
    at /code/tachyons-css.github.io/src/modules/parse-colors.js:20:13
    at Array.map (native)
    at module.exports (/code/tachyons-css.github.io/src/modules/parse-colors.js:17:19)
    at Object.<anonymous> (/code/tachyons-css.github.io/src/modules/colors.js:13:14)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
Error: Unable to parse color from string: inherit
    at Color (/code/tachyons-css.github.io/node_modules/color/index.js:53:10)
    at Color (/code/tachyons-css.github.io/node_modules/color/index.js:28:10)
    at /code/tachyons-css.github.io/src/modules/parse-colors.js:20:13
    at Array.map (native)
    at module.exports (/code/tachyons-css.github.io/src/modules/parse-colors.js:17:19)
    at Object.<anonymous> (/code/tachyons-css.github.io/src/modules/colors.js:13:14)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
Error: Unable to parse color from string: inherit
    at Color (/code/tachyons-css.github.io/node_modules/color/index.js:53:10)
    at Color (/code/tachyons-css.github.io/node_modules/color/index.js:28:10)
    at /code/tachyons-css.github.io/src/modules/parse-colors.js:20:13
    at Array.map (native)
    at module.exports (/code/tachyons-css.github.io/src/modules/parse-colors.js:17:19)
    at Object.<anonymous> (/code/tachyons-css.github.io/src/modules/colors.js:13:14)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
Error: Unable to parse color from string: inherit
    at Color (/code/tachyons-css.github.io/node_modules/color/index.js:53:10)
    at Color (/code/tachyons-css.github.io/node_modules/color/index.js:28:10)
    at /code/tachyons-css.github.io/src/modules/parse-colors.js:20:13
    at Array.map (native)
    at module.exports (/code/tachyons-css.github.io/src/modules/parse-colors.js:17:19)
    at Object.<anonymous> (/code/tachyons-css.github.io/src/modules/colors.js:13:14)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)

'caps' class on h3's (deprecated?)

I noticed that a bunch of h3's throughout the docs had a caps class, and figured caps may have been changed to ttu but not updated in the actual markup of the docs.

I'd be happy to make a PR to fix it - but didn't want to submit one if this was intentional. Tachyons has been a solid learning resource, thanks for publishing!

tachyons.io is down

I'm not sure where to report. http://tachyons.io/ is not accessible.

DNS lookup fails:

$ /usr/bin/host -a tachyons.io 8.8.8.8
Trying "tachyons.io"
Using domain server:
Name: 8.8.8.8
Address: 8.8.8.8#53
Aliases: 

Host tachyons.io not found: 2(SERVFAIL)
Received 29 bytes from 8.8.8.8#53 in 4057 ms

Menu overflow issue

Menu displays vertical scrollbar, which is unnecessarry

Using overflow-auto instead overflow-container gives the desired result


#69

link rendered with spaces

Multiple Flavors

Don't like the class names? We've got a more verbose version you might like. Want to use Sass instead of Postcss? We've got a repo for that too :) Tachyons isn't just a css toolkit. It's a design system. Utitlized here in a react native boilerplate.

In the home page the piece I put in a code block had an structure:

<a class="black dim" href"https:="" github.com="" tachyons-css="" react-native-style-tachyons"="">react native boilerplate.</a>

I couldn't find this sentence in the repository however...

Debug link is broken

On the following page, http://tachyons.io/docs/debug-grid/, the link to the Debug article is broken (and throws a 404) as it points to the incorrect URL.

http://tachyons.io/docs/layout/debug/

As the site is currently structured, it should point to:

http://tachyons.io/docs/debug/

Inconsistent writing of CSS

Hello,

I noticed there is some inconsistencies through the site in the capitalization of the acronym CSS, I always like to write it with all capital letters.

Examples:

• The title is "Tachyons Css", I think it would be better to write "Tachyons CSS" as it is an acronym

• "Postcss" vs "PostCSS" is written with all lowercase

What are your thoughts on the matter?

Error running `npm run components:watch`

Running npm run components:watch gave me a couple errors but I fixed them by adding "css-selector-tokenizer": "^0.5.4" and upgrading to ``"postcss": "^5.0.19"` (was 5.0.0) in package.json.

Before doing a PR, I wanted to see if I was doing something wrong. @mrmrs let me know :)

No word-break classes in the table of styles

Border Radii correction

tachyons-css.github.io/src/templates/index.html

Line 923 in bb69628

<h3 class="f6 ttu fw6 mt0 mb3 bb pb2">Border Radii</h3>

The template reference to Border Radius but Border Radii is displayed instead.

Add documentation on readme about setting up local server

While there are lots of options out there for local servers I think it could be handy for those looking to contribute and set up a local dev version. Happy to write them up and send a PR.

Wrong size equivalence in type scale

I was reading this and spotted a little error (http://tachyons.io/docs/typography/scale/):
It says 5rem == 96px but should be 80px

Port docs to react

Would be rad if all the view stuff was done in react.

Component requests

Opening this issue for people to add components they'd like to see added to the component library. Trying to gauge where people need the most help. Please respond below (visual examples are helpful).

Nav link for "Skin Documentation" has a title of "Hover Documentation"

The title Hover Documentation should be replaced with Skin Documentation in the docs navigation and in the generated pages.

tachyons-css.github.io/src/templates/nav_docs.html

Line 51 in bb69628

<a class="f5 fw4 dim link blue db pv1" href="/docs/themes/skins/" title="Hovers Documentation">Skins</a>

Documentation Typo on Grids Page "contstruct"

"contstruct" instead of "construct" on line 121.

Not sure if this is the best place to mention typos, but noticed it and figured it went unnoticed.

Separate components build for faster results

Few build / dev requests that would be nice to haves.

Would be great if we could run the components generation command only on the folder you are working within for faster feedback loops. Then you can run full list at end to make sure the navigation is updated globally. Also would be nice to be able to generate the components index page without regenerating all the components pages too.

Cannot find file `components/article-lists/title-preview-author-media-flipped/tmp-8568VkrbJw1yMGfO/screenshot.jpg` during build.

During npm start, I am receiving this issue:

> [email protected] start /Users/levibostian/code/tachyons-css.github.io
> npm run css && node build.js


> [email protected] css /Users/levibostian/code/tachyons-css.github.io
> tachyons src/css/tachyons.css > css/tachyons.css && tachyons src/css/tachyons.css --minify > css/tachyons.min.css

Working on components list...
- Created components list (JSON): tmp/components.json
Done with components list! 9.56 s
Working on components index...
- Created index "Components": components/index.html
- Created index "Recent Components": components/recent.html
Done with components index! 56 ms
Working on components RSS feed...
- Created RSS feed: components/rss.xml
Done with components RSS feed! 9.68 ms
Working on components pages...
  * Created page for: src/components/article-lists/title-preview-author-media-flipped.html
  * Created page for: src/components/article-lists/title-preview-author-media.html
  * Created page for: src/components/articles/feature.html
  * Created page for: src/components/articles/full-bleed-background.html
  * Created page for: src/components/articles/headline-title-text.html
  * Created page for: src/components/articles/large-title-text.html
  * Created page for: src/components/articles/left-title-top-border.html
  * Created page for: src/components/articles/left-title.html
  * Created page for: src/components/articles/photo-essay.html
  * Created page for: src/components/articles/single-column-large-title.html
  * Created page for: src/components/articles/title-highlight-header-cover.html
  * Created page for: src/components/articles/title-text-image.html
  * Created page for: src/components/articles/title-text.html
  * Created page for: src/components/avatars/circle-border.html
  * Created page for: src/components/avatars/circle.html
  * Created page for: src/components/avatars/double-ring.html
  * Created page for: src/components/avatars/rounded-large.html
  * Created page for: src/components/avatars/rounded-medium.html
  * Created page for: src/components/avatars/rounded-small.html
  * Created page for: src/components/avatars/square.html
  * Created page for: src/components/banners/basic.html
  * Created page for: src/components/banners/info.html
  * Created page for: src/components/banners/single-cta.html
  * Created page for: src/components/buttons/basic-previous-next.html
  * Created page for: src/components/buttons/basic-rounded-extra-small.html
  * Created page for: src/components/buttons/basic-rounded-small.html
  * Created page for: src/components/buttons/basic-rounded.html
  * Created page for: src/components/buttons/basic.html
  * Created page for: src/components/buttons/centered-icons.html
  * Created page for: src/components/buttons/pill-grow.html
  * Created page for: src/components/buttons/pill.html
  * Created page for: src/components/cards/album-centered.html
  * Created page for: src/components/cards/album-left.html
  * Created page for: src/components/cards/basic-text-card.html
  * Created page for: src/components/cards/news-card.html
  * Created page for: src/components/cards/product-card.html
  * Created page for: src/components/cards/profile-card-title-subtitle.html
  * Created page for: src/components/cards/profile-card.html
  * Created page for: src/components/cards/suggested-profile.html
  * Created page for: src/components/cards/text-card.html
  * Created page for: src/components/collections/albums.html
  * Created page for: src/components/collections/movies.html
  * Created page for: src/components/collections/posters-dim.html
  * Created page for: src/components/collections/posters.html
  * Created page for: src/components/collections/square-title-subtitle.html
  * Created page for: src/components/collections/vinyl.html
  * Created page for: src/components/definition-lists/inline.html
  * Created page for: src/components/definition-lists/simple.html
  * Created page for: src/components/error-pages/404.html
  * Created page for: src/components/footers/centered-icons-hover-glow.html
  * Created page for: src/components/footers/inline-text.html
  * Created page for: src/components/footers/simple-large-type.html
  * Created page for: src/components/footers/small-print.html
  * Created page for: src/components/footers/social-circles.html
  * Created page for: src/components/footers/social-simple-text.html
  * Created page for: src/components/footers/social-simple.html
  * Created page for: src/components/footers/social-text.html
  * Created page for: src/components/footers/social.html
  * Created page for: src/components/footers/studios.html
  * Created page for: src/components/forms/checkbox-list.html
  * Created page for: src/components/forms/input-text-label.html
  * Created page for: src/components/forms/newsletter-subscription.html
  * Created page for: src/components/forms/password.html
  * Created page for: src/components/forms/sign-in.html
  * Created page for: src/components/forms/sign-up.html
  * Created page for: src/components/forms/textarea-label.html
  * Created page for: src/components/headers/circle-avatar-title-subtitle.html
  * Created page for: src/components/headers/rounded-avatar-title-subtitle.html
  * Created page for: src/components/headers/startup-hero.html
  * Created page for: src/components/layout/aspect-ratio-16x9.html
  * Created page for: src/components/layout/aspect-ratio-1x1.html
  * Created page for: src/components/layout/aspect-ratio-3x4.html
  * Created page for: src/components/layout/aspect-ratio-4x3.html
  * Created page for: src/components/layout/aspect-ratio-4x6.html
  * Created page for: src/components/layout/aspect-ratio-5x7.html
  * Created page for: src/components/layout/aspect-ratio-5x8.html
  * Created page for: src/components/layout/aspect-ratio-6x4.html
  * Created page for: src/components/layout/aspect-ratio-7x5.html
  * Created page for: src/components/layout/aspect-ratio-8x5.html
  * Created page for: src/components/layout/aspect-ratio-9x16.html
  * Created page for: src/components/layout/centered-container.html
  * Created page for: src/components/layout/five-column-collapse-alternate.html
  * Created page for: src/components/layout/five-column-collapse-asymmetrical.html
  * Created page for: src/components/layout/five-column-collapse-mixed.html
  * Created page for: src/components/layout/five-column-collapse-one.html
  * Created page for: src/components/layout/five-column.html
  * Created page for: src/components/layout/fixed-table-layout-grid-mixed-rows.html
  * Created page for: src/components/layout/fixed-table-layout-grid.html
  * Created page for: src/components/layout/flag-object-bottom.html
  * Created page for: src/components/layout/flag-object-collapse.html
  * Created page for: src/components/layout/flag-object-top.html
  * Created page for: src/components/layout/flag-object.html
  * Created page for: src/components/layout/four-column-collapse-two-collapse-one.html
  * Created page for: src/components/layout/four-column-collapse-two.html
  * Created page for: src/components/layout/four-column.html
  * Created page for: src/components/layout/full-bleed-16x9.html
  * Created page for: src/components/layout/full-bleed-4x6.html
  * Created page for: src/components/layout/full-bleed-5x7.html
  * Created page for: src/components/layout/full-bleed-5x8.html
  * Created page for: src/components/layout/full-bleed-6x4.html
  * Created page for: src/components/layout/full-bleed-7x5.html
  * Created page for: src/components/layout/full-bleed-8x5.html
  * Created page for: src/components/layout/full-bleed-9x16.html
  * Created page for: src/components/layout/full-bleed-square.html
  * Created page for: src/components/layout/full-screen-centered-title.html
  * Created page for: src/components/layout/horizontal-aspect-ratios.html
  * Created page for: src/components/layout/three-column-collapse-one.html
  * Created page for: src/components/layout/three-column.html
  * Created page for: src/components/layout/two-column-collapse-one.html
  * Created page for: src/components/layout/two-column.html
  * Created page for: src/components/links/animate-background-color.html
  * Created page for: src/components/links/animate-color.html
  * Created page for: src/components/links/dim-no-underline.html
  * Created page for: src/components/links/underline-on-hover.html
  * Created page for: src/components/lists/block-item-dotted-border.html
  * Created page for: src/components/lists/border-spaced.html
  * Created page for: src/components/lists/border-tight.html
  * Created page for: src/components/lists/contact-phone.html
  * Created page for: src/components/lists/follower-notifications-rounded-square-avatar.html
  * Created page for: src/components/lists/follower-notifications.html
  * Created page for: src/components/lists/hashtags.html
  * Created page for: src/components/lists/items-image-title-price.html
  * Created page for: src/components/lists/large-links-inline.html
  * Created page for: src/components/lists/links-animate-color.html
  * Created page for: src/components/lists/links-inline.html
  * Created page for: src/components/lists/links-with-borders-inline.html
  * Created page for: src/components/lists/slab-stat-large.html
  * Created page for: src/components/lists/slab-stat-small.html
  * Created page for: src/components/lists/slab-stat.html
  * Created page for: src/components/lists/title-text.html
  * Created page for: src/components/marketing/iphone-app.html
  * Created page for: src/components/nav/fixed-semi-transparent.html
  * Created page for: src/components/nav/large-title-link-list.html
  * Created page for: src/components/nav/list-overflow.html
  * Created page for: src/components/nav/logo-links-inline-collapse.html
  * Created page for: src/components/nav/logo-links-inline.html
  * Created page for: src/components/nav/logo-titles-links-centered.html
  * Created page for: src/components/nav/minimal-sign-up.html
  * Created page for: src/components/nav/title-link-list.html
  * Created page for: src/components/pages/4x4-mixed-grid.html
  * Created page for: src/components/pages/double.html
  * Created page for: src/components/pages/portfolio-project.html
  * Created page for: src/components/pages/swiss-cover-five-columns.html
  * Created page for: src/components/quotes/left-border.html
  * Created page for: src/components/quotes/pull-quote.html
  * Created page for: src/components/tables/basic.html
  * Created page for: src/components/tables/striped-dark.html
  * Created page for: src/components/text/large-paragraph.html
  * Created page for: src/components/text/narrow-paragraph.html
  * Created page for: src/components/text/paragraph.html
  * Created page for: src/components/text/small-narrow-paragraph.html
  * Created page for: src/components/text/small-paragraph.html
  * Created page for: src/components/text/title-subtitle-centered.html
  * Created page for: src/components/text/wide-paragraph.html
Done with components pages! 8.38 min
Working on components screenshots...
- Started static HTML server on port: 3333
{ Error: Error in file: components/article-lists/title-preview-author-media-flipped/tmp-8568VkrbJw1yMGfO/screenshot.jpg

spawn /Users/levibostian/code/tachyons-css.github.io/node_modules/mozjpeg/vendor/cjpeg ENOENT
    at exports._errnoException (util.js:1026:11)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:193:32)
    at onErrorNT (internal/child_process.js:359:16)
    at _combinedTickCallback (internal/process/next_tick.js:74:11)
    at process._tickCallback (internal/process/next_tick.js:98:9)
  code: 'ENOENT',
  errno: 'ENOENT',
  syscall: 'spawn /Users/levibostian/code/tachyons-css.github.io/node_modules/mozjpeg/vendor/cjpeg',
  path: '/Users/levibostian/code/tachyons-css.github.io/node_modules/mozjpeg/vendor/cjpeg',
  spawnargs:
   [ '-outfile',
     '/var/folders/j7/60bqb6hj32q02ny42w9n47cm0000gn/T/40587353-b395-41fd-89a9-1b5a51e08250',
     '-quality',
     90,
     '/var/folders/j7/60bqb6hj32q02ny42w9n47cm0000gn/T/9ede05de-2897-4ebd-98ce-310695ca64bc' ],
  killed: false,
  stdout: '',
  stderr: '',
  failed: true,
  signal: null,
  cmd: '/Users/levibostian/code/tachyons-css.github.io/node_modules/mozjpeg/vendor/cjpeg -outfile /var/folders/j7/60bqb6hj32q02ny42w9n47cm0000gn/T/40587353-b395-41fd-89a9-1b5a51e08250 -quality 90 /var/folders/j7/60bqb6hj32q02ny42w9n47cm0000gn/T/9ede05de-2897-4ebd-98ce-310695ca64bc',
  timedOut: false }

Tables of styles and properties pages missing content

http://tachyons.io/docs/table-of-properties/
http://tachyons.io/docs/table-of-styles/

are both missing content - here's how the latter renders for me:

Add Resources Page

Should give a resources page with links to appropriate repos that work will with tachyons, css tutorials, design reading, text editor plugins, visual assets, icons, and other prevalent content.

Editor Plugins
https://atom.io/packages/atom-tachyons
https://marketplace.visualstudio.com/items?itemName=octref.tachyons
https://github.com/webchun/tachyons-sublime-autocomplete

Gallery: Add BitMidi

Hi there! Any interest in adding BitMidi to the gallery?

(I was going to send a PR, but then I noticed that the images are not in this repo, but are hosted in an S3 bucket.)

Direct http://tachyons.io to this repo

Addons area

It was be nice if the official site has an area to addons.

Use HTTPS on tachyons.io

There are no 2 company logos to display

I noticed there are no 2 company logos to display on https://tachyons.io
And I couldn't find the logos on https://clearbit.com/logo
But nest.com logos exist version of other countries.
Do you have any plans for the logos?

Links redirect to non-secure http connection

The links to some parts of the documentation exclude the trailing slash, this results in a redirect to the url with a trailing slash, however the redirect causes the linked page to load over http even if the original page was being browsed over https

for eg:
browse to https://tachyons.io/docs/
The first link in Typography to Type Scale points to https://tachyons.io/docs/typography/scale
which then redirects to http://tachyons.io/docs/typography/scale/
causing a secure connection to drop to non-secure

This isn't a major issue, but some ISPs (such as mine) insert their own ad scripts in pages loaded over http and this is a major nuisance. It would be great if the links could be linked directly to the final URL so that the entire documentation can be viewed over https.

Thanks

Colors

We aren't actually listing out all of the variable names and class names and their corresponding color. We should definitely do that. Right now the hex combos mean we need to get people to go search through the variables to see which one matches.

_normalize not found

Example: http://tachyons.io/components/layout/full-screen-centered-title/index.html

@import './_normalize';

Update background-size

Currently background-size documentation page is out of sync with source code. Needs to be updated.