artin/tachyons
1
0
Fork 0
mirror of https://github.com/tachyons-css/tachyons.git synced 2026-02-06 14:06:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #555 from roylodder/v5.0.0-1

Browse Source 
Fix typos. Update skins and psuedo skins.
This commit is contained in:
John Otander 2018-04-10 09:16:19 -06:00 committed by GitHub
commit 0d9d596acd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 859 additions and 342 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

639
src/_skins-pseudo.css
View File

@ -10,91 +10,600 @@ it is focused or hovered over.
http://tachyons.io/docs/themes/skins-pseudo/
*/
.hover-black:hover,
.hover-black:focus { color: var(--black); }
.hover-white:hover,
.hover-white:focus { color: var(--white); }
/* Text colors */
.hover-color-inherit:hover,
.hover-color-inherit:focus { color: inherit; }
.hover-black-90:hover,
.hover-black-90:focus { color: var(--black-90); }
.hover-black-90:focus { color: var(--black-90); }
.hover-black-80:hover,
.hover-black-80:focus { color: var(--black-80); }
.hover-black-80:focus { color: var(--black-80); }
.hover-black-70:hover,
.hover-black-70:focus { color: var(--black-70); }
.hover-black-70:focus { color: var(--black-70); }
.hover-black-60:hover,
.hover-black-60:focus { color: var(--black-60); }
.hover-black-60:focus { color: var(--black-60); }
.hover-black-50:hover,
.hover-black-50:focus { color: var(--black-50); }
.hover-black-50:focus { color: var(--black-50); }
.hover-black-40:hover,
.hover-black-40:focus { color: var(--black-40); }
.hover-black-40:focus { color: var(--black-40); }
.hover-black-30:hover,
.hover-black-30:focus { color: var(--black-30); }
.hover-black-30:focus { color: var(--black-30); }
.hover-black-20:hover,
.hover-black-20:focus { color: var(--black-20); }
.hover-black-20:focus { color: var(--black-20); }
.hover-black-10:hover,
.hover-black-10:focus { color: var(--black-10); }
.hover-white-90:hover,
.hover-white-90:focus { color: var(--white-90); }
.hover-white-80:hover,
.hover-white-80:focus { color: var(--white-80); }
.hover-white-70:hover,
.hover-white-70:focus { color: var(--white-70); }
.hover-white-60:hover,
.hover-white-60:focus { color: var(--white-60); }
.hover-white-50:hover,
.hover-white-50:focus { color: var(--white-50); }
.hover-white-40:hover,
.hover-white-40:focus { color: var(--white-40); }
.hover-white-30:hover,
.hover-white-30:focus { color: var(--white-30); }
.hover-white-20:hover,
.hover-white-20:focus { color: var(--white-20); }
.hover-white-10:hover,
.hover-white-10:focus { color: var(--white-10); }
.hover-inherit:hover,
.hover-inherit:focus { color: inherit; }
.hover-black-10:focus { color: var(--black-10); }
.hover-black-05:hover,
.hover-black-05:focus { color: var(--black-05); }
.hover-white-90:hover,
.hover-white-90:focus { color: var(--white-90); }
.hover-white-80:hover,
.hover-white-80:focus { color: var(--white-80); }
.hover-white-70:hover,
.hover-white-70:focus { color: var(--white-70); }
.hover-white-60:hover,
.hover-white-60:focus { color: var(--white-60); }
.hover-white-50:hover,
.hover-white-50:focus { color: var(--white-50); }
.hover-white-40:hover,
.hover-white-40:focus { color: var(--white-40); }
.hover-white-30:hover,
.hover-white-30:focus { color: var(--white-30); }
.hover-white-20:hover,
.hover-white-20:focus { color: var(--white-20); }
.hover-white-10:hover,
.hover-white-10:focus { color: var(--white-10); }
.hover-black:hover,
.hover-black:focus { color: var(--black); }
.hover-gray-0:hover,
.hover-gray-0:focus { color: var(--gray-0); }
.hover-gray-1:hover,
.hover-gray-1:focus { color: var(--gray-1); }
.hover-gray-2:hover,
.hover-gray-2:focus { color: var(--gray-2); }
.hover-gray-3:hover,
.hover-gray-3:focus { color: var(--gray-3); }
.hover-gray-4:hover,
.hover-gray-4:focus { color: var(--gray-4); }
.hover-gray-5:hover,
.hover-gray-5:focus { color: var(--gray-5); }
.hover-gray-6:hover,
.hover-gray-6:focus { color: var(--gray-6); }
.hover-gray-7:hover,
.hover-gray-7:focus { color: var(--gray-7); }
.hover-gray-8:hover,
.hover-gray-8:focus { color: var(--gray-8); }
.hover-white:hover,
.hover-white:focus { color: var(--white); }
.hover-green-0:hover,
.hover-green-0:focus { color: var(--green-0); }
.hover-green-1:hover,
.hover-green-1:focus { color: var(--green-1); }
.hover-green-2:hover,
.hover-green-2:focus { color: var(--green-2); }
.hover-green-3:hover,
.hover-green-3:focus { color: var(--green-3); }
.hover-green-4:hover,
.hover-green-4:focus { color: var(--green-4); }
.hover-green-5:hover,
.hover-green-5:focus { color: var(--green-5); }
.hover-green-6:hover,
.hover-green-6:focus { color: var(--green-6); }
.hover-green-7:hover,
.hover-green-7:focus { color: var(--green-7); }
.hover-green-8:hover,
.hover-green-8:focus { color: var(--green-8); }
.hover-green-9:hover,
.hover-green-9:focus { color: var(--green-9); }
.hover-green-10:hover,
.hover-green-10:focus { color: var(--green-10); }
.hover-teal-0:hover,
.hover-teal-0:focus { color: var(--teal-0); }
.hover-teal-1:hover,
.hover-teal-1:focus { color: var(--teal-1); }
.hover-teal-2:hover,
.hover-teal-2:focus { color: var(--teal-2); }
.hover-teal-3:hover,
.hover-teal-3:focus { color: var(--teal-3); }
.hover-teal-4:hover,
.hover-teal-4:focus { color: var(--teal-4); }
.hover-teal-5:hover,
.hover-teal-5:focus { color: var(--teal-5); }
.hover-teal-6:hover,
.hover-teal-6:focus { color: var(--teal-6); }
.hover-teal-7:hover,
.hover-teal-7:focus { color: var(--teal-7); }
.hover-teal-8:hover,
.hover-teal-8:focus { color: var(--teal-8); }
.hover-teal-9:hover,
.hover-teal-9:focus { color: var(--teal-9); }
.hover-teal-10:hover,
.hover-teal-10:focus { color: var(--teal-10); }
.hover-teal-0:hover ,
.hover-teal-0:focus{ color: var(--cyan-0); }
.hover-teal-1:hover ,
.hover-teal-1:focus{ color: var(--cyan-1); }
.hover-teal-2:hover ,
.hover-teal-2:focus{ color: var(--cyan-2); }
.hover-teal-3:hover ,
.hover-teal-3:focus{ color: var(--cyan-3); }
.hover-teal-4:hover ,
.hover-teal-4:focus{ color: var(--cyan-4); }
.hover-teal-5:hover ,
.hover-teal-5:focus{ color: var(--cyan-5); }
.hover-teal-6:hover ,
.hover-teal-6:focus{ color: var(--cyan-6); }
.hover-teal-7:hover ,
.hover-teal-7:focus{ color: var(--cyan-7); }
.hover-teal-8:hover ,
.hover-teal-8:focus{ color: var(--cyan-8); }
.hover-teal-9:hover ,
.hover-teal-9:focus{ color: var(--cyan-9); }
.hover-teal-10:hover ,
.hover-teal-10:focus{ color: var(--cyan-10); }
.hover-blue-0:hover,
.hover-blue-0:focus { color: var(--blue-0); }
.hover-blue-1:hover,
.hover-blue-1:focus { color: var(--blue-1); }
.hover-blue-2:hover,
.hover-blue-2:focus { color: var(--blue-2); }
.hover-blue-3:hover,
.hover-blue-3:focus { color: var(--blue-3); }
.hover-blue-4:hover,
.hover-blue-4:focus { color: var(--blue-4); }
.hover-blue-5:hover,
.hover-blue-5:focus { color: var(--blue-5); }
.hover-blue-6:hover,
.hover-blue-6:focus { color: var(--blue-6); }
.hover-blue-7:hover,
.hover-blue-7:focus { color: var(--blue-7); }
.hover-blue-8:hover,
.hover-blue-8:focus { color: var(--blue-8); }
.hover-blue-9:hover,
.hover-blue-9:focus { color: var(--blue-9); }
.hover-blue-10:hover,
.hover-blue-10:focus { color: var(--blue-10); }
.hover-indigo-0:hover,
.hover-indigo-0:focus { color: var(--indigo-0); }
.hover-indigo-1:hover,
.hover-indigo-1:focus { color: var(--indigo-1); }
.hover-indigo-2:hover,
.hover-indigo-2:focus { color: var(--indigo-2); }
.hover-indigo-3:hover,
.hover-indigo-3:focus { color: var(--indigo-3); }
.hover-indigo-4:hover,
.hover-indigo-4:focus { color: var(--indigo-4); }
.hover-indigo-5:hover,
.hover-indigo-5:focus { color: var(--indigo-5); }
.hover-indigo-6:hover,
.hover-indigo-6:focus { color: var(--indigo-6); }
.hover-indigo-7:hover,
.hover-indigo-7:focus { color: var(--indigo-7); }
.hover-indigo-8:hover,
.hover-indigo-8:focus { color: var(--indigo-8); }
.hover-indigo-9:hover,
.hover-indigo-9:focus { color: var(--indigo-9); }
.hover-indigo-10:hover,
.hover-indigo-10:focus { color: var(--indigo-10); }
.hover-purple-0:hover,
.hover-purple-0:focus { color: var(--purple-0); }
.hover-purple-1:hover,
.hover-purple-1:focus { color: var(--purple-1); }
.hover-purple-2:hover,
.hover-purple-2:focus { color: var(--purple-2); }
.hover-purple-3:hover,
.hover-purple-3:focus { color: var(--purple-3); }
.hover-purple-4:hover,
.hover-purple-4:focus { color: var(--purple-4); }
.hover-purple-5:hover,
.hover-purple-5:focus { color: var(--purple-5); }
.hover-purple-6:hover,
.hover-purple-6:focus { color: var(--purple-6); }
.hover-purple-7:hover,
.hover-purple-7:focus { color: var(--purple-7); }
.hover-purple-8:hover,
.hover-purple-8:focus { color: var(--purple-8); }
.hover-purple-9:hover,
.hover-purple-9:focus { color: var(--purple-9); }
.hover-purple-10:hover,
.hover-purple-10:focus { color: var(--purple-10); }
.hover-pink-0:hover,
.hover-pink-0:focus { color: var(--pink-0); }
.hover-pink-1:hover,
.hover-pink-1:focus { color: var(--pink-1); }
.hover-pink-2:hover,
.hover-pink-2:focus { color: var(--pink-2); }
.hover-pink-3:hover,
.hover-pink-3:focus { color: var(--pink-3); }
.hover-pink-4:hover,
.hover-pink-4:focus { color: var(--pink-4); }
.hover-pink-5:hover,
.hover-pink-5:focus { color: var(--pink-5); }
.hover-pink-6:hover,
.hover-pink-6:focus { color: var(--pink-6); }
.hover-pink-7:hover,
.hover-pink-7:focus { color: var(--pink-7); }
.hover-pink-8:hover,
.hover-pink-8:focus { color: var(--pink-8); }
.hover-pink-9:hover,
.hover-pink-9:focus { color: var(--pink-9); }
.hover-pink-10:hover,
.hover-pink-10:focus { color: var(--pink-10); }
.hover-red-0:hover,
.hover-red-0:focus { color: var(--red-0); }
.hover-red-1:hover,
.hover-red-1:focus { color: var(--red-1); }
.hover-red-2:hover,
.hover-red-2:focus { color: var(--red-2); }
.hover-red-3:hover,
.hover-red-3:focus { color: var(--red-3); }
.hover-red-4:hover,
.hover-red-4:focus { color: var(--red-4); }
.hover-red-5:hover,
.hover-red-5:focus { color: var(--red-5); }
.hover-red-6:hover,
.hover-red-6:focus { color: var(--red-6); }
.hover-red-7:hover,
.hover-red-7:focus { color: var(--red-7); }
.hover-red-8:hover,
.hover-red-8:focus { color: var(--red-8); }
.hover-red-9:hover,
.hover-red-9:focus { color: var(--red-9); }
.hover-red-10:hover,
.hover-red-10:focus { color: var(--red-10); }
.hover-orange-0:hover,
.hover-orange-0:focus { color: var(--orange-0); }
.hover-orange-1:hover,
.hover-orange-1:focus { color: var(--orange-1); }
.hover-orange-2:hover,
.hover-orange-2:focus { color: var(--orange-2); }
.hover-orange-3:hover,
.hover-orange-3:focus { color: var(--orange-3); }
.hover-orange-4:hover,
.hover-orange-4:focus { color: var(--orange-4); }
.hover-orange-5:hover,
.hover-orange-5:focus { color: var(--orange-5); }
.hover-orange-6:hover,
.hover-orange-6:focus { color: var(--orange-6); }
.hover-orange-7:hover,
.hover-orange-7:focus { color: var(--orange-7); }
.hover-orange-8:hover,
.hover-orange-8:focus { color: var(--orange-8); }
.hover-orange-9:hover,
.hover-orange-9:focus { color: var(--orange-9); }
.hover-orange-10:hover,
.hover-orange-10:focus { color: var(--orange-10); }
.hover-yellow-0:hover,
.hover-yellow-0:focus { color: var(--yellow-0); }
.hover-yellow-1:hover,
.hover-yellow-1:focus { color: var(--yellow-1); }
.hover-yellow-2:hover,
.hover-yellow-2:focus { color: var(--yellow-2); }
.hover-yellow-3:hover,
.hover-yellow-3:focus { color: var(--yellow-3); }
.hover-yellow-4:hover,
.hover-yellow-4:focus { color: var(--yellow-4); }
.hover-yellow-5:hover,
.hover-yellow-5:focus { color: var(--yellow-5); }
.hover-yellow-6:hover,
.hover-yellow-6:focus { color: var(--yellow-6); }
.hover-yellow-7:hover,
.hover-yellow-7:focus { color: var(--yellow-7); }
.hover-yellow-8:hover,
.hover-yellow-8:focus { color: var(--yellow-8); }
.hover-yellow-9:hover,
.hover-yellow-9:focus { color: var(--yellow-9); }
.hover-yellow-10:hover,
.hover-yellow-10:focus { color: var(--yellow-10); }
/* Background colors */
.hover-bg-black:hover,
.hover-bg-black:focus { background-color: var(--black); }
.hover-bg-white:hover,
.hover-bg-white:focus { background-color: var(--white); }
.hover-bg-transparent:hover,
.hover-bg-transparent:focus { background-color: var(--transparent); }
.hover-bg-transparent:focus { background-color: var(--transparent); }
.hover-bg-black-90:hover,
.hover-bg-black-90:focus { background-color: var(--black-90); }
.hover-bg-black-90:focus { background-color: var(--black-90); }
.hover-bg-black-80:hover,
.hover-bg-black-80:focus { background-color: var(--black-80); }
.hover-bg-black-80:focus { background-color: var(--black-80); }
.hover-bg-black-70:hover,
.hover-bg-black-70:focus { background-color: var(--black-70); }
.hover-bg-black-70:focus { background-color: var(--black-70); }
.hover-bg-black-60:hover,
.hover-bg-black-60:focus { background-color: var(--black-60); }
.hover-bg-black-60:focus { background-color: var(--black-60); }
.hover-bg-black-50:hover,
.hover-bg-black-50:focus { background-color: var(--black-50); }
.hover-bg-black-50:focus { background-color: var(--black-50); }
.hover-bg-black-40:hover,
.hover-bg-black-40:focus { background-color: var(--black-40); }
.hover-bg-black-40:focus { background-color: var(--black-40); }
.hover-bg-black-30:hover,
.hover-bg-black-30:focus { background-color: var(--black-30); }
.hover-bg-black-30:focus { background-color: var(--black-30); }
.hover-bg-black-20:hover,
.hover-bg-black-20:focus { background-color: var(--black-20); }
.hover-bg-black-20:focus { background-color: var(--black-20); }
.hover-bg-black-10:hover,
.hover-bg-black-10:focus { background-color: var(--black-10); }
.hover-bg-white-90:hover,
.hover-bg-white-90:focus { background-color: var(--white-90); }
.hover-bg-white-80:hover,
.hover-bg-white-80:focus { background-color: var(--white-80); }
.hover-bg-white-70:hover,
.hover-bg-white-70:focus { background-color: var(--white-70); }
.hover-bg-white-60:hover,
.hover-bg-white-60:focus { background-color: var(--white-60); }
.hover-bg-white-50:hover,
.hover-bg-white-50:focus { background-color: var(--white-50); }
.hover-bg-white-40:hover,
.hover-bg-white-40:focus { background-color: var(--white-40); }
.hover-bg-white-30:hover,
.hover-bg-white-30:focus { background-color: var(--white-30); }
.hover-bg-white-20:hover,
.hover-bg-white-20:focus { background-color: var(--white-20); }
.hover-bg-white-10:hover,
.hover-bg-white-10:focus { background-color: var(--white-10); }
.hover-bg-black-10:focus { background-color: var(--black-10); }
.hover-bg-black-05:hover,
.hover-bg-black-05:focus { background-color: var(--black-05); }
.bg-white-90:hover,
.bg-white-90:focus { background-color: var(--white-90); }
.bg-white-80:hover,
.bg-white-80:focus { background-color: var(--white-80); }
.bg-white-70:hover,
.bg-white-70:focus { background-color: var(--white-70); }
.bg-white-60:hover,
.bg-white-60:focus { background-color: var(--white-60); }
.bg-white-50:hover,
.bg-white-50:focus { background-color: var(--white-50); }
.bg-white-40:hover,
.bg-white-40:focus { background-color: var(--white-40); }
.bg-white-30:hover,
.bg-white-30:focus { background-color: var(--white-30); }
.bg-white-20:hover,
.bg-white-20:focus { background-color: var(--white-20); }
.bg-white-10:hover,
.bg-white-10:focus { background-color: var(--white-10); }
.hover-bg-black:hover,
.hover-bg-black:focus { background-color: var(--black); }
.hover-bg-gray-0:hover,
.hover-bg-gray-0:focus { background-color: var(--gray-0); }
.hover-bg-gray-1:hover,
.hover-bg-gray-1:focus { background-color: var(--gray-1); }
.hover-bg-gray-2:hover,
.hover-bg-gray-2:focus { background-color: var(--gray-2); }
.hover-bg-gray-3:hover,
.hover-bg-gray-3:focus { background-color: var(--gray-3); }
.hover-bg-gray-4:hover,
.hover-bg-gray-4:focus { background-color: var(--gray-4); }
.hover-bg-gray-5:hover,
.hover-bg-gray-5:focus { background-color: var(--gray-5); }
.hover-bg-gray-6:hover,
.hover-bg-gray-6:focus { background-color: var(--gray-6); }
.hover-bg-gray-7:hover,
.hover-bg-gray-7:focus { background-color: var(--gray-7); }
.hover-bg-gray-8:hover,
.hover-bg-gray-8:focus { background-color: var(--gray-8); }
.hover-bg-white:hover,
.hover-bg-white:focus { background-color: var(--white); }
.hover-bg-green-0:hover,
.hover-bg-green-0:focus { background-color: var(--green-0); }
.hover-bg-green-1:hover,
.hover-bg-green-1:focus { background-color: var(--green-1); }
.hover-bg-green-2:hover,
.hover-bg-green-2:focus { background-color: var(--green-2); }
.hover-bg-green-3:hover,
.hover-bg-green-3:focus { background-color: var(--green-3); }
.hover-bg-green-4:hover,
.hover-bg-green-4:focus { background-color: var(--green-4); }
.hover-bg-green-5:hover,
.hover-bg-green-5:focus { background-color: var(--green-5); }
.hover-bg-green-6:hover,
.hover-bg-green-6:focus { background-color: var(--green-6); }
.hover-bg-green-7:hover,
.hover-bg-green-7:focus { background-color: var(--green-7); }
.hover-bg-green-8:hover,
.hover-bg-green-8:focus { background-color: var(--green-8); }
.hover-bg-green-9:hover,
.hover-bg-green-9:focus { background-color: var(--green-9); }
.hover-bg-green-10:hover,
.hover-bg-green-10:focus { background-color: var(--green-10); }
.hover-bg-teal-0:hover,
.hover-bg-teal-0:focus { background-color: var(--teal-0); }
.hover-bg-teal-1:hover,
.hover-bg-teal-1:focus { background-color: var(--teal-1); }
.hover-bg-teal-2:hover,
.hover-bg-teal-2:focus { background-color: var(--teal-2); }
.hover-bg-teal-3:hover,
.hover-bg-teal-3:focus { background-color: var(--teal-3); }
.hover-bg-teal-4:hover,
.hover-bg-teal-4:focus { background-color: var(--teal-4); }
.hover-bg-teal-5:hover,
.hover-bg-teal-5:focus { background-color: var(--teal-5); }
.hover-bg-teal-6:hover,
.hover-bg-teal-6:focus { background-color: var(--teal-6); }
.hover-bg-teal-7:hover,
.hover-bg-teal-7:focus { background-color: var(--teal-7); }
.hover-bg-teal-8:hover,
.hover-bg-teal-8:focus { background-color: var(--teal-8); }
.hover-bg-teal-9:hover,
.hover-bg-teal-9:focus { background-color: var(--teal-9); }
.hover-bg-teal-10:hover,
.hover-bg-teal-10:focus { background-color: var(--teal-10); }
.hover-bg-cyan-0:hover,
.hover-bg-cyan-0:focus { background-color: var(--cyan-0); }
.hover-bg-cyan-1:hover,
.hover-bg-cyan-1:focus { background-color: var(--cyan-1); }
.hover-bg-cyan-2:hover,
.hover-bg-cyan-2:focus { background-color: var(--cyan-2); }
.hover-bg-cyan-3:hover,
.hover-bg-cyan-3:focus { background-color: var(--cyan-3); }
.hover-bg-cyan-4:hover,
.hover-bg-cyan-4:focus { background-color: var(--cyan-4); }
.hover-bg-cyan-5:hover,
.hover-bg-cyan-5:focus { background-color: var(--cyan-5); }
.hover-bg-cyan-6:hover,
.hover-bg-cyan-6:focus { background-color: var(--cyan-6); }
.hover-bg-cyan-7:hover,
.hover-bg-cyan-7:focus { background-color: var(--cyan-7); }
.hover-bg-cyan-8:hover,
.hover-bg-cyan-8:focus { background-color: var(--cyan-8); }
.hover-bg-cyan-9:hover,
.hover-bg-cyan-9:focus { background-color: var(--cyan-9); }
.hover-bg-cyan-10:hover,
.hover-bg-cyan-10:focus { background-color: var(--cyan-10); }
.hover-bg-blue-0:hover,
.hover-bg-blue-0:focus { background-color: var(--blue-0); }
.hover-bg-blue-1:hover,
.hover-bg-blue-1:focus { background-color: var(--blue-1); }
.hover-bg-blue-2:hover,
.hover-bg-blue-2:focus { background-color: var(--blue-2); }
.hover-bg-blue-3:hover,
.hover-bg-blue-3:focus { background-color: var(--blue-3); }
.hover-bg-blue-4:hover,
.hover-bg-blue-4:focus { background-color: var(--blue-4); }
.hover-bg-blue-5:hover,
.hover-bg-blue-5:focus { background-color: var(--blue-5); }
.hover-bg-blue-6:hover,
.hover-bg-blue-6:focus { background-color: var(--blue-6); }
.hover-bg-blue-7:hover,
.hover-bg-blue-7:focus { background-color: var(--blue-7); }
.hover-bg-blue-8:hover,
.hover-bg-blue-8:focus { background-color: var(--blue-8); }
.hover-bg-blue-9:hover,
.hover-bg-blue-9:focus { background-color: var(--blue-9); }
.hover-bg-blue-10:hover,
.hover-bg-blue-10:focus { background-color: var(--blue-10); }
.hover-bg-indigo-0:hover,
.hover-bg-indigo-0:focus { background-color: var(--indigo-0); }
.hover-bg-indigo-1:hover,
.hover-bg-indigo-1:focus { background-color: var(--indigo-1); }
.hover-bg-indigo-2:hover,
.hover-bg-indigo-2:focus { background-color: var(--indigo-2); }
.hover-bg-indigo-3:hover,
.hover-bg-indigo-3:focus { background-color: var(--indigo-3); }
.hover-bg-indigo-4:hover,
.hover-bg-indigo-4:focus { background-color: var(--indigo-4); }
.hover-bg-indigo-5:hover,
.hover-bg-indigo-5:focus { background-color: var(--indigo-5); }
.hover-bg-indigo-6:hover,
.hover-bg-indigo-6:focus { background-color: var(--indigo-6); }
.hover-bg-indigo-7:hover,
.hover-bg-indigo-7:focus { background-color: var(--indigo-7); }
.hover-bg-indigo-8:hover,
.hover-bg-indigo-8:focus { background-color: var(--indigo-8); }
.hover-bg-indigo-9:hover,
.hover-bg-indigo-9:focus { background-color: var(--indigo-9); }
.hover-bg-indigo-10:hover,
.hover-bg-indigo-10:focus { background-color: var(--indigo-10); }
.hover-bg-purple-0:hover,
.hover-bg-purple-0:focus { background-color: var(--purple-0); }
.hover-bg-purple-1:hover,
.hover-bg-purple-1:focus { background-color: var(--purple-1); }
.hover-bg-purple-2:hover,
.hover-bg-purple-2:focus { background-color: var(--purple-2); }
.hover-bg-purple-3:hover,
.hover-bg-purple-3:focus { background-color: var(--purple-3); }
.hover-bg-purple-4:hover,
.hover-bg-purple-4:focus { background-color: var(--purple-4); }
.hover-bg-purple-5:hover,
.hover-bg-purple-5:focus { background-color: var(--purple-5); }
.hover-bg-purple-6:hover,
.hover-bg-purple-6:focus { background-color: var(--purple-6); }
.hover-bg-purple-7:hover,
.hover-bg-purple-7:focus { background-color: var(--purple-7); }
.hover-bg-purple-8:hover,
.hover-bg-purple-8:focus { background-color: var(--purple-8); }
.hover-bg-purple-9:hover,
.hover-bg-purple-9:focus { background-color: var(--purple-9); }
.hover-bg-purple-10:hover,
.hover-bg-purple-10:focus { background-color: var(--purple-10); }
.hover-bg-pink-0:hover,
.hover-bg-pink-0:focus { background-color: var(--pink-0); }
.hover-bg-pink-1:hover,
.hover-bg-pink-1:focus { background-color: var(--pink-1); }
.hover-bg-pink-2:hover,
.hover-bg-pink-2:focus { background-color: var(--pink-2); }
.hover-bg-pink-3:hover,
.hover-bg-pink-3:focus { background-color: var(--pink-3); }
.hover-bg-pink-4:hover,
.hover-bg-pink-4:focus { background-color: var(--pink-4); }
.hover-bg-pink-5:hover,
.hover-bg-pink-5:focus { background-color: var(--pink-5); }
.hover-bg-pink-6:hover,
.hover-bg-pink-6:focus { background-color: var(--pink-6); }
.hover-bg-pink-7:hover,
.hover-bg-pink-7:focus { background-color: var(--pink-7); }
.hover-bg-pink-8:hover,
.hover-bg-pink-8:focus { background-color: var(--pink-8); }
.hover-bg-pink-9:hover,
.hover-bg-pink-9:focus { background-color: var(--pink-9); }
.hover-bg-pink-10:hover,
.hover-bg-pink-10:focus { background-color: var(--pink-10); }
.hover-bg-red-0:hover,
.hover-bg-red-0:focus { background-color: var(--red-0); }
.hover-bg-red-1:hover,
.hover-bg-red-1:focus { background-color: var(--red-1); }
.hover-bg-red-2:hover,
.hover-bg-red-2:focus { background-color: var(--red-2); }
.hover-bg-red-3:hover,
.hover-bg-red-3:focus { background-color: var(--red-3); }
.hover-bg-red-4:hover,
.hover-bg-red-4:focus { background-color: var(--red-4); }
.hover-bg-red-5:hover,
.hover-bg-red-5:focus { background-color: var(--red-5); }
.hover-bg-red-6:hover,
.hover-bg-red-6:focus { background-color: var(--red-6); }
.hover-bg-red-7:hover,
.hover-bg-red-7:focus { background-color: var(--red-7); }
.hover-bg-red-8:hover,
.hover-bg-red-8:focus { background-color: var(--red-8); }
.hover-bg-red-9:hover,
.hover-bg-red-9:focus { background-color: var(--red-9); }
.hover-bg-red-10:hover,
.hover-bg-red-10:focus { background-color: var(--red-10); }
.hover-bg-orange-0:hover,
.hover-bg-orange-0:focus { background-color: var(--orange-0); }
.hover-bg-orange-1:hover,
.hover-bg-orange-1:focus { background-color: var(--orange-1); }
.hover-bg-orange-2:hover,
.hover-bg-orange-2:focus { background-color: var(--orange-2); }
.hover-bg-orange-3:hover,
.hover-bg-orange-3:focus { background-color: var(--orange-3); }
.hover-bg-orange-4:hover,
.hover-bg-orange-4:focus { background-color: var(--orange-4); }
.hover-bg-orange-5:hover,
.hover-bg-orange-5:focus { background-color: var(--orange-5); }
.hover-bg-orange-6:hover,
.hover-bg-orange-6:focus { background-color: var(--orange-6); }
.hover-bg-orange-7:hover,
.hover-bg-orange-7:focus { background-color: var(--orange-7); }
.hover-bg-orange-8:hover,
.hover-bg-orange-8:focus { background-color: var(--orange-8); }
.hover-bg-orange-9:hover,
.hover-bg-orange-9:focus { background-color: var(--orange-9); }
.hover-bg-orange-10:hover,
.hover-bg-orange-10:focus { background-color: var(--orange-10); }
.hover-bg-yellow-0:hover,
.hover-bg-yellow-0:focus { background-color: var(--yellow-0); }
.hover-bg-yellow-1:hover,
.hover-bg-yellow-1:focus { background-color: var(--yellow-1); }
.hover-bg-yellow-2:hover,
.hover-bg-yellow-2:focus { background-color: var(--yellow-2); }
.hover-bg-yellow-3:hover,
.hover-bg-yellow-3:focus { background-color: var(--yellow-3); }
.hover-bg-yellow-4:hover,
.hover-bg-yellow-4:focus { background-color: var(--yellow-4); }
.hover-bg-yellow-5:hover,
.hover-bg-yellow-5:focus { background-color: var(--yellow-5); }
.hover-bg-yellow-6:hover,
.hover-bg-yellow-6:focus { background-color: var(--yellow-6); }
.hover-bg-yellow-7:hover,
.hover-bg-yellow-7:focus { background-color: var(--yellow-7); }
.hover-bg-yellow-8:hover,
.hover-bg-yellow-8:focus { background-color: var(--yellow-8); }
.hover-bg-yellow-9:hover,
.hover-bg-yellow-9:focus { background-color: var(--yellow-9); }
.hover-bg-yellow-10:hover,
.hover-bg-yellow-10:focus { background-color: var(--yellow-10); }

