superfly-css-variables-colors
Version:
2,055 lines (1,042 loc) • 21.4 kB
CSS
/*
* Copyright 2015-2016 Firefly Semantics Corporation
* Copyright 2015-2016 Ole Ersoy
* Copyright 2015-2016 superfly-css
* Copyright 2011-2015 Twitter, Inc.
*/
/*! superfly-css-variables-colors | MIT License | https://github.com/superfly-css/superfly-css-variables-colors/blob/master/LICENSE.md */
/*! bootstrap v4.0.0-alpha | MIT License | https://github.com/twbs/bootstrap/blob/master/LICENSE */
/* =======================================
COLORS
0: Percentages used in color calculations
1: Spectrum of grays
2: Notification colors
3: Global style colors for links, etc.
4: Feedback states
5: Superfly CSS Colors
6: Browser supported color names
7: Three digit color codes
--------------------------------------
-- Naming Conventions --
--------------------------------------
All shared color variables are prefixed with
`color-`.
All percentages are prefixed with
`percentage-`.
--------------------------------------
-- Weighted Color Naming System --
--------------------------------------
The spectrum of colors for grays use the
symbolic number weights
[100, 300, 400, 500, 600, 700, 900].
The notification colors use the symbolic weights
[100, 300, 500, 700, 900].
======================================= */
/* 0 */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/* 7 */
--color-000: #000;
--color-001: #001;
--color-002: #002;
--color-003: #003;
--color-004: #004;
--color-005: #005;
--color-006: #006;
--color-007: #007;
--color-008: #008;
--color-009: #009;
--color-010: #010;
--color-011: #011;
--color-012: #012;
--color-013: #013;
--color-014: #014;
--color-015: #015;
--color-016: #016;
--color-017: #017;
--color-018: #018;
--color-019: #019;
--color-020: #020;
--color-021: #021;
--color-022: #022;
--color-023: #023;
--color-024: #024;
--color-025: #025;
--color-026: #026;
--color-027: #027;
--color-028: #028;
--color-029: #029;
--color-030: #030;
--color-031: #031;
--color-032: #032;
--color-033: #033;
--color-034: #034;
--color-035: #035;
--color-036: #036;
--color-037: #037;
--color-038: #038;
--color-039: #039;
--color-040: #040;
--color-041: #041;
--color-042: #042;
--color-043: #043;
--color-044: #044;
--color-045: #045;
--color-046: #046;
--color-047: #047;
--color-048: #048;
--color-049: #049;
--color-050: #050;
--color-051: #051;
--color-052: #052;
--color-053: #053;
--color-054: #054;
--color-055: #055;
--color-056: #056;
--color-057: #057;
--color-058: #058;
--color-059: #059;
--color-060: #060;
--color-061: #061;
--color-062: #062;
--color-063: #063;
--color-064: #064;
--color-065: #065;
--color-066: #066;
--color-067: #067;
--color-068: #068;
--color-069: #069;
--color-070: #070;
--color-071: #071;
--color-072: #072;
--color-073: #073;
--color-074: #074;
--color-075: #075;
--color-076: #076;
--color-077: #077;
--color-078: #078;
--color-079: #079;
--color-080: #080;
--color-081: #081;
--color-082: #082;
--color-083: #083;
--color-084: #084;
--color-085: #085;
--color-086: #086;
--color-087: #087;
--color-088: #088;
--color-089: #089;
--color-090: #090;
--color-091: #091;
--color-092: #092;
--color-093: #093;
--color-094: #094;
--color-095: #095;
--color-096: #096;
--color-097: #097;
--color-098: #098;
--color-099: #099;
--color-100: #100;
--color-101: #101;
--color-102: #102;
--color-103: #103;
--color-104: #104;
--color-105: #105;
--color-106: #106;
--color-107: #107;
--color-108: #108;
--color-109: #109;
--color-110: #110;
--color-111: #111;
--color-112: #112;
--color-113: #113;
--color-114: #114;
--color-115: #115;
--color-116: #116;
--color-117: #117;
--color-118: #118;
--color-119: #119;
--color-120: #120;
--color-121: #121;
--color-122: #122;
--color-123: #123;
--color-124: #124;
--color-125: #125;
--color-126: #126;
--color-127: #127;
--color-128: #128;
--color-129: #129;
--color-130: #130;
--color-131: #131;
--color-132: #132;
--color-133: #133;
--color-134: #134;
--color-135: #135;
--color-136: #136;
--color-137: #137;
--color-138: #138;
--color-139: #139;
--color-140: #140;
--color-141: #141;
--color-142: #142;
--color-143: #143;
--color-144: #144;
--color-145: #145;
--color-146: #146;
--color-147: #147;
--color-148: #148;
--color-149: #149;
--color-150: #150;
--color-151: #151;
--color-152: #152;
--color-153: #153;
--color-154: #154;
--color-155: #155;
--color-156: #156;
--color-157: #157;
--color-158: #158;
--color-159: #159;
--color-160: #160;
--color-161: #161;
--color-162: #162;
--color-163: #163;
--color-164: #164;
--color-165: #165;
--color-166: #166;
--color-167: #167;
--color-168: #168;
--color-169: #169;
--color-170: #170;
--color-171: #171;
--color-172: #172;
--color-173: #173;
--color-174: #174;
--color-175: #175;
--color-176: #176;
--color-177: #177;
--color-178: #178;
--color-179: #179;
--color-180: #180;
--color-181: #181;
--color-182: #182;
--color-183: #183;
--color-184: #184;
--color-185: #185;
--color-186: #186;
--color-187: #187;
--color-188: #188;
--color-189: #189;
--color-190: #190;
--color-191: #191;
--color-192: #192;
--color-193: #193;
--color-194: #194;
--color-195: #195;
--color-196: #196;
--color-197: #197;
--color-198: #198;
--color-199: #199;
--color-200: #200;
--color-201: #201;
--color-202: #202;
--color-203: #203;
--color-204: #204;
--color-205: #205;
--color-206: #206;
--color-207: #207;
--color-208: #208;
--color-209: #209;
--color-210: #210;
--color-211: #211;
--color-212: #212;
--color-213: #213;
--color-214: #214;
--color-215: #215;
--color-216: #216;
--color-217: #217;
--color-218: #218;
--color-219: #219;
--color-220: #220;
--color-221: #221;
--color-222: #222;
--color-223: #223;
--color-224: #224;
--color-225: #225;
--color-226: #226;
--color-227: #227;
--color-228: #228;
--color-229: #229;
--color-230: #230;
--color-231: #231;
--color-232: #232;
--color-233: #233;
--color-234: #234;
--color-235: #235;
--color-236: #236;
--color-237: #237;
--color-238: #238;
--color-239: #239;
--color-240: #240;
--color-241: #241;
--color-242: #242;
--color-243: #243;
--color-244: #244;
--color-245: #245;
--color-246: #246;
--color-247: #247;
--color-248: #248;
--color-249: #249;
--color-250: #250;
--color-251: #251;
--color-252: #252;
--color-253: #253;
--color-254: #254;
--color-255: #255;
--color-256: #256;
--color-257: #257;
--color-258: #258;
--color-259: #259;
--color-260: #260;
--color-261: #261;
--color-262: #262;
--color-263: #263;
--color-264: #264;
--color-265: #265;
--color-266: #266;
--color-267: #267;
--color-268: #268;
--color-269: #269;
--color-270: #270;
--color-271: #271;
--color-272: #272;
--color-273: #273;
--color-274: #274;
--color-275: #275;
--color-276: #276;
--color-277: #277;
--color-278: #278;
--color-279: #279;
--color-280: #280;
--color-281: #281;
--color-282: #282;
--color-283: #283;
--color-284: #284;
--color-285: #285;
--color-286: #286;
--color-287: #287;
--color-288: #288;
--color-289: #289;
--color-290: #290;
--color-291: #291;
--color-292: #292;
--color-293: #293;
--color-294: #294;
--color-295: #295;
--color-296: #296;
--color-297: #297;
--color-298: #298;
--color-299: #299;
--color-300: #300;
--color-301: #301;
--color-302: #302;
--color-303: #303;
--color-304: #304;
--color-305: #305;
--color-306: #306;
--color-307: #307;
--color-308: #308;
--color-309: #309;
--color-310: #310;
--color-311: #311;
--color-312: #312;
--color-313: #313;
--color-314: #314;
--color-315: #315;
--color-316: #316;
--color-317: #317;
--color-318: #318;
--color-319: #319;
--color-320: #320;
--color-321: #321;
--color-322: #322;
--color-323: #323;
--color-324: #324;
--color-325: #325;
--color-326: #326;
--color-327: #327;
--color-328: #328;
--color-329: #329;
--color-330: #330;
--color-331: #331;
--color-332: #332;
--color-333: #333;
--color-334: #334;
--color-335: #335;
--color-336: #336;
--color-337: #337;
--color-338: #338;
--color-339: #339;
--color-340: #340;
--color-341: #341;
--color-342: #342;
--color-343: #343;
--color-344: #344;
--color-345: #345;
--color-346: #346;
--color-347: #347;
--color-348: #348;
--color-349: #349;
--color-350: #350;
--color-351: #351;
--color-352: #352;
--color-353: #353;
--color-354: #354;
--color-355: #355;
--color-356: #356;
--color-357: #357;
--color-358: #358;
--color-359: #359;
--color-360: #360;
--color-361: #361;
--color-362: #362;
--color-363: #363;
--color-364: #364;
--color-365: #365;
--color-366: #366;
--color-367: #367;
--color-368: #368;
--color-369: #369;
--color-370: #370;
--color-371: #371;
--color-372: #372;
--color-373: #373;
--color-374: #374;
--color-375: #375;
--color-376: #376;
--color-377: #377;
--color-378: #378;
--color-379: #379;
--color-380: #380;
--color-381: #381;
--color-382: #382;
--color-383: #383;
--color-384: #384;
--color-385: #385;
--color-386: #386;
--color-387: #387;
--color-388: #388;
--color-389: #389;
--color-390: #390;
--color-391: #391;
--color-392: #392;
--color-393: #393;
--color-394: #394;
--color-395: #395;
--color-396: #396;
--color-397: #397;
--color-398: #398;
--color-399: #399;
--color-400: #400;
--color-401: #401;
--color-402: #402;
--color-403: #403;
--color-404: #404;
--color-405: #405;
--color-406: #406;
--color-407: #407;
--color-408: #408;
--color-409: #409;
--color-410: #410;
--color-411: #411;
--color-412: #412;
--color-413: #413;
--color-414: #414;
--color-415: #415;
--color-416: #416;
--color-417: #417;
--color-418: #418;
--color-419: #419;
--color-420: #420;
--color-421: #421;
--color-422: #422;
--color-423: #423;
--color-424: #424;
--color-425: #425;
--color-426: #426;
--color-427: #427;
--color-428: #428;
--color-429: #429;
--color-430: #430;
--color-431: #431;
--color-432: #432;
--color-433: #433;
--color-434: #434;
--color-435: #435;
--color-436: #436;
--color-437: #437;
--color-438: #438;
--color-439: #439;
--color-440: #440;
--color-441: #441;
--color-442: #442;
--color-443: #443;
--color-444: #444;
--color-445: #445;
--color-446: #446;
--color-447: #447;
--color-448: #448;
--color-449: #449;
--color-450: #450;
--color-451: #451;
--color-452: #452;
--color-453: #453;
--color-454: #454;
--color-455: #455;
--color-456: #456;
--color-457: #457;
--color-458: #458;
--color-459: #459;
--color-460: #460;
--color-461: #461;
--color-462: #462;
--color-463: #463;
--color-464: #464;
--color-465: #465;
--color-466: #466;
--color-467: #467;
--color-468: #468;
--color-469: #469;
--color-470: #470;
--color-471: #471;
--color-472: #472;
--color-473: #473;
--color-474: #474;
--color-475: #475;
--color-476: #476;
--color-477: #477;
--color-478: #478;
--color-479: #479;
--color-480: #480;
--color-481: #481;
--color-482: #482;
--color-483: #483;
--color-484: #484;
--color-485: #485;
--color-486: #486;
--color-487: #487;
--color-488: #488;
--color-489: #489;
--color-490: #490;
--color-491: #491;
--color-492: #492;
--color-493: #493;
--color-494: #494;
--color-495: #495;
--color-496: #496;
--color-497: #497;
--color-498: #498;
--color-499: #499;
--color-500: #500;
--color-501: #501;
--color-502: #502;
--color-503: #503;
--color-504: #504;
--color-505: #505;
--color-506: #506;
--color-507: #507;
--color-508: #508;
--color-509: #509;
--color-510: #510;
--color-511: #511;
--color-512: #512;
--color-513: #513;
--color-514: #514;
--color-515: #515;
--color-516: #516;
--color-517: #517;
--color-518: #518;
--color-519: #519;
--color-520: #520;
--color-521: #521;
--color-522: #522;
--color-523: #523;
--color-524: #524;
--color-525: #525;
--color-526: #526;
--color-527: #527;
--color-528: #528;
--color-529: #529;
--color-530: #530;
--color-531: #531;
--color-532: #532;
--color-533: #533;
--color-534: #534;
--color-535: #535;
--color-536: #536;
--color-537: #537;
--color-538: #538;
--color-539: #539;
--color-540: #540;
--color-541: #541;
--color-542: #542;
--color-543: #543;
--color-544: #544;
--color-545: #545;
--color-546: #546;
--color-547: #547;
--color-548: #548;
--color-549: #549;
--color-550: #550;
--color-551: #551;
--color-552: #552;
--color-553: #553;
--color-554: #554;
--color-555: #555;
--color-556: #556;
--color-557: #557;
--color-558: #558;
--color-559: #559;
--color-560: #560;
--color-561: #561;
--color-562: #562;
--color-563: #563;
--color-564: #564;
--color-565: #565;
--color-566: #566;
--color-567: #567;
--color-568: #568;
--color-569: #569;
--color-570: #570;
--color-571: #571;
--color-572: #572;
--color-573: #573;
--color-574: #574;
--color-575: #575;
--color-576: #576;
--color-577: #577;
--color-578: #578;
--color-579: #579;
--color-580: #580;
--color-581: #581;
--color-582: #582;
--color-583: #583;
--color-584: #584;
--color-585: #585;
--color-586: #586;
--color-587: #587;
--color-588: #588;
--color-589: #589;
--color-590: #590;
--color-591: #591;
--color-592: #592;
--color-593: #593;
--color-594: #594;
--color-595: #595;
--color-596: #596;
--color-597: #597;
--color-598: #598;
--color-599: #599;
--color-600: #600;
--color-601: #601;
--color-602: #602;
--color-603: #603;
--color-604: #604;
--color-605: #605;
--color-606: #606;
--color-607: #607;
--color-608: #608;
--color-609: #609;
--color-610: #610;
--color-611: #611;
--color-612: #612;
--color-613: #613;
--color-614: #614;
--color-615: #615;
--color-616: #616;
--color-617: #617;
--color-618: #618;
--color-619: #619;
--color-620: #620;
--color-621: #621;
--color-622: #622;
--color-623: #623;
--color-624: #624;
--color-625: #625;
--color-626: #626;
--color-627: #627;
--color-628: #628;
--color-629: #629;
--color-630: #630;
--color-631: #631;
--color-632: #632;
--color-633: #633;
--color-634: #634;
--color-635: #635;
--color-636: #636;
--color-637: #637;
--color-638: #638;
--color-639: #639;
--color-640: #640;
--color-641: #641;
--color-642: #642;
--color-643: #643;
--color-644: #644;
--color-645: #645;
--color-646: #646;
--color-647: #647;
--color-648: #648;
--color-649: #649;
--color-650: #650;
--color-651: #651;
--color-652: #652;
--color-653: #653;
--color-654: #654;
--color-655: #655;
--color-656: #656;
--color-657: #657;
--color-658: #658;
--color-659: #659;
--color-660: #660;
--color-661: #661;
--color-662: #662;
--color-663: #663;
--color-664: #664;
--color-665: #665;
--color-666: #666;
--color-667: #667;
--color-668: #668;
--color-669: #669;
--color-670: #670;
--color-671: #671;
--color-672: #672;
--color-673: #673;
--color-674: #674;
--color-675: #675;
--color-676: #676;
--color-677: #677;
--color-678: #678;
--color-679: #679;
--color-680: #680;
--color-681: #681;
--color-682: #682;
--color-683: #683;
--color-684: #684;
--color-685: #685;
--color-686: #686;
--color-687: #687;
--color-688: #688;
--color-689: #689;
--color-690: #690;
--color-691: #691;
--color-692: #692;
--color-693: #693;
--color-694: #694;
--color-695: #695;
--color-696: #696;
--color-697: #697;
--color-698: #698;
--color-699: #699;
--color-700: #700;
--color-701: #701;
--color-702: #702;
--color-703: #703;
--color-704: #704;
--color-705: #705;
--color-706: #706;
--color-707: #707;
--color-708: #708;
--color-709: #709;
--color-710: #710;
--color-711: #711;
--color-712: #712;
--color-713: #713;
--color-714: #714;
--color-715: #715;
--color-716: #716;
--color-717: #717;
--color-718: #718;
--color-719: #719;
--color-720: #720;
--color-721: #721;
--color-722: #722;
--color-723: #723;
--color-724: #724;
--color-725: #725;
--color-726: #726;
--color-727: #727;
--color-728: #728;
--color-729: #729;
--color-730: #730;
--color-731: #731;
--color-732: #732;
--color-733: #733;
--color-734: #734;
--color-735: #735;
--color-736: #736;
--color-737: #737;
--color-738: #738;
--color-739: #739;
--color-740: #740;
--color-741: #741;
--color-742: #742;
--color-743: #743;
--color-744: #744;
--color-745: #745;
--color-746: #746;
--color-747: #747;
--color-748: #748;
--color-749: #749;
--color-750: #750;
--color-751: #751;
--color-752: #752;
--color-753: #753;
--color-754: #754;
--color-755: #755;
--color-756: #756;
--color-757: #757;
--color-758: #758;
--color-759: #759;
--color-760: #760;
--color-761: #761;
--color-762: #762;
--color-763: #763;
--color-764: #764;
--color-765: #765;
--color-766: #766;
--color-767: #767;
--color-768: #768;
--color-769: #769;
--color-770: #770;
--color-771: #771;
--color-772: #772;
--color-773: #773;
--color-774: #774;
--color-775: #775;
--color-776: #776;
--color-777: #777;
--color-778: #778;
--color-779: #779;
--color-780: #780;
--color-781: #781;
--color-782: #782;
--color-783: #783;
--color-784: #784;
--color-785: #785;
--color-786: #786;
--color-787: #787;
--color-788: #788;
--color-789: #789;
--color-790: #790;
--color-791: #791;
--color-792: #792;
--color-793: #793;
--color-794: #794;
--color-795: #795;
--color-796: #796;
--color-797: #797;
--color-798: #798;
--color-799: #799;
--color-800: #800;
--color-801: #801;
--color-802: #802;
--color-803: #803;
--color-804: #804;
--color-805: #805;
--color-806: #806;
--color-807: #807;
--color-808: #808;
--color-809: #809;
--color-810: #810;
--color-811: #811;
--color-812: #812;
--color-813: #813;
--color-814: #814;
--color-815: #815;
--color-816: #816;
--color-817: #817;
--color-818: #818;
--color-819: #819;
--color-820: #820;
--color-821: #821;
--color-822: #822;
--color-823: #823;
--color-824: #824;
--color-825: #825;
--color-826: #826;
--color-827: #827;
--color-828: #828;
--color-829: #829;
--color-830: #830;
--color-831: #831;
--color-832: #832;
--color-833: #833;
--color-834: #834;
--color-835: #835;
--color-836: #836;
--color-837: #837;
--color-838: #838;
--color-839: #839;
--color-840: #840;
--color-841: #841;
--color-842: #842;
--color-843: #843;
--color-844: #844;
--color-845: #845;
--color-846: #846;
--color-847: #847;
--color-848: #848;
--color-849: #849;
--color-850: #850;
--color-851: #851;
--color-852: #852;
--color-853: #853;
--color-854: #854;
--color-855: #855;
--color-856: #856;
--color-857: #857;
--color-858: #858;
--color-859: #859;
--color-860: #860;
--color-861: #861;
--color-862: #862;
--color-863: #863;
--color-864: #864;
--color-865: #865;
--color-866: #866;
--color-867: #867;
--color-868: #868;
--color-869: #869;
--color-870: #870;
--color-871: #871;
--color-872: #872;
--color-873: #873;
--color-874: #874;
--color-875: #875;
--color-876: #876;
--color-877: #877;
--color-878: #878;
--color-879: #879;
--color-880: #880;
--color-881: #881;
--color-882: #882;
--color-883: #883;
--color-884: #884;
--color-885: #885;
--color-886: #886;
--color-887: #887;
--color-888: #888;
--color-889: #889;
--color-890: #890;
--color-891: #891;
--color-892: #892;
--color-893: #893;
--color-894: #894;
--color-895: #895;
--color-896: #896;
--color-897: #897;
--color-898: #898;
--color-899: #899;
--color-900: #900;
--color-901: #901;
--color-902: #902;
--color-903: #903;
--color-904: #904;
--color-905: #905;
--color-906: #906;
--color-907: #907;
--color-908: #908;
--color-909: #909;
--color-910: #910;
--color-911: #911;
--color-912: #912;
--color-913: #913;
--color-914: #914;
--color-915: #915;
--color-916: #916;
--color-917: #917;
--color-918: #918;
--color-919: #919;
--color-920: #920;
--color-921: #921;
--color-922: #922;
--color-923: #923;
--color-924: #924;
--color-925: #925;
--color-926: #926;
--color-927: #927;
--color-928: #928;
--color-929: #929;
--color-930: #930;
--color-931: #931;
--color-932: #932;
--color-933: #933;
--color-934: #934;
--color-935: #935;
--color-936: #936;
--color-937: #937;
--color-938: #938;
--color-939: #939;
--color-940: #940;
--color-941: #941;
--color-942: #942;
--color-943: #943;
--color-944: #944;
--color-945: #945;
--color-946: #946;
--color-947: #947;
--color-948: #948;
--color-949: #949;
--color-950: #950;
--color-951: #951;
--color-952: #952;
--color-953: #953;
--color-954: #954;
--color-955: #955;
--color-956: #956;
--color-957: #957;
--color-958: #958;
--color-959: #959;
--color-960: #960;
--color-961: #961;
--color-962: #962;
--color-963: #963;
--color-964: #964;
--color-965: #965;
--color-966: #966;
--color-967: #967;
--color-968: #968;
--color-969: #969;
--color-970: #970;
--color-971: #971;
--color-972: #972;
--color-973: #973;
--color-974: #974;
--color-975: #975;
--color-976: #976;
--color-977: #977;
--color-978: #978;
--color-979: #979;
--color-980: #980;
--color-981: #981;
--color-982: #982;
--color-983: #983;
--color-984: #984;
--color-985: #985;
--color-986: #986;
--color-987: #987;
--color-988: #988;
--color-989: #989;
--color-990: #990;
--color-991: #991;
--color-992: #992;
--color-993: #993;
--color-994: #994;
--color-995: #995;
--color-996: #996;
--color-997: #997;
--color-998: #998;
--color-999: #999