Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lowmess/tachyons-print. Functional CSS for humans (and printers). www.npmjs.com/package/tachyons-print
tachyons tachyons-css
Something went wrong. Try again.
4.9 kB · 146 lines
CSS
at master
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147/*
Tachyons COLOR VARIABLES
Grayscale - Solids - Transparencies*/
: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: #f00008; --red: #ff3223; --orange: #f3a801; --gold: #f2c800; --yellow: #ffde37; --purple: #7d5da9; --light-purple: #8d4f92; --hot-pink: #d62288; --dark-pink: #c64774; --pink: #f49cc8; --dark-green: #006C71; --green: #41D69F; --navy: #001b44; --dark-blue: #00449e; --blue: #357edd; --light-blue: #96ccff; --lightest-blue: #cdecff; --washed-blue: #f6fffe; --washed-green: #e8fdf5; --washed-yellow: #fff8d5; --light-pink: #efa4b8; --light-yellow: #f3dd70; --light-red: #ffd3c0;}
/*
BORDER COLORS
*/@media print { .b--black-p { border-color: var(--black); } .b--near-black-p { border-color: var(--near-black); } .b--dark-gray-p { border-color: var(--dark-gray); } .b--mid-gray-p { border-color: var(--mid-gray); } .b--gray-p { border-color: var(--gray); } .b--silver-p { border-color: var(--silver); } .b--light-silver-p { border-color: var(--light-silver); } .b--moon-gray-p { border-color: var(--moon-gray); } .b--light-gray-p { border-color: var(--light-gray); } .b--near-white-p { border-color: var(--near-white); } .b--white-p { border-color: var(--white); }
.b--white-90-p { border-color: var(--white-90); } .b--white-80-p { border-color: var(--white-80); } .b--white-70-p { border-color: var(--white-70); } .b--white-60-p { border-color: var(--white-60); } .b--white-50-p { border-color: var(--white-50); } .b--white-40-p { border-color: var(--white-40); } .b--white-30-p { border-color: var(--white-30); } .b--white-20-p { border-color: var(--white-20); } .b--white-10-p { border-color: var(--white-10); } .b--white-05-p { border-color: var(--white-05); } .b--white-025-p { border-color: var(--white-025); } .b--white-0125-p { border-color: var(--white-0125); }
.b--black-90-p { border-color: var(--black-90); } .b--black-80-p { border-color: var(--black-80); } .b--black-70-p { border-color: var(--black-70); } .b--black-60-p { border-color: var(--black-60); } .b--black-50-p { border-color: var(--black-50); } .b--black-40-p { border-color: var(--black-40); } .b--black-30-p { border-color: var(--black-30); } .b--black-20-p { border-color: var(--black-20); } .b--black-10-p { border-color: var(--black-10); } .b--black-05-p { border-color: var(--black-05); } .b--black-025-p { border-color: var(--black-025); } .b--black-0125-p { border-color: var(--black-0125); }
.b--dark-red-p { border-color: var(--dark-red); } .b--red-p { border-color: var(--red); } .b--orange-p { border-color: var(--orange); } .b--gold-p { border-color: var(--gold); } .b--yellow-p { border-color: var(--yellow); } .b--purple-p { border-color: var(--purple); } .b--light-purple-p { border-color: var(--light-purple); } .b--hot-pink-p { border-color: var(--hot-pink); } .b--dark-pink-p { border-color: var(--dark-pink); } .b--pink-p { border-color: var(--pink); } .b--dark-green-p { border-color: var(--dark-green); } .b--green-p { border-color: var(--green); } .b--navy-p { border-color: var(--navy); } .b--dark-blue-p { border-color: var(--dark-blue); } .b--blue-p { border-color: var(--blue); } .b--light-blue-p { border-color: var(--light-blue); } .b--lightest-blue-p { border-color: var(--lightest-blue); } .b--washed-blue-p { border-color: var(--washed-blue); } .b--washed-green-p { border-color: var(--washed-green); } .b--washed-yellow-p { border-color: var(--washed-yellow); } .b--light-pink-p { border-color: var(--light-pink); } .b--light-yellow-p { border-color: var(--light-yellow) } .b--light-red-p { border-color: var(--light-red); }
.b--transparent-p { border-color: var(--transparent); }}