526
src/_skins.css
View File

@ -13,6 +13,8 @@ be set to the current text color.
/* Text colors */
.color-inherit { color: inherit; }
.black-90 { color: var(--black-90); }
.black-80 { color: var(--black-80); }
.black-70 { color: var(--black-70); }
@ -35,286 +37,292 @@ be set to the current text color.
.white-10 { color: var(--white-10); }
.black { color: var(--black); }
.gray0 { color: var(--gray-0); }
.gray1 { color: var(--gray-1); }
.gray2 { color: var(--gray-2); }
.gray3 { color: var(--gray-3); }
.gray4 { color: var(--gray-4); }
.gray5 { color: var(--gray-5); }
.gray6 { color: var(--gray-6); }
.gray7 { color: var(--gray-7); }
.gray8 { color: var(--gray-8); }
.gray-0 { color: var(--gray-0); }
.gray-1 { color: var(--gray-1); }
.gray-2 { color: var(--gray-2); }
.gray-3 { color: var(--gray-3); }
.gray-4 { color: var(--gray-4); }
.gray-5 { color: var(--gray-5); }
.gray-6 { color: var(--gray-6); }
.gray-7 { color: var(--gray-7); }
.gray-8 { color: var(--gray-8); }
.white { color: var(--white); }
.green-0 { color: #044324; }
.green-1 { color: #05532d; }
.green-2 { color: #087640; }
.green-3 { color: #098849; }
.green-4 { color: #0b9b53; }
.green-5 { color: #0cad5d; }
.green-6 { color: #0ec167; }
.green-7 { color: #0fd472; }
.green-8 { color: #10e87c; }
.green-9 { color: #78f5a6; }
.green-10 { color: #c3fbdf; }
.green-0 { color: var(--green-0); }
.green-1 { color: var(--green-1); }
.green-2 { color: var(--green-2); }
.green-3 { color: var(--green-3); }
.green-4 { color: var(--green-4); }
.green-5 { color: var(--green-5); }
.green-6 { color: var(--green-6); }
.green-7 { color: var(--green-7); }
.green-8 { color: var(--green-8); }
.green-9 { color: var(--green-9); }
.green-10 { color: var(--green-10); }
.teal-0 { color: #003d37; }
.teal-1 { color: #004e46; }
.teal-2 { color: #007166; }
.teal-3 { color: #008477; }
.teal-4 { color: #009788; }
.teal-5 { color: #00ab9a; }
.teal-6 { color: #00bfac; }
.teal-7 { color: #00d3be; }
.teal-8 { color: #00e8d1; }
.teal-9 { color: #00fde4; }
.teal-10 { color: #ccfffa; }
.teal-0 { color: var(--teal-0); }
.teal-1 { color: var(--teal-1); }
.teal-2 { color: var(--teal-2); }
.teal-3 { color: var(--teal-3); }
.teal-4 { color: var(--teal-4); }
.teal-5 { color: var(--teal-5); }
.teal-6 { color: var(--teal-6); }
.teal-7 { color: var(--teal-7); }
.teal-8 { color: var(--teal-8); }
.teal-9 { color: var(--teal-9); }
.teal-10 { color: var(--teal-10); }
.cyan-0 { color: #015151; }
.cyan-1 { color: #046064; }
.cyan-2 { color: #0f7f8a; }
.cyan-3 { color: #148f9f; }
.cyan-4 { color: #19a0b3; }
.cyan-5 { color: #1eb1c9; }
.cyan-6 { color: #24c2de; }
.cyan-7 { color: #29d3f4; }
.cyan-8 { color: #64e2fd; }
.cyan-9 { color: #9cf0fe; }
.cyan-10 { color: #c7fefe; }
.cyan-0 { color: var(--cyan-0); }
.cyan-1 { color: var(--cyan-1); }
.cyan-2 { color: var(--cyan-2); }
.cyan-3 { color: var(--cyan-3); }
.cyan-4 { color: var(--cyan-4); }
.cyan-5 { color: var(--cyan-5); }
.cyan-6 { color: var(--cyan-6); }
.cyan-7 { color: var(--cyan-7); }
.cyan-8 { color: var(--cyan-8); }
.cyan-9 { color: var(--cyan-9); }
.cyan-10 { color: var(--cyan-10); }
.blue-0 { color: #002c52; }
.blue-1 { color: #003a6c; }
.blue-2 { color: #0057a2; }
.blue-3 { color: #0066bf; }
.blue-4 { color: #0076dc; }
.blue-5 { color: #0086fb; }
.blue-6 { color: #4d97ff; }
.blue-7 { color: #72a9ff; }
.blue-8 { color: #8fbbff; }
.blue-9 { color: #a8ceff; }
.blue-10 { color: #bfe1ff; }
.blue-0 { color: var(--blue-0); }
.blue-1 { color: var(--blue-1); }
.blue-2 { color: var(--blue-2); }
.blue-3 { color: var(--blue-3); }
.blue-4 { color: var(--blue-4); }
.blue-5 { color: var(--blue-5); }
.blue-6 { color: var(--blue-6); }
.blue-7 { color: var(--blue-7); }
.blue-8 { color: var(--blue-8); }
.blue-9 { color: var(--blue-9); }
.blue-10 { color: var(--blue-10); }
.indigo-0 { color: #2c0599; }
.indigo-1 { color: #3706be; }
.indigo-2 { color: #5c26ef; }
.indigo-3 { color: #733ff1; }
.indigo-4 { color: #8655f3; }
.indigo-5 { color: #9769f5; }
.indigo-6 { color: #a67df7; }
.indigo-7 { color: #b491f9; }
.indigo-8 { color: #c2a6fb; }
.indigo-9 { color: #cebafc; }
.indigo-10 { color: #dacefd; }
.indigo-0 { color: var(--indigo-0); }
.indigo-1 { color: var(--indigo-1); }
.indigo-2 { color: var(--indigo-2); }
.indigo-3 { color: var(--indigo-3); }
.indigo-4 { color: var(--indigo-4); }
.indigo-5 { color: var(--indigo-5); }
.indigo-6 { color: var(--indigo-6); }
.indigo-7 { color: var(--indigo-7); }
.indigo-8 { color: var(--indigo-8); }
.indigo-9 { color: var(--indigo-9); }
.indigo-10 { color: var(--indigo-10); }
.purple-0 { color: #500576; }
.purple-0 { color: #630691; }
.purple-0 { color: #8a09cb; }
.purple-0 { color: #9f0ae9; }
.purple-0 { color: #af2ef6; }
.purple-0 { color: #bb4ef7; }
.purple-0 { color: #c568f9; }
.purple-0 { color: #d080fa; }
.purple-0 { color: #d996fb; }
.purple-0 { color: #e1acfb; }
.purple-0 { color: #e9c2fc; }
.purple-0 { color: var(--purple-0); }
.purple-1 { color: var(--purple-1); }
.purple-2 { color: var(--purple-2); }
.purple-3 { color: var(--purple-3); }
.purple-4 { color: var(--purple-4); }
.purple-5 { color: var(--purple-5); }
.purple-6 { color: var(--purple-6); }
.purple-7 { color: var(--purple-7); }
.purple-8 { color: var(--purple-8); }
.purple-9 { color: var(--purple-9); }
.purple-10 { color: var(--purple-10); }
.pink { color: #640233; }
.pink { color: #7c033f; }
.pink { color: #ae0459; }
.pink { color: #c80467; }
.pink { color: #e30574; }
.pink { color: #fb1d83; }
.pink { color: #fe5195; }
.pink { color: #ff73a7; }
.pink { color: #ff8fba; }
.pink { color: #ffa9cc; }
.pink { color: #fec1df; }
.pink-0 { color: var(--pink-0); }
.pink-1 { color: var(--pink-1); }
.pink-2 { color: var(--pink-2); }
.pink-3 { color: var(--pink-3); }
.pink-4 { color: var(--pink-4); }
.pink-5 { color: var(--pink-5); }
.pink-6 { color: var(--pink-6); }
.pink-7 { color: var(--pink-7); }
.pink-8 { color: var(--pink-8); }
.pink-9 { color: var(--pink-9); }
.pink-10 { color: var(--pink-10); }
.red-0 { color: #390408; }
.red-1 { color: #520814; }
.red-2 { color: #8a1223; }
.red-3 { color: #a7172b; }
.red-4 { color: #c61d33; }
.red-5 { color: #e02e40; }
.red-6 { color: #e95459; }
.red-7 { color: #f17373; }
.red-8 { color: #f68e8f; }
.red-9 { color: #faa9ab; }
.red-10 { color: #fbc3c8; }
.red-0 { color: var(--red-0); }
.red-1 { color: var(--red-1); }
.red-2 { color: var(--red-2); }
.red-3 { color: var(--red-3); }
.red-4 { color: var(--red-4); }
.red-5 { color: var(--red-5); }
.red-6 { color: var(--red-6); }
.red-7 { color: var(--red-7); }
.red-8 { color: var(--red-8); }
.red-9 { color: var(--red-9); }
.red-10 { color: var(--red-10); }
.orange-0 { color: #6f2601; }
.orange-1 { color: #862e03; }
.orange-2 { color: #b73f04; }
.orange-3 { color: #d04704; }
.orange-4 { color: #ea5003; }
.orange-5 { color: #fe6018; }
.orange-6 { color: #ff7e45; }
.orange-7 { color: #ff9969; }
.orange-8 { color: #ffb18b; }
.orange-9 { color: #ffc7ac; }
.orange-10 { color: #feddcd; }
.orange-0 { color: var(--orange-0); }
.orange-1 { color: var(--orange-1); }
.orange-2 { color: var(--orange-2); }
.orange-3 { color: var(--orange-3); }
.orange-4 { color: var(--orange-4); }
.orange-5 { color: var(--orange-5); }
.orange-6 { color: var(--orange-6); }
.orange-7 { color: var(--orange-7); }
.orange-8 { color: var(--orange-8); }
.orange-9 { color: var(--orange-9); }
.orange-10 { color: var(--orange-10); }
.yellow-0 { color: #806800; }
.yellow-1 { color: #8e7300; }
.yellow-2 { color: #aa8a00; }
.yellow-3 { color: #b89600; }
.yellow-4 { color: #c7a200; }
.yellow-5 { color: #d6ae00; }
.yellow-6 { color: #e5ba00; }
.yellow-7 { color: #f4c700; }
.yellow-8 { color: #ffd434; }
.yellow-9 { color: #ffe483; }
.yellow-10 { color: #fff3bf; }
.yellow-0 { color: var(--yellow-0); }
.yellow-1 { color: var(--yellow-1); }
.yellow-2 { color: var(--yellow-2); }
.yellow-3 { color: var(--yellow-3); }
.yellow-4 { color: var(--yellow-4); }
.yellow-5 { color: var(--yellow-5); }
.yellow-6 { color: var(--yellow-6); }
.yellow-7 { color: var(--yellow-7); }
.yellow-8 { color: var(--yellow-8); }
.yellow-9 { color: var(--yellow-9); }
.yellow-10 { color: var(--yellow-10); }
.bg-black-90 { background-color: var(--black-90); }
.bg-black-80 { background-color: var(--black-80); }
.bg-black-70 { background-color: var(--black-70); }
.bg-black-60 { background-color: var(--black-60); }
.bg-black-50 { background-color: var(--black-50); }
.bg-black-40 { background-color: var(--black-40); }
.bg-black-30 { background-color: var(--black-30); }
.bg-black-20 { background-color: var(--black-20); }
.bg-black-10 { background-color: var(--black-10); }
.bg-black-05 { background-color: var(--black-05); }
.bg-white-90 { background-color: var(--white-90); }
.bg-white-80 { background-color: var(--white-80); }
.bg-white-70 { background-color: var(--white-70); }
.bg-white-60 { background-color: var(--white-60); }
.bg-white-50 { background-color: var(--white-50); }
.bg-white-40 { background-color: var(--white-40); }
.bg-white-30 { background-color: var(--white-30); }
.bg-white-20 { background-color: var(--white-20); }
.bg-white-10 { background-color: var(--white-10); }
.bg-black { background-color: var(--black); }
.bg-gray0 { background-color: var(--gray-0); }
.bg-gray1 { background-color: var(--gray-1); }
.bg-gray2 { background-color: var(--gray-2); }
.bg-gray3 { background-color: var(--gray-3); }
.bg-gray4 { background-color: var(--gray-4); }
.bg-gray5 { background-color: var(--gray-5); }
.bg-gray6 { background-color: var(--gray-6); }
.bg-gray7 { background-color: var(--gray-7); }
.bg-gray8 { background-color: var(--gray-8); }
.bg-white { background-color: var(--white); }
/* Background colors */
.bg-green-0 { background-color: #044324; }
.bg-green-1 { background-color: #05532d; }
.bg-green-2 { background-color: #087640; }
.bg-green-3 { background-color: #098849; }
.bg-green-4 { background-color: #0b9b53; }
.bg-green-5 { background-color: #0cad5d; }
.bg-green-6 { background-color: #0ec167; }
.bg-green-7 { background-color: #0fd472; }
.bg-green-8 { background-color: #10e87c; }
.bg-green-9 { background-color: #78f5a6; }
.bg-green-10 { background-color: #c3fbdf; }
.bg-transparent { background-color: var(--transparent); }
.bg-teal-0 { background-color: #003d37; }
.bg-teal-1 { background-color: #004e46; }
.bg-teal-2 { background-color: #007166; }
.bg-teal-3 { background-color: #008477; }
.bg-teal-4 { background-color: #009788; }
.bg-teal-5 { background-color: #00ab9a; }
.bg-teal-6 { background-color: #00bfac; }
.bg-teal-7 { background-color: #00d3be; }
.bg-teal-8 { background-color: #00e8d1; }
.bg-teal-9 { background-color: #00fde4; }
.bg-teal-10 { background-color: #ccfffa; }
.bg-black-90 { background-color: var(--black-90); }
.bg-black-80 { background-color: var(--black-80); }
.bg-black-70 { background-color: var(--black-70); }
.bg-black-60 { background-color: var(--black-60); }
.bg-black-50 { background-color: var(--black-50); }
.bg-black-40 { background-color: var(--black-40); }
.bg-black-30 { background-color: var(--black-30); }
.bg-black-20 { background-color: var(--black-20); }
.bg-black-10 { background-color: var(--black-10); }
.bg-black-05 { background-color: var(--black-05); }
.bg-cyan-0 { background-color: #015151; }
.bg-cyan-1 { background-color: #046064; }
.bg-cyan-2 { background-color: #0f7f8a; }
.bg-cyan-3 { background-color: #148f9f; }
.bg-cyan-4 { background-color: #19a0b3; }
.bg-cyan-5 { background-color: #1eb1c9; }
.bg-cyan-6 { background-color: #24c2de; }
.bg-cyan-7 { background-color: #29d3f4; }
.bg-cyan-8 { background-color: #64e2fd; }
.bg-cyan-9 { background-color: #9cf0fe; }
.bg-cyan-10 { background-color: #c7fefe; }
.bg-white-90 { background-color: var(--white-90); }
.bg-white-80 { background-color: var(--white-80); }
.bg-white-70 { background-color: var(--white-70); }
.bg-white-60 { background-color: var(--white-60); }
.bg-white-50 { background-color: var(--white-50); }
.bg-white-40 { background-color: var(--white-40); }
.bg-white-30 { background-color: var(--white-30); }
.bg-white-20 { background-color: var(--white-20); }
.bg-white-10 { background-color: var(--white-10); }
.bg-blue-0 { background-color: #002c52; }
.bg-blue-1 { background-color: #003a6c; }
.bg-blue-2 { background-color: #0057a2; }
.bg-blue-3 { background-color: #0066bf; }
.bg-blue-4 { background-color: #0076dc; }
.bg-blue-5 { background-color: #0086fb; }
.bg-blue-6 { background-color: #4d97ff; }
.bg-blue-7 { background-color: #72a9ff; }
.bg-blue-8 { background-color: #8fbbff; }
.bg-blue-9 { background-color: #a8ceff; }
.bg-blue-10 { background-color: #bfe1ff; }
.bg-black { background-color: var(--black); }
.bg-gray-0 { background-color: var(--gray-0); }
.bg-gray-1 { background-color: var(--gray-1); }
.bg-gray-2 { background-color: var(--gray-2); }
.bg-gray-3 { background-color: var(--gray-3); }
.bg-gray-4 { background-color: var(--gray-4); }
.bg-gray-5 { background-color: var(--gray-5); }
.bg-gray-6 { background-color: var(--gray-6); }
.bg-gray-7 { background-color: var(--gray-7); }
.bg-gray-8 { background-color: var(--gray-8); }
.bg-white { background-color: var(--white); }
.bg-indigo-0 { background-color: #2c0599; }
.bg-indigo-1 { background-color: #3706be; }
.bg-indigo-2 { background-color: #5c26ef; }
.bg-indigo-3 { background-color: #733ff1; }
.bg-indigo-4 { background-color: #8655f3; }
.bg-indigo-5 { background-color: #9769f5; }
.bg-indigo-6 { background-color: #a67df7; }
.bg-indigo-7 { background-color: #b491f9; }
.bg-indigo-8 { background-color: #c2a6fb; }
.bg-indigo-9 { background-color: #cebafc; }
.bg-indigo-10 { background-color: #dacefd; }
.bg-green-0 { background-color: var(--green-0); }
.bg-green-1 { background-color: var(--green-1); }
.bg-green-2 { background-color: var(--green-2); }
.bg-green-3 { background-color: var(--green-3); }
.bg-green-4 { background-color: var(--green-4); }
.bg-green-5 { background-color: var(--green-5); }
.bg-green-6 { background-color: var(--green-6); }
.bg-green-7 { background-color: var(--green-7); }
.bg-green-8 { background-color: var(--green-8); }
.bg-green-9 { background-color: var(--green-9); }
.bg-green-10 { background-color: var(--green-10); }
.bg-purple-0 { background-color: #500576; }
.bg-purple-0 { background-color: #630691; }
.bg-purple-0 { background-color: #8a09cb; }
.bg-purple-0 { background-color: #9f0ae9; }
.bg-purple-0 { background-color: #af2ef6; }
.bg-purple-0 { background-color: #bb4ef7; }
.bg-purple-0 { background-color: #c568f9; }
.bg-purple-0 { background-color: #d080fa; }
.bg-purple-0 { background-color: #d996fb; }
.bg-purple-0 { background-color: #e1acfb; }
.bg-purple-0 { background-color: #e9c2fc; }
.bg-teal-0 { background-color: var(--teal-0); }
.bg-teal-1 { background-color: var(--teal-1); }
.bg-teal-2 { background-color: var(--teal-2); }
.bg-teal-3 { background-color: var(--teal-3); }
.bg-teal-4 { background-color: var(--teal-4); }
.bg-teal-5 { background-color: var(--teal-5); }
.bg-teal-6 { background-color: var(--teal-6); }
.bg-teal-7 { background-color: var(--teal-7); }
.bg-teal-8 { background-color: var(--teal-8); }
.bg-teal-9 { background-color: var(--teal-9); }
.bg-teal-10 { background-color: var(--teal-10); }
.bg-pink { background-color: #640233; }
.bg-pink { background-color: #7c033f; }
.bg-pink { background-color: #ae0459; }
.bg-pink { background-color: #c80467; }
.bg-pink { background-color: #e30574; }
.bg-pink { background-color: #fb1d83; }
.bg-pink { background-color: #fe5195; }
.bg-pink { background-color: #ff73a7; }
.bg-pink { background-color: #ff8fba; }
.bg-pink { background-color: #ffa9cc; }
.bg-pink { background-color: #fec1df; }
.bg-cyan-0 { background-color: var(--cyan-0); }
.bg-cyan-1 { background-color: var(--cyan-1); }
.bg-cyan-2 { background-color: var(--cyan-2); }
.bg-cyan-3 { background-color: var(--cyan-3); }
.bg-cyan-4 { background-color: var(--cyan-4); }
.bg-cyan-5 { background-color: var(--cyan-5); }
.bg-cyan-6 { background-color: var(--cyan-6); }
.bg-cyan-7 { background-color: var(--cyan-7); }
.bg-cyan-8 { background-color: var(--cyan-8); }
.bg-cyan-9 { background-color: var(--cyan-9); }
.bg-cyan-10 { background-color: var(--cyan-10); }
.bg-red-0 { background-color: #390408; }
.bg-red-1 { background-color: #520814; }
.bg-red-2 { background-color: #8a1223; }
.bg-red-3 { background-color: #a7172b; }
.bg-red-4 { background-color: #c61d33; }
.bg-red-5 { background-color: #e02e40; }
.bg-red-6 { background-color: #e95459; }
.bg-red-7 { background-color: #f17373; }
.bg-red-8 { background-color: #f68e8f; }
.bg-red-9 { background-color: #faa9ab; }
.bg-red-10 { background-color: #fbc3c8; }
.bg-blue-0 { background-color: var(--blue-0); }
.bg-blue-1 { background-color: var(--blue-1); }
.bg-blue-2 { background-color: var(--blue-2); }
.bg-blue-3 { background-color: var(--blue-3); }
.bg-blue-4 { background-color: var(--blue-4); }
.bg-blue-5 { background-color: var(--blue-5); }
.bg-blue-6 { background-color: var(--blue-6); }
.bg-blue-7 { background-color: var(--blue-7); }
.bg-blue-8 { background-color: var(--blue-8); }
.bg-blue-9 { background-color: var(--blue-9); }
.bg-blue-10 { background-color: var(--blue-10); }
.bg-orange-0 { background-color: #6f2601; }
.bg-orange-1 { background-color: #862e03; }
.bg-orange-2 { background-color: #b73f04; }
.bg-orange-3 { background-color: #d04704; }
.bg-orange-4 { background-color: #ea5003; }
.bg-orange-5 { background-color: #fe6018; }
.bg-orange-6 { background-color: #ff7e45; }
.bg-orange-7 { background-color: #ff9969; }
.bg-orange-8 { background-color: #ffb18b; }
.bg-orange-9 { background-color: #ffc7ac; }
.bg-orange-10 { background-color: #feddcd; }
.bg-indigo-0 { background-color: var(--indigo-0); }
.bg-indigo-1 { background-color: var(--indigo-1); }
.bg-indigo-2 { background-color: var(--indigo-2); }
.bg-indigo-3 { background-color: var(--indigo-3); }
.bg-indigo-4 { background-color: var(--indigo-4); }
.bg-indigo-5 { background-color: var(--indigo-5); }
.bg-indigo-6 { background-color: var(--indigo-6); }
.bg-indigo-7 { background-color: var(--indigo-7); }
.bg-indigo-8 { background-color: var(--indigo-8); }
.bg-indigo-9 { background-color: var(--indigo-9); }
.bg-indigo-10 { background-color: var(--indigo-10); }
.bg-yellow-0 { background-color: #806800; }
.bg-yellow-1 { background-color: #8e7300; }
.bg-yellow-2 { background-color: #aa8a00; }
.bg-yellow-3 { background-color: #b89600; }
.bg-yellow-4 { background-color: #c7a200; }
.bg-yellow-5 { background-color: #d6ae00; }
.bg-yellow-6 { background-color: #e5ba00; }
.bg-yellow-7 { background-color: #f4c700; }
.bg-yellow-8 { background-color: #ffd434; }
.bg-yellow-9 { background-color: #ffe483; }
.bg-yellow-10 { background-color: #fff3bf; }
.bg-purple-0 { background-color: var(--purple-0); }
.bg-purple-1 { background-color: var(--purple-1); }
.bg-purple-2 { background-color: var(--purple-2); }
.bg-purple-3 { background-color: var(--purple-3); }
.bg-purple-4 { background-color: var(--purple-4); }
.bg-purple-5 { background-color: var(--purple-5); }
.bg-purple-6 { background-color: var(--purple-6); }
.bg-purple-7 { background-color: var(--purple-7); }
.bg-purple-8 { background-color: var(--purple-8); }
.bg-purple-9 { background-color: var(--purple-9); }
.bg-purple-10 { background-color: var(--purple-10); }
.bg-pink-0 { background-color: var(--pink-0); }
.bg-pink-1 { background-color: var(--pink-1); }
.bg-pink-2 { background-color: var(--pink-2); }
.bg-pink-3 { background-color: var(--pink-3); }
.bg-pink-4 { background-color: var(--pink-4); }
.bg-pink-5 { background-color: var(--pink-5); }
.bg-pink-6 { background-color: var(--pink-6); }
.bg-pink-7 { background-color: var(--pink-7); }
.bg-pink-8 { background-color: var(--pink-8); }
.bg-pink-9 { background-color: var(--pink-9); }
.bg-pink-10 { background-color: var(--pink-10); }
.bg-red-0 { background-color: var(--red-0); }
.bg-red-1 { background-color: var(--red-1); }
.bg-red-2 { background-color: var(--red-2); }
.bg-red-3 { background-color: var(--red-3); }
.bg-red-4 { background-color: var(--red-4); }
.bg-red-5 { background-color: var(--red-5); }
.bg-red-6 { background-color: var(--red-6); }
.bg-red-7 { background-color: var(--red-7); }
.bg-red-8 { background-color: var(--red-8); }
.bg-red-9 { background-color: var(--red-9); }
.bg-red-10 { background-color: var(--red-10); }
.bg-orange-0 { background-color: var(--orange-0); }
.bg-orange-1 { background-color: var(--orange-1); }
.bg-orange-2 { background-color: var(--orange-2); }
.bg-orange-3 { background-color: var(--orange-3); }
.bg-orange-4 { background-color: var(--orange-4); }
.bg-orange-5 { background-color: var(--orange-5); }
.bg-orange-6 { background-color: var(--orange-6); }
.bg-orange-7 { background-color: var(--orange-7); }
.bg-orange-8 { background-color: var(--orange-8); }
.bg-orange-9 { background-color: var(--orange-9); }
.bg-orange-10 { background-color: var(--orange-10); }
.bg-yellow-0 { background-color: var(--yellow-0); }
.bg-yellow-1 { background-color: var(--yellow-1); }
.bg-yellow-2 { background-color: var(--yellow-2); }
.bg-yellow-3 { background-color: var(--yellow-3); }
.bg-yellow-4 { background-color: var(--yellow-4); }
.bg-yellow-5 { background-color: var(--yellow-5); }
.bg-yellow-6 { background-color: var(--yellow-6); }
.bg-yellow-7 { background-color: var(--yellow-7); }
.bg-yellow-8 { background-color: var(--yellow-8); }
.bg-yellow-9 { background-color: var(--yellow-9); }
.bg-yellow-10 { background-color: var(--yellow-10); }

36
src/_spacing.css
View File

@ -286,7 +286,7 @@ http://tachyons.io/docs/layout/spacing/
.p0-s { padding: var(--spacing-0); }
.p1-s { padding: var(--spacing-1); }
.p2-s { padding: var(--spacing-2); }
.p3-s { padding: var(--spacing-sedium); }
.p3-s { padding: var(--spacing-3); }
.p4-s { padding: var(--spacing-4); }
.p5-s { padding: var(--spacing-5); }
.p6-s { padding: var(--spacing-6); }
@ -295,7 +295,7 @@ http://tachyons.io/docs/layout/spacing/
.pl0-s { padding-left: var(--spacing-0); }
.pl1-s { padding-left: var(--spacing-1); }
.pl2-s { padding-left: var(--spacing-2); }
.pl3-s { padding-left: var(--spacing-sedium); }
.pl3-s { padding-left: var(--spacing-3); }
.pl4-s { padding-left: var(--spacing-4); }
.pl5-s { padding-left: var(--spacing-5); }
.pl6-s { padding-left: var(--spacing-6); }
@ -304,7 +304,7 @@ http://tachyons.io/docs/layout/spacing/
.pr0-s { padding-right: var(--spacing-0); }
.pr1-s { padding-right: var(--spacing-1); }
.pr2-s { padding-right: var(--spacing-2); }
.pr3-s { padding-right: var(--spacing-sedium); }
.pr3-s { padding-right: var(--spacing-3); }
.pr4-s { padding-right: var(--spacing-4); }
.pr5-s { padding-right: var(--spacing-5); }
.pr6-s { padding-right: var(--spacing-6); }
@ -313,7 +313,7 @@ http://tachyons.io/docs/layout/spacing/
.pb0-s { padding-bottom: var(--spacing-0); }
.pb1-s { padding-bottom: var(--spacing-1); }
.pb2-s { padding-bottom: var(--spacing-2); }
.pb3-s { padding-bottom: var(--spacing-sedium); }
.pb3-s { padding-bottom: var(--spacing-3); }
.pb4-s { padding-bottom: var(--spacing-4); }
.pb5-s { padding-bottom: var(--spacing-5); }
.pb6-s { padding-bottom: var(--spacing-6); }
@ -322,7 +322,7 @@ http://tachyons.io/docs/layout/spacing/
.pt0-s { padding-top: var(--spacing-0); }
.pt1-s { padding-top: var(--spacing-1); }
.pt2-s { padding-top: var(--spacing-2); }
.pt3-s { padding-top: var(--spacing-sedium); }
.pt3-s { padding-top: var(--spacing-3); }
.pt4-s { padding-top: var(--spacing-4); }
.pt5-s { padding-top: var(--spacing-5); }
.pt6-s { padding-top: var(--spacing-6); }
@ -341,8 +341,8 @@ http://tachyons.io/docs/layout/spacing/
padding-bottom: var(--spacing-2);
}
.pv3-s {
padding-top: var(--spacing-sedium);
padding-bottom: var(--spacing-sedium);
padding-top: var(--spacing-3);
padding-bottom: var(--spacing-3);
}
.pv4-s {
padding-top: var(--spacing-4);
@ -374,8 +374,8 @@ http://tachyons.io/docs/layout/spacing/
padding-right: var(--spacing-2);
}
.ph3-s {
padding-left: var(--spacing-sedium);
padding-right: var(--spacing-sedium);
padding-left: var(--spacing-3);
padding-right: var(--spacing-3);
}
.ph4-s {
padding-left: var(--spacing-4);
@ -397,7 +397,7 @@ http://tachyons.io/docs/layout/spacing/
.m0-s { margin: var(--spacing-0); }
.m1-s { margin: var(--spacing-1); }
.m2-s { margin: var(--spacing-2); }
.m3-s { margin: var(--spacing-sedium); }
.m3-s { margin: var(--spacing-3); }
.m4-s { margin: var(--spacing-4); }
.m5-s { margin: var(--spacing-5); }
.m6-s { margin: var(--spacing-6); }
@ -406,7 +406,7 @@ http://tachyons.io/docs/layout/spacing/
.ml0-s { margin-left: var(--spacing-0); }
.ml1-s { margin-left: var(--spacing-1); }
.ml2-s { margin-left: var(--spacing-2); }
.ml3-s { margin-left: var(--spacing-sedium); }
.ml3-s { margin-left: var(--spacing-3); }
.ml4-s { margin-left: var(--spacing-4); }
.ml5-s { margin-left: var(--spacing-5); }
.ml6-s { margin-left: var(--spacing-6); }
@ -415,7 +415,7 @@ http://tachyons.io/docs/layout/spacing/
.mr0-s { margin-right: var(--spacing-0); }
.mr1-s { margin-right: var(--spacing-1); }
.mr2-s { margin-right: var(--spacing-2); }
.mr3-s { margin-right: var(--spacing-sedium); }
.mr3-s { margin-right: var(--spacing-3); }
.mr4-s { margin-right: var(--spacing-4); }
.mr5-s { margin-right: var(--spacing-5); }
.mr6-s { margin-right: var(--spacing-6); }
@ -424,7 +424,7 @@ http://tachyons.io/docs/layout/spacing/
.mb0-s { margin-bottom: var(--spacing-0); }
.mb1-s { margin-bottom: var(--spacing-1); }
.mb2-s { margin-bottom: var(--spacing-2); }
.mb3-s { margin-bottom: var(--spacing-sedium); }
.mb3-s { margin-bottom: var(--spacing-3); }
.mb4-s { margin-bottom: var(--spacing-4); }
.mb5-s { margin-bottom: var(--spacing-5); }
.mb6-s { margin-bottom: var(--spacing-6); }
@ -433,7 +433,7 @@ http://tachyons.io/docs/layout/spacing/
.mt0-s { margin-top: var(--spacing-0); }
.mt1-s { margin-top: var(--spacing-1); }
.mt2-s { margin-top: var(--spacing-2); }
.mt3-s { margin-top: var(--spacing-sedium); }
.mt3-s { margin-top: var(--spacing-3); }
.mt4-s { margin-top: var(--spacing-4); }
.mt5-s { margin-top: var(--spacing-5); }
.mt6-s { margin-top: var(--spacing-6); }
@ -452,8 +452,8 @@ http://tachyons.io/docs/layout/spacing/
margin-bottom: var(--spacing-2);
}
.mv3-s {
margin-top: var(--spacing-sedium);
margin-bottom: var(--spacing-sedium);
margin-top: var(--spacing-3);
margin-bottom: var(--spacing-3);
}
.mv4-s {
margin-top: var(--spacing-4);
@ -485,8 +485,8 @@ http://tachyons.io/docs/layout/spacing/
margin-right: var(--spacing-2);
}
.mh3-s {
margin-left: var(--spacing-sedium);
margin-right: var(--spacing-sedium);
margin-left: var(--spacing-3);
margin-right: var(--spacing-3);
}
.mh4-s {
margin-left: var(--spacing-4);