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.
3.8 kB · 86 lines
CSS
at master
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687/*
BORDER COLORS Docs: http://tachyons.io/docs/themes/borders/
Border colors can be used to extend the base border classes ba,bt,bb,br,bl found in the _borders.css file.
The base border class by default will set the color of the border to that of the current text color. These classes are for the cases where you desire for the text and border colors to be different.
Base: b = border
Modifiers: --color-name = each color variable name is also a border color name
*/
@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--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--light-red-p { border-color: var(--light-red); } .b--orange-p { border-color: var(--orange); } .b--gold-p { border-color: var(--gold); } .b--yellow-p { border-color: var(--yellow); } .b--light-yellow-p { border-color: var(--light-yellow); } .b--purple-p { border-color: var(--purple); } .b--light-purple-p { border-color: var(--light-purple); } .b--dark-pink-p { border-color: var(--dark-pink); } .b--hot-pink-p { border-color: var(--hot-pink); } .b--pink-p { border-color: var(--pink); } .b--light-pink-p { border-color: var(--light-pink); } .b--dark-green-p { border-color: var(--dark-green); } .b--green-p { border-color: var(--green); } .b--light-green-p { border-color: var(--light-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--washed-red-p { border-color: var(--washed-red); }
.b--transparent-p { border-color: var(--transparent); }}