Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lowmess/tachyons-custom-print.
tachyons tachyons-css tachyons-custom
Something went wrong. Try again.
6.2 kB · 135 lines
CSS
at master
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136/*
SKINS Docs: http://tachyons.io/docs/themes/skins/
Classes for setting foreground and background colors on elements. If you haven't declared a border color, but set border on an element, it will be set to the current text color.
*/
/* Text colors */@media print { .black-90-p { color: var(--black-90); } .black-80-p { color: var(--black-80); } .black-70-p { color: var(--black-70); } .black-60-p { color: var(--black-60); } .black-50-p { color: var(--black-50); } .black-40-p { color: var(--black-40); } .black-30-p { color: var(--black-30); } .black-20-p { color: var(--black-20); } .black-10-p { color: var(--black-10); } .black-05-p { color: var(--black-05); }
.white-90-p { color: var(--white-90); } .white-80-p { color: var(--white-80); } .white-70-p { color: var(--white-70); } .white-60-p { color: var(--white-60); } .white-50-p { color: var(--white-50); } .white-40-p { color: var(--white-40); } .white-30-p { color: var(--white-30); } .white-20-p { color: var(--white-20); } .white-10-p { color: var(--white-10); }
.black-p { color: var(--black); } .near-black-p { color: var(--near-black); } .dark-gray-p { color: var(--dark-gray); } .mid-gray-p { color: var(--mid-gray); } .gray-p { color: var(--gray); } .silver -p { color: var(--silver); } .light-silver-p { color: var(--light-silver); } .moon-gray-p { color: var(--moon-gray); } .light-gray-p { color: var(--light-gray); } .near-white-p { color: var(--near-white); } .white-p { color: var(--white); }
.dark-red-p { color: var(--dark-red); } .red-p { color: var(--red); } .light-red-p { color: var(--light-red); } .orange-p { color: var(--orange); } .gold-p { color: var(--gold); } .yellow-p { color: var(--yellow); } .light-yellow-p { color: var(--light-yellow); } .purple-p { color: var(--purple); } .light-purple-p { color: var(--light-purple); } .dark-pink-p { color: var(--dark-pink); } .hot-pink-p { color: var(--hot-pink); } .pink-p { color: var(--pink); } .light-pink-p { color: var(--light-pink); } .dark-green-p { color: var(--dark-green); } .green-p { color: var(--green); } .light-green-p { color: var(--light-green); } .navy-p { color: var(--navy); } .dark-blue-p { color: var(--dark-blue); } .blue-p { color: var(--blue); } .light-blue-p { color: var(--light-blue); } .lightest-blue-p { color: var(--lightest-blue); } .washed-blue-p { color: var(--washed-blue); } .washed-green-p { color: var(--washed-green); } .washed-yellow-p { color: var(--washed-yellow); } .washed-red-p { color: var(--washed-red); }
.bg-black-90-p { background-color: var(--black-90); } .bg-black-80-p { background-color: var(--black-80); } .bg-black-70-p { background-color: var(--black-70); } .bg-black-60-p { background-color: var(--black-60); } .bg-black-50-p { background-color: var(--black-50); } .bg-black-40-p { background-color: var(--black-40); } .bg-black-30-p { background-color: var(--black-30); } .bg-black-20-p { background-color: var(--black-20); } .bg-black-10-p { background-color: var(--black-10); } .bg-black-05-p { background-color: var(--black-05); } .bg-white-90-p { background-color: var(--white-90); } .bg-white-80-p { background-color: var(--white-80); } .bg-white-70-p { background-color: var(--white-70); } .bg-white-60-p { background-color: var(--white-60); } .bg-white-50-p { background-color: var(--white-50); } .bg-white-40-p { background-color: var(--white-40); } .bg-white-30-p { background-color: var(--white-30); } .bg-white-20-p { background-color: var(--white-20); } .bg-white-10-p { background-color: var(--white-10); }
/* Background colors */
.bg-black-p { background-color: var(--black); } .bg-near-black-p { background-color: var(--near-black); } .bg-dark-gray-p { background-color: var(--dark-gray); } .bg-mid-gray-p { background-color: var(--mid-gray); } .bg-gray-p { background-color: var(--gray); } .bg-silver -p { background-color: var(--silver); } .bg-light-silver-p { background-color: var(--light-silver); } .bg-moon-gray-p { background-color: var(--moon-gray); } .bg-light-gray-p { background-color: var(--light-gray); } .bg-near-white-p { background-color: var(--near-white); } .bg-white-p { background-color: var(--white); } .bg-transparent-p { background-color: var(--transparent); }
.bg-dark-red-p { background-color: var(--dark-red); } .bg-red-p { background-color: var(--red); } .bg-light-red-p { background-color: var(--light-red); } .bg-orange-p { background-color: var(--orange); } .bg-gold-p { background-color: var(--gold); } .bg-yellow-p { background-color: var(--yellow); } .bg-light-yellow-p { background-color: var(--light-yellow); } .bg-purple-p { background-color: var(--purple); } .bg-light-purple-p { background-color: var(--light-purple); } .bg-dark-pink-p { background-color: var(--dark-pink); } .bg-hot-pink-p { background-color: var(--hot-pink); } .bg-pink-p { background-color: var(--pink); } .bg-light-pink-p { background-color: var(--light-pink); } .bg-dark-green-p { background-color: var(--dark-green); } .bg-green-p { background-color: var(--green); } .bg-light-green-p { background-color: var(--light-green); } .bg-navy-p { background-color: var(--navy); } .bg-dark-blue-p { background-color: var(--dark-blue); } .bg-blue-p { background-color: var(--blue); } .bg-light-blue-p { background-color: var(--light-blue); } .bg-lightest-blue-p { background-color: var(--lightest-blue); } .bg-washed-blue-p { background-color: var(--washed-blue); } .bg-washed-green-p { background-color: var(--washed-green); } .bg-washed-yellow-p { background-color: var(--washed-yellow); } .bg-washed-red-p { background-color: var(--washed-red); }}