Skins / Docs / TACHYONS

.black { color: #111 }

.dark-gray { color: #333 }

.mid-gray { color: #555 }

.gray { color: #777 }

.silver { color: #999 }

.light-silver { color: #aaa }

.light-gray { color: #eee }

.near-white { color: #f4f4f4 }

.white { color: #fff }

.blue { color: #0074D9 }

.light-blue { color: #64a8ff }

.lightest-blue { color: #a2dfff }

.dark-blue { color: #0045a1 }

.darkest-blue { color: #002f86 }

.yellow { color: #fff93c }

.light-yellow { color: #fffa60 }

.lightest-yellow { color: #fffca6 }

.dark-yellow { color: #e2c100 }

.darkest-yellow { color: #c4a600 }

.orange { color: #FF851B }

.light-orange { color: #ffa942 }

.lightest-orange { color: #ffc55d }

.dark-orange { color: #d05e00 }

.darkest-orange { color: #b14400 }

.red { color: #d82c2c }

.light-red { color: #f94f44 }

.lightest-red { color: #ff6c5c }

.dark-red { color: #bd001a }

.darkest-red { color: #9d0003 }

.teal { color: #27bfa8 }

.light-teal { color: #4eddc5 }

.lightest-teal { color: #6ffae0 }

.dark-teal { color: #25a28f }

.darkest-teal { color: #008876 }

.green { color: #3D9970 }

.light-green { color: #5ab48a }

.lightest-green { color: #75d0a4 }

.dark-green { color: #1e7f58 }

.darkest-green { color: #006540 }

.pink { color: #F012BE }

.light-pink { color: #ff57e8 }

.lightest-pink { color: #ff81ff }

.dark-pink { color: #d100a3 }

.darkest-pink { color: #b20088 }

.purple { color: #980bc6 }

.light-purple { color: #b536e2 }

.lightest-purple { color: #d355ff }

.dark-purple { color: #7b00a9 }

.darkest-purple { color: #5f008e }

.bg-black { background-color: #111 }

.bg-dark-gray { background-color: #333 }

.bg-mid-gray { background-color: #555 }

.bg-gray { background-color: #777 }

.bg-silver { background-color: #999 }

.bg-light-silver { background-color: #aaa }

.bg-light-gray { background-color: #eee }

.bg-near-white { background-color: #f4f4f4 }

.bg-white { background-color: #fff }

.bg-blue { background-color: #0074D9 }

.bg-light-blue { background-color: #64a8ff }

.bg-lightest-blue { background-color: #a2dfff }

.bg-dark-blue { background-color: #0045a1 }

.bg-darkest-blue { background-color: #002f86 }

.bg-yellow { background-color: #fff93c }

.bg-light-yellow { background-color: #fffa60 }

.bg-lightest-yellow { background-color: #fffca6 }

.bg-dark-yellow { background-color: #e2c100 }

.bg-darkest-yellow { background-color: #c4a600 }

.bg-orange { background-color: #FF851B }

.bg-light-orange { background-color: #ffa942 }

.bg-lightest-orange { background-color: #ffc55d }

.bg-dark-orange { background-color: #d05e00 }

.bg-darkest-orange { background-color: #b14400 }

.bg-red { background-color: #d82c2c }

.bg-light-red { background-color: #f94f44 }

.bg-lightest-red { background-color: #ff6c5c }

.bg-dark-red { background-color: #bd001a }

.bg-darkest-red { background-color: #9d0003 }

.bg-teal { background-color: #27bfa8 }

.bg-light-teal { background-color: #4eddc5 }

.bg-lightest-teal { background-color: #6ffae0 }

.bg-dark-teal { background-color: #25a28f }

.bg-darkest-teal { background-color: #008876 }

.bg-green { background-color: #3D9970 }

.bg-light-green { background-color: #5ab48a }

.bg-lightest-green { background-color: #75d0a4 }

.bg-dark-green { background-color: #1e7f58 }

.bg-darkest-green { background-color: #006540 }

.bg-pink { background-color: #F012BE }

.bg-light-pink { background-color: #ff57e8 }

.bg-lightest-pink { background-color: #ff81ff }

.bg-dark-pink { background-color: #d100a3 }

.bg-darkest-pink { background-color: #b20088 }

.bg-purple { background-color: #980bc6 }

.bg-light-purple { background-color: #b536e2 }

.bg-lightest-purple { background-color: #d355ff }

.bg-dark-purple { background-color: #7b00a9 }

.bg-darkest-purple { background-color: #5f008e }

.dim { opacity: 1; transition: opacity 0.15s ease-in-out }

.dim:hover { opacity: 0.6; transition: opacity 0.15s ease-in }

.dim:active, .dim:focus { opacity: 0.8; transition: opacity 0.15s ease-out }

Tachyons

skins

skins