mirror of
https://github.com/tachyons-css/tachyons.git
synced 2026-02-06 11:06:58 +00:00
moves variables to _variables
This commit is contained in:
parent
5d6e56f9a9
commit
b535de2e70
209
src/_skins.css
209
src/_skins.css
@ -1,212 +1,3 @@
|
||||
/*
|
||||
|
||||
Tachyons
|
||||
COLOR VARIABLES
|
||||
|
||||
A balanced color system optimized for accessibility
|
||||
Theme generated with https://components.ai/theme
|
||||
|
||||
The first six steps in each scale are accessible with white
|
||||
|
||||
*/
|
||||
|
||||
:root {
|
||||
|
||||
--overlay-tint-0: hsla(0, 0%, 100%, 0.035);
|
||||
--overlay-tint-1: hsla(0, 0%, 100%, 0.1);
|
||||
--overlay-tint-2: hsla(0, 0%, 100%, 0.19);
|
||||
--overlay-tint-3: hsla(0, 0%, 100%, 0.28);
|
||||
--overlay-tint-4: hsla(0, 0%, 100%, 0.36);
|
||||
--overlay-tint-5: hsla(0, 0%, 100%, 0.45);
|
||||
--overlay-tint-6: hsla(0, 0%, 100%, 0.55);
|
||||
--overlay-tint-7: hsla(0, 0%, 100%, 0.64);
|
||||
--overlay-tint-8: hsla(0, 0%, 100%, 0.73);
|
||||
--overlay-tint-9: hsla(0, 0%, 100%, 0.815);
|
||||
--overlay-tint-10: hsla(0, 0%, 100%, 0.895);
|
||||
--overlay-tint-11: hsla(0, 0%, 100%, 0.94);
|
||||
--overlay-shadow-0: hsla(0, 0%, 0%, 0.94);
|
||||
--overlay-shadow-1: hsla(0, 0%, 0%, 0.895);
|
||||
--overlay-shadow-2: hsla(0, 0%, 0%, 0.815);
|
||||
--overlay-shadow-3: hsla(0, 0%, 0%, 0.73);
|
||||
--overlay-shadow-4: hsla(0, 0%, 0%, 0.64);
|
||||
--overlay-shadow-5: hsla(0, 0%, 0%, 0.55);
|
||||
--overlay-shadow-6: hsla(0, 0%, 0%, 0.45);
|
||||
--overlay-shadow-7: hsla(0, 0%, 0%, 0.36);
|
||||
--overlay-shadow-8: hsla(0, 0%, 0%, 0.28);
|
||||
--overlay-shadow-9: hsla(0, 0%, 0%, 0.19);
|
||||
--overlay-shadow-10: hsla(0, 0%, 0%, 0.1);
|
||||
--overlay-shadow-11: hsla(0, 0%, 0%, 0.035);
|
||||
--gray-0: #000000;
|
||||
--gray-1: #171717;
|
||||
--gray-2: #2f2f2f;
|
||||
--gray-3: #464646;
|
||||
--gray-4: #5e5e5e;
|
||||
--gray-5: #757575;
|
||||
--gray-6: #8c8c8c;
|
||||
--gray-7: #a3a3a3;
|
||||
--gray-8: #bababa;
|
||||
--gray-9: #d1d1d1;
|
||||
--gray-10: #e8e8e8;
|
||||
--gray-11: #ffffff;
|
||||
--slate-gray-0: #09090b;
|
||||
--slate-gray-1: #1d1d22;
|
||||
--slate-gray-2: #313138;
|
||||
--slate-gray-3: #45444f;
|
||||
--slate-gray-4: #595866;
|
||||
--slate-gray-5: #6d6c7d;
|
||||
--slate-gray-6: #838292;
|
||||
--slate-gray-7: #9a9aa7;
|
||||
--slate-gray-8: #b2b1bb;
|
||||
--slate-gray-9: #c9c9d0;
|
||||
--slate-gray-10: #e1e0e4;
|
||||
--slate-gray-11: #f8f8f9;
|
||||
--blue-0: #030b18;
|
||||
--blue-1: #071e3f;
|
||||
--blue-2: #0c3166;
|
||||
--blue-3: #10448d;
|
||||
--blue-4: #1556b4;
|
||||
--blue-5: #1969db;
|
||||
--blue-6: #317fed;
|
||||
--blue-7: #5797f0;
|
||||
--blue-8: #7daef4;
|
||||
--blue-9: #a3c6f7;
|
||||
--blue-10: #c9ddfa;
|
||||
--blue-11: #eff5fe;
|
||||
--indigo-0: #080614;
|
||||
--indigo-1: #19143f;
|
||||
--indigo-2: #2a216a;
|
||||
--indigo-3: #3a2e95;
|
||||
--indigo-4: #4b3bc0;
|
||||
--indigo-5: #5c49eb;
|
||||
--indigo-6: #725fff;
|
||||
--indigo-7: #8c7cff;
|
||||
--indigo-8: #a69aff;
|
||||
--indigo-9: #c0b7ff;
|
||||
--indigo-10: #dad5ff;
|
||||
--indigo-11: #f4f3ff;
|
||||
--violet-0: #110517;
|
||||
--violet-1: #2e0d3e;
|
||||
--violet-2: #4b1465;
|
||||
--violet-3: #681c8c;
|
||||
--violet-4: #8424b3;
|
||||
--violet-5: #a12cda;
|
||||
--violet-6: #b543ec;
|
||||
--violet-7: #c366f0;
|
||||
--violet-8: #d089f3;
|
||||
--violet-9: #deabf7;
|
||||
--violet-10: #eccefa;
|
||||
--violet-11: #f9f0fe;
|
||||
--magenta-0: #13040f;
|
||||
--magenta-1: #350a2c;
|
||||
--magenta-2: #581148;
|
||||
--magenta-3: #7b1765;
|
||||
--magenta-4: #9e1e82;
|
||||
--magenta-5: #c1249e;
|
||||
--magenta-6: #d43cb2;
|
||||
--magenta-7: #dc61c1;
|
||||
--magenta-8: #e485cf;
|
||||
--magenta-9: #eca9dd;
|
||||
--magenta-10: #f4ceec;
|
||||
--magenta-11: #fcf2fa;
|
||||
--red-0: #120205;
|
||||
--red-1: #39050f;
|
||||
--red-2: #5f0819;
|
||||
--red-3: #860b24;
|
||||
--red-4: #ac0e2e;
|
||||
--red-5: #d31138;
|
||||
--red-6: #e7284e;
|
||||
--red-7: #ec506f;
|
||||
--red-8: #f07790;
|
||||
--red-9: #f49fb0;
|
||||
--red-10: #f9c7d1;
|
||||
--red-11: #fdeef1;
|
||||
--red-orange-0: #190b05;
|
||||
--red-orange-1: #3d1307;
|
||||
--red-orange-2: #601b0a;
|
||||
--red-orange-3: #84240c;
|
||||
--red-orange-4: #a72c0e;
|
||||
--red-orange-5: #cb3411;
|
||||
--red-orange-6: #ee3c13;
|
||||
--red-orange-7: #fe562f;
|
||||
--red-orange-8: #fe7d5e;
|
||||
--red-orange-9: #ffa48e;
|
||||
--red-orange-10: #ffccbe;
|
||||
--red-orange-11: #fff3ee;
|
||||
--orange-0: #150d04;
|
||||
--orange-1: #2e1c08;
|
||||
--orange-2: #472a0c;
|
||||
--orange-3: #603910;
|
||||
--orange-4: #794714;
|
||||
--orange-5: #a65d13;
|
||||
--orange-6: #d37413;
|
||||
--orange-7: #ff8a14;
|
||||
--orange-8: #ffa54a;
|
||||
--orange-9: #ffc081;
|
||||
--orange-10: #ffdab7;
|
||||
--orange-11: #fff5ed;
|
||||
--gold-0: #140e05;
|
||||
--gold-1: #2c1f0a;
|
||||
--gold-2: #432f0e;
|
||||
--gold-3: #5b4013;
|
||||
--gold-4: #725118;
|
||||
--gold-5: #946818;
|
||||
--gold-6: #d4950d;
|
||||
--gold-7: #eeb028;
|
||||
--gold-8: #f2c259;
|
||||
--gold-9: #f7d38a;
|
||||
--gold-10: #fbe5bc;
|
||||
--gold-11: #fff5e9;
|
||||
--yellow-0: #111006;
|
||||
--yellow-1: #252405;
|
||||
--yellow-2: #3a3804;
|
||||
--yellow-3: #4e4d03;
|
||||
--yellow-4: #636101;
|
||||
--yellow-5: #777500;
|
||||
--yellow-6: #ccc500;
|
||||
--yellow-7: #fcf433;
|
||||
--yellow-8: #fdf67a;
|
||||
--yellow-9: #fdf89b;
|
||||
--yellow-10: #fef9bb;
|
||||
--yellow-11: #fefadb;
|
||||
--green-0: #091108;
|
||||
--green-1: #0f2611;
|
||||
--green-2: #153c1a;
|
||||
--green-3: #1b5122;
|
||||
--green-4: #21662b;
|
||||
--green-5: #25833a;
|
||||
--green-6: #26b056;
|
||||
--green-7: #35d272;
|
||||
--green-8: #63dd90;
|
||||
--green-9: #90e8ae;
|
||||
--green-10: #bdf3cc;
|
||||
--green-11: #eafeea;
|
||||
--teal-0: #07100c;
|
||||
--teal-1: #0c231a;
|
||||
--teal-2: #113628;
|
||||
--teal-3: #164936;
|
||||
--teal-4: #1b5b45;
|
||||
--teal-5: #177f63;
|
||||
--teal-6: #12a282;
|
||||
--teal-7: #2abb9b;
|
||||
--teal-8: #5acab1;
|
||||
--teal-9: #8bdac7;
|
||||
--teal-10: #bbe9dc;
|
||||
--teal-11: #ecf8f2;
|
||||
--cyan-0: #0a1211;
|
||||
--cyan-1: #102425;
|
||||
--cyan-2: #153639;
|
||||
--cyan-3: #1b484c;
|
||||
--cyan-4: #215a60;
|
||||
--cyan-5: #247981;
|
||||
--cyan-6: #24a9b6;
|
||||
--cyan-7: #28d6e6;
|
||||
--cyan-8: #57e0ec;
|
||||
--cyan-9: #85eaf2;
|
||||
--cyan-10: #b4f5f9;
|
||||
--cyan-11: #e2ffff;
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
SKINS
|
||||
Docs: http://tachyons.io/docs/themes/skins/
|
||||
|
||||
Loading…
Reference in New Issue
Block a user