Skip to content

Fix broken link to React native boilerplate example #127

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 1 commit into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
101 changes: 52 additions & 49 deletions css/tachyons.css
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
*
*/
/* External Library Includes */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/* normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
Expand Down Expand Up @@ -101,7 +101,7 @@ h1 { font-size: 2em; margin: .67em 0; }
/**
* Add the correct background and color in IE 9-.
*/
mark { background-color: transparent; color: #000; }
mark { background-color: #ffd700; color: #000; }
/**
* Add the correct font size in all browsers.
*/
Expand Down Expand Up @@ -507,11 +507,11 @@ img { max-width: 100%; }
-l = large

*/
.shadow-1 { box-shadow: 0 0px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-2 { box-shadow: 0 0px 8px 2px rgba( 0, 0, 0, .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 0px rgba( 0, 0, 0, .2 ); }
.shadow-5 { box-shadow: 4px 4px 8px 0px 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 ); }
/*

CODE
Expand Down Expand Up @@ -640,16 +640,16 @@ img { max-width: 100%; }
.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.items-start { -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; }
.items-end { -webkit-box-align: end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; }
.items-center { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; -ms-grid-row-align: baseline; align-items: baseline; }
.items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; -ms-grid-row-align: stretch; align-items: stretch; }
.items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
.items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.self-start { -ms-flex-item-align: start; align-self: flex-start; }
.self-end { -ms-flex-item-align: end; align-self: flex-end; }
.self-center { -ms-flex-item-align: center; align-self: center; }
.self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
.self-baseline { -ms-flex-item-align: baseline; align-self: baseline; }
.self-stretch { -ms-flex-item-align: stretch; align-self: stretch; }
.self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; }
.justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
Expand Down Expand Up @@ -951,6 +951,7 @@ code, .code { font-family: Consolas, monaco, monospace; }
-100 = literal value 100%

-third = 100% / 3 (Not supported in opera mini or IE8)
-two-thirds = 100% / 1.5 (Not supported in opera mni or IE8)
-auto = string value auto


Expand Down Expand Up @@ -1540,7 +1541,7 @@ code, .code { font-family: Consolas, monaco, monospace; }
/*

TYPE SCALE
Docs: http://tachyons.io/docs/typography/type-scale/
Docs: http://tachyons.io/docs/typography/scale/

Base:
f = font-size
Expand Down Expand Up @@ -1723,7 +1724,7 @@ code, .code { font-family: Consolas, monaco, monospace; }
Performant box-shadow animation pattern from
http://tobiasahlin.com/blog/how-to-animate-box-shadow/
*/
.shadow-hover::after { box-shadow: 0 0px 8px 2px rgba( 0, 0, 0, .2 ); opacity: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; }
.shadow-hover::after { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); opacity: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; }
.shadow-hover:hover::after, .shadow-hover:focus::after { opacity: 1; }
/* Combine with classes in skins and skins-pseudo for
* thousands of different transition possibilities. */
Expand Down Expand Up @@ -1837,6 +1838,8 @@ code, .code { font-family: Consolas, monaco, monospace; }

*/
.debug * { outline: 1px solid gold; }
.debug-white * { outline: 1px solid white; }
.debug-black * { outline: 1px solid black; }
/*

DEBUG GRID
Expand Down Expand Up @@ -1895,11 +1898,11 @@ code, .code { font-family: Consolas, monaco, monospace; }
.br-0-ns { border-right-width: 0; }
.bb-0-ns { border-bottom-width: 0; }
.bl-0-ns { border-left-width: 0; }
.shadow-1-ns { box-shadow: 0 0px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-2-ns { box-shadow: 0 0px 8px 2px rgba( 0, 0, 0, .2 ); }
.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 0px rgba( 0, 0, 0, .2 ); }
.shadow-5-ns { box-shadow: 4px 4px 8px 0px 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 ); }
.top-0-ns { top: 0; }
.left-0-ns { left: 0; }
.right-0-ns { right: 0; }
Expand Down Expand Up @@ -1944,16 +1947,16 @@ code, .code { font-family: Consolas, monaco, monospace; }
.flex-column-ns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.flex-row-ns { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.flex-wrap-ns { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.items-start-ns { -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; }
.items-end-ns { -webkit-box-align: end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; }
.items-center-ns { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.items-baseline-ns { -webkit-box-align: baseline; -ms-flex-align: baseline; -ms-grid-row-align: baseline; align-items: baseline; }
.items-stretch-ns { -webkit-box-align: stretch; -ms-flex-align: stretch; -ms-grid-row-align: stretch; align-items: stretch; }
.items-start-ns { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.items-end-ns { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.items-center-ns { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.items-baseline-ns { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
.items-stretch-ns { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.self-start-ns { -ms-flex-item-align: start; align-self: flex-start; }
.self-end-ns { -ms-flex-item-align: end; align-self: flex-end; }
.self-center-ns { -ms-flex-item-align: center; align-self: center; }
.self-center-ns { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
.self-baseline-ns { -ms-flex-item-align: baseline; align-self: baseline; }
.self-stretch-ns { -ms-flex-item-align: stretch; align-self: stretch; }
.self-stretch-ns { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; }
.justify-start-ns { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.justify-end-ns { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.justify-center-ns { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
Expand Down Expand Up @@ -2253,11 +2256,11 @@ code, .code { font-family: Consolas, monaco, monospace; }
.br-0-m { border-right-width: 0; }
.bb-0-m { border-bottom-width: 0; }
.bl-0-m { border-left-width: 0; }
.shadow-1-m { box-shadow: 0 0px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-2-m { box-shadow: 0 0px 8px 2px rgba( 0, 0, 0, .2 ); }
.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 0px rgba( 0, 0, 0, .2 ); }
.shadow-5-m { box-shadow: 4px 4px 8px 0px 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 ); }
.top-0-m { top: 0; }
.left-0-m { left: 0; }
.right-0-m { right: 0; }
Expand Down Expand Up @@ -2302,16 +2305,16 @@ code, .code { font-family: Consolas, monaco, monospace; }
.flex-column-m { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.flex-row-m { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.flex-wrap-m { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.items-start-m { -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; }
.items-end-m { -webkit-box-align: end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; }
.items-center-m { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.items-baseline-m { -webkit-box-align: baseline; -ms-flex-align: baseline; -ms-grid-row-align: baseline; align-items: baseline; }
.items-stretch-m { -webkit-box-align: stretch; -ms-flex-align: stretch; -ms-grid-row-align: stretch; align-items: stretch; }
.items-start-m { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.items-end-m { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.items-center-m { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.items-baseline-m { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
.items-stretch-m { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.self-start-m { -ms-flex-item-align: start; align-self: flex-start; }
.self-end-m { -ms-flex-item-align: end; align-self: flex-end; }
.self-center-m { -ms-flex-item-align: center; align-self: center; }
.self-center-m { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
.self-baseline-m { -ms-flex-item-align: baseline; align-self: baseline; }
.self-stretch-m { -ms-flex-item-align: stretch; align-self: stretch; }
.self-stretch-m { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; }
.justify-start-m { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.justify-end-m { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.justify-center-m { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
Expand Down Expand Up @@ -2605,11 +2608,11 @@ code, .code { font-family: Consolas, monaco, monospace; }
.br-0-l { border-right-width: 0; }
.bb-0-l { border-bottom-width: 0; }
.bl-0-l { border-left-width: 0; }
.shadow-1-l { box-shadow: 0 0px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-2-l { box-shadow: 0 0px 8px 2px rgba( 0, 0, 0, .2 ); }
.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 0px rgba( 0, 0, 0, .2 ); }
.shadow-5-l { box-shadow: 4px 4px 8px 0px 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 ); }
.top-0-l { top: 0; }
.left-0-l { left: 0; }
.right-0-l { right: 0; }
Expand Down Expand Up @@ -2654,16 +2657,16 @@ code, .code { font-family: Consolas, monaco, monospace; }
.flex-column-l { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.flex-row-l { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.flex-wrap-l { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.items-start-l { -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; }
.items-end-l { -webkit-box-align: end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; }
.items-center-l { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.items-baseline-l { -webkit-box-align: baseline; -ms-flex-align: baseline; -ms-grid-row-align: baseline; align-items: baseline; }
.items-stretch-l { -webkit-box-align: stretch; -ms-flex-align: stretch; -ms-grid-row-align: stretch; align-items: stretch; }
.items-start-l { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.items-end-l { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.items-center-l { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.items-baseline-l { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
.items-stretch-l { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.self-start-l { -ms-flex-item-align: start; align-self: flex-start; }
.self-end-l { -ms-flex-item-align: end; align-self: flex-end; }
.self-center-l { -ms-flex-item-align: center; align-self: center; }
.self-center-l { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
.self-baseline-l { -ms-flex-item-align: baseline; align-self: baseline; }
.self-stretch-l { -ms-flex-item-align: stretch; align-self: stretch; }
.self-stretch-l { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; }
.justify-start-l { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.justify-end-l { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.justify-center-l { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
Expand Down Expand Up @@ -2715,7 +2718,7 @@ code, .code { font-family: Consolas, monaco, monospace; }
.vh-50-l { height: 50vh; }
.vh-75-l { height: 75vh; }
.vh-100-l { height: 100vh; }
.min-vh-100-m { min-height: 100vh; }
.min-vh-100-l { min-height: 100vh; }
.h-auto-l { height: auto; }
.h-inherit-l { height: inherit; }
.tracked-l { letter-spacing: .1em; }
Expand Down
3 changes: 1 addition & 2 deletions css/tachyons.min.css

Large diffs are not rendered by default.

Loading