vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Solve conflicts

old
Javi Velasco 2015-11-21 13:02:46 +01:00
parent 80dfc65815 6d4ae47168
commit e8325e5122
26 changed files with 374 additions and 646 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

822
components/_colors.scss
View File

@ -1,571 +1,299 @@
//-- Color definitions taken from Material Design Lite
$palette-red:
"255,235,238"
"255,205,210"
"239,154,154"
"229,115,115"
"239,83,80"
"244,67,54"
"229,57,53"
"211,47,47"
"198,40,40"
"183,28,28"
"255,138,128"
"255,82,82"
"255,23,68"
"213,0,0";
$palette-red-50: nth($palette-red, 1);
$palette-red-100: nth($palette-red, 2);
$palette-red-200: nth($palette-red, 3);
$palette-red-300: nth($palette-red, 4);
$palette-red-400: nth($palette-red, 5);
$palette-red-500: nth($palette-red, 6);
$palette-red-600: nth($palette-red, 7);
$palette-red-700: nth($palette-red, 8);
$palette-red-800: nth($palette-red, 9);
$palette-red-900: nth($palette-red, 10);
$palette-red-a100: nth($palette-red, 11);
$palette-red-a200: nth($palette-red, 12);
$palette-red-a400: nth($palette-red, 13);
$palette-red-a700: nth($palette-red, 14);
// Red
$palette-red-50: rgb(255,235,238);
$palette-red-100: rgb(255,205,210);
$palette-red-200: rgb(239,154,154);
$palette-red-300: rgb(229,115,115);
$palette-red-400: rgb(239,83,80);
$palette-red-500: rgb(244,67,54);
$palette-red-600: rgb(229,57,53);
$palette-red-700: rgb(211,47,47);
$palette-red-800: rgb(198,40,40);
$palette-red-900: rgb(183,28,28);
$palette-red-a100: rgb(255,138,128);
$palette-red-a200: rgb(255,82,82);
$palette-red-a400: rgb(255,23,68);
$palette-red-a700: rgb(213,0,0);
$palette-pink:
"252,228,236"
"248,187,208"
"244,143,177"
"240,98,146"
"236,64,122"
"233,30,99"
"216,27,96"
"194,24,91"
"173,20,87"
"136,14,79"
"255,128,171"
"255,64,129"
"245,0,87"
"197,17,98";
// Pink
$palette-pink-50: rgb(252,228,236);
$palette-pink-100: rgb(248,187,208);
$palette-pink-200: rgb(244,143,177);
$palette-pink-300: rgb(240,98,146);
$palette-pink-400: rgb(236,64,122);
$palette-pink-500: rgb(233,30,99);
$palette-pink-600: rgb(216,27,96);
$palette-pink-700: rgb(194,24,91);
$palette-pink-800: rgb(173,20,87);
$palette-pink-900: rgb(136,14,79);
$palette-pink-a100: rgb(255,128,171);
$palette-pink-a200: rgb(255,64,129);
$palette-pink-a400: rgb(245,0,87);
$palette-pink-a700: rgb(197,17,98);
$palette-pink-50: nth($palette-pink, 1);
$palette-pink-100: nth($palette-pink, 2);
$palette-pink-200: nth($palette-pink, 3);
$palette-pink-300: nth($palette-pink, 4);
$palette-pink-400: nth($palette-pink, 5);
$palette-pink-500: nth($palette-pink, 6);
$palette-pink-600: nth($palette-pink, 7);
$palette-pink-700: nth($palette-pink, 8);
$palette-pink-800: nth($palette-pink, 9);
$palette-pink-900: nth($palette-pink, 10);
$palette-pink-a100: nth($palette-pink, 11);
$palette-pink-a200: nth($palette-pink, 12);
$palette-pink-a400: nth($palette-pink, 13);
$palette-pink-a700: nth($palette-pink, 14);
// Purple
$palette-purple-50: rgb(243,229,245);
$palette-purple-100: rgb(225,190,231);
$palette-purple-200: rgb(206,147,216);
$palette-purple-300: rgb(186,104,200);
$palette-purple-400: rgb(171,71,188);
$palette-purple-500: rgb(156,39,176);
$palette-purple-600: rgb(142,36,170);
$palette-purple-700: rgb(123,31,162);
$palette-purple-800: rgb(106,27,154);
$palette-purple-900: rgb(74,20,140);
$palette-purple-a100: rgb(234,128,252);
$palette-purple-a200: rgb(224,64,251);
$palette-purple-a400: rgb(213,0,249);
$palette-purple-a700: rgb(170,0,255);
$palette-purple:
"243,229,245"
"225,190,231"
"206,147,216"
"186,104,200"
"171,71,188"
"156,39,176"
"142,36,170"
"123,31,162"
"106,27,154"
"74,20,140"
"234,128,252"
"224,64,251"
"213,0,249"
"170,0,255";
//Deep Purple
$palette-deep-purple-50: rgb(237,231,246);
$palette-deep-purple-100: rgb(209,196,233);
$palette-deep-purple-200: rgb(179,157,219);
$palette-deep-purple-300: rgb(149,117,205);
$palette-deep-purple-400: rgb(126,87,194);
$palette-deep-purple-500: rgb(103,58,183);
$palette-deep-purple-600: rgb(94,53,177);
$palette-deep-purple-700: rgb(81,45,168);
$palette-deep-purple-800: rgb(69,39,160);
$palette-deep-purple-900: rgb(49,27,146);
$palette-deep-purple-a100: rgb(179,136,255);
$palette-deep-purple-a200: rgb(124,77,255);
$palette-deep-purple-a400: rgb(101,31,255);
$palette-deep-purple-a700: rgb(98,0,234);
$palette-purple-50: nth($palette-purple, 1);
$palette-purple-100: nth($palette-purple, 2);
$palette-purple-200: nth($palette-purple, 3);
$palette-purple-300: nth($palette-purple, 4);
$palette-purple-400: nth($palette-purple, 5);
$palette-purple-500: nth($palette-purple, 6);
$palette-purple-600: nth($palette-purple, 7);
$palette-purple-700: nth($palette-purple, 8);
$palette-purple-800: nth($palette-purple, 9);
$palette-purple-900: nth($palette-purple, 10);
$palette-purple-a100: nth($palette-purple, 11);
$palette-purple-a200: nth($palette-purple, 12);
$palette-purple-a400: nth($palette-purple, 13);
$palette-purple-a700: nth($palette-purple, 14);
// Indigo
$palette-indigo-50: rgb(232,234,246);
$palette-indigo-100: rgb(197,202,233);
$palette-indigo-200: rgb(159,168,218);
$palette-indigo-300: rgb(121,134,203);
$palette-indigo-400: rgb(92,107,192);
$palette-indigo-500: rgb(63,81,181);
$palette-indigo-600: rgb(57,73,171);
$palette-indigo-700: rgb(48,63,159);
$palette-indigo-800: rgb(40,53,147);
$palette-indigo-900: rgb(26,35,126);
$palette-indigo-a100: rgb(140,158,255);
$palette-indigo-a200: rgb(83,109,254);
$palette-indigo-a400: rgb(61,90,254);
$palette-indigo-a700: rgb(48,79,254);
$palette-deep-purple:
"237,231,246"
"209,196,233"
"179,157,219"
"149,117,205"
"126,87,194"
"103,58,183"
"94,53,177"
"81,45,168"
"69,39,160"
"49,27,146"
"179,136,255"
"124,77,255"
"101,31,255"
"98,0,234";
// Blue
$palette-blue-50: rgb(227,242,253);
$palette-blue-100: rgb(187,222,251);
$palette-blue-200: rgb(144,202,249);
$palette-blue-300: rgb(100,181,246);
$palette-blue-400: rgb(66,165,245);
$palette-blue-500: rgb(33,150,243);
$palette-blue-600: rgb(30,136,229);
$palette-blue-700: rgb(25,118,210);
$palette-blue-800: rgb(21,101,192);
$palette-blue-900: rgb(13,71,161);
$palette-blue-a100: rgb(130,177,255);
$palette-blue-a200: rgb(68,138,255);
$palette-blue-a400: rgb(41,121,255);
$palette-blue-a700: rgb(41,98,255);
$palette-deep-purple-50: nth($palette-deep-purple, 1);
$palette-deep-purple-100: nth($palette-deep-purple, 2);
$palette-deep-purple-200: nth($palette-deep-purple, 3);
$palette-deep-purple-300: nth($palette-deep-purple, 4);
$palette-deep-purple-400: nth($palette-deep-purple, 5);
$palette-deep-purple-500: nth($palette-deep-purple, 6);
$palette-deep-purple-600: nth($palette-deep-purple, 7);
$palette-deep-purple-700: nth($palette-deep-purple, 8);
$palette-deep-purple-800: nth($palette-deep-purple, 9);
$palette-deep-purple-900: nth($palette-deep-purple, 10);
$palette-deep-purple-a100: nth($palette-deep-purple, 11);
$palette-deep-purple-a200: nth($palette-deep-purple, 12);
$palette-deep-purple-a400: nth($palette-deep-purple, 13);
$palette-deep-purple-a700: nth($palette-deep-purple, 14);
// Light Blue
$palette-light-blue-50: rgb(225,245,254);
$palette-light-blue-100: rgb(179,229,252);
$palette-light-blue-200: rgb(129,212,250);
$palette-light-blue-300: rgb(79,195,247);
$palette-light-blue-400: rgb(41,182,246);
$palette-light-blue-500: rgb(3,169,244);
$palette-light-blue-600: rgb(3,155,229);
$palette-light-blue-700: rgb(2,136,209);
$palette-light-blue-800: rgb(2,119,189);
$palette-light-blue-900: rgb(1,87,155);
$palette-light-blue-a100: rgb(128,216,255);
$palette-light-blue-a200: rgb(64,196,255);
$palette-light-blue-a400: rgb(0,176,255);
$palette-light-blue-a700: rgb(0,145,234);
$palette-indigo:
"232,234,246"
"197,202,233"
"159,168,218"
"121,134,203"
"92,107,192"
"63,81,181"
"57,73,171"
"48,63,159"
"40,53,147"
"26,35,126"
"140,158,255"
"83,109,254"
"61,90,254"
"48,79,254";
// Cyan
$palette-cyan-50: rgb(224,247,250);
$palette-cyan-100: rgb(178,235,242);
$palette-cyan-200: rgb(128,222,234);
$palette-cyan-300: rgb(77,208,225);
$palette-cyan-400: rgb(38,198,218);
$palette-cyan-500: rgb(0,188,212);
$palette-cyan-600: rgb(0,172,193);
$palette-cyan-700: rgb(0,151,167);
$palette-cyan-800: rgb(0,131,143);
$palette-cyan-900: rgb(0,96,100);
$palette-cyan-a100: rgb(132,255,255);
$palette-cyan-a200: rgb(24,255,255);
$palette-cyan-a400: rgb(0,229,255);
$palette-cyan-a700: rgb(0,184,212);
$palette-indigo-50: nth($palette-indigo, 1);
$palette-indigo-100: nth($palette-indigo, 2);
$palette-indigo-200: nth($palette-indigo, 3);
$palette-indigo-300: nth($palette-indigo, 4);
$palette-indigo-400: nth($palette-indigo, 5);
$palette-indigo-500: nth($palette-indigo, 6);
$palette-indigo-600: nth($palette-indigo, 7);
$palette-indigo-700: nth($palette-indigo, 8);
$palette-indigo-800: nth($palette-indigo, 9);
$palette-indigo-900: nth($palette-indigo, 10);
$palette-indigo-a100: nth($palette-indigo, 11);
$palette-indigo-a200: nth($palette-indigo, 12);
$palette-indigo-a400: nth($palette-indigo, 13);
$palette-indigo-a700: nth($palette-indigo, 14);
// Teal
$palette-teal-50: rgb(224,242,241);
$palette-teal-100: rgb(178,223,219);
$palette-teal-200: rgb(128,203,196);
$palette-teal-300: rgb(77,182,172);
$palette-teal-400: rgb(38,166,154);
$palette-teal-500: rgb(0,150,136);
$palette-teal-600: rgb(0,137,123);
$palette-teal-700: rgb(0,121,107);
$palette-teal-800: rgb(0,105,92);
$palette-teal-900: rgb(0,77,64);
$palette-teal-a100: rgb(167,255,235);
$palette-teal-a200: rgb(100,255,218);
$palette-teal-a400: rgb(29,233,182);
$palette-teal-a700: rgb(0,191,165);
$palette-blue:
"227,242,253"
"187,222,251"
"144,202,249"
"100,181,246"
"66,165,245"
"33,150,243"
"30,136,229"
"25,118,210"
"21,101,192"
"13,71,161"
"130,177,255"
"68,138,255"
"41,121,255"
"41,98,255";
// Green
$palette-green-50: rgb(232,245,233);
$palette-green-100: rgb(200,230,201);
$palette-green-200: rgb(165,214,167);
$palette-green-300: rgb(129,199,132);
$palette-green-400: rgb(102,187,106);
$palette-green-500: rgb(76,175,80);
$palette-green-600: rgb(67,160,71);
$palette-green-700: rgb(56,142,60);
$palette-green-800: rgb(46,125,50);
$palette-green-900: rgb(27,94,32);
$palette-green-a100: rgb(185,246,202);
$palette-green-a200: rgb(105,240,174);
$palette-green-a400: rgb(0,230,118);
$palette-green-a700: rgb(0,200,83);
$palette-blue-50: nth($palette-blue, 1);
$palette-blue-100: nth($palette-blue, 2);
$palette-blue-200: nth($palette-blue, 3);
$palette-blue-300: nth($palette-blue, 4);
$palette-blue-400: nth($palette-blue, 5);
$palette-blue-500: nth($palette-blue, 6);
$palette-blue-600: nth($palette-blue, 7);
$palette-blue-700: nth($palette-blue, 8);
$palette-blue-800: nth($palette-blue, 9);
$palette-blue-900: nth($palette-blue, 10);
$palette-blue-a100: nth($palette-blue, 11);
$palette-blue-a200: nth($palette-blue, 12);
$palette-blue-a400: nth($palette-blue, 13);
$palette-blue-a700: nth($palette-blue, 14);
// Green
$palette-light-green-50: rgb(241,248,233);
$palette-light-green-100: rgb(220,237,200);
$palette-light-green-200: rgb(197,225,165);
$palette-light-green-300: rgb(174,213,129);
$palette-light-green-400: rgb(156,204,101);
$palette-light-green-500: rgb(139,195,74);
$palette-light-green-600: rgb(124,179,66);
$palette-light-green-700: rgb(104,159,56);
$palette-light-green-800: rgb(85,139,47);
$palette-light-green-900: rgb(51,105,30);
$palette-light-green-a100: rgb(204,255,144);
$palette-light-green-a200: rgb(178,255,89);
$palette-light-green-a400: rgb(118,255,3);
$palette-light-green-a700: rgb(100,221,23);
$palette-light-blue:
"225,245,254"
"179,229,252"
"129,212,250"
"79,195,247"
"41,182,246"
"3,169,244"
"3,155,229"
"2,136,209"
"2,119,189"
"1,87,155"
"128,216,255"
"64,196,255"
"0,176,255"
"0,145,234";
// Lime
$palette-lime-50: rgb(249,251,231);
$palette-lime-100: rgb(240,244,195);
$palette-lime-200: rgb(230,238,156);
$palette-lime-300: rgb(220,231,117);
$palette-lime-400: rgb(212,225,87);
$palette-lime-500: rgb(205,220,57);
$palette-lime-600: rgb(192,202,51);
$palette-lime-700: rgb(175,180,43);
$palette-lime-800: rgb(158,157,36);
$palette-lime-900: rgb(130,119,23);
$palette-lime-a100: rgb(244,255,129);
$palette-lime-a200: rgb(238,255,65);
$palette-lime-a400: rgb(198,255,0);
$palette-lime-a700: rgb(174,234,0);
$palette-light-blue-50: nth($palette-light-blue, 1);
$palette-light-blue-100: nth($palette-light-blue, 2);
$palette-light-blue-200: nth($palette-light-blue, 3);
$palette-light-blue-300: nth($palette-light-blue, 4);
$palette-light-blue-400: nth($palette-light-blue, 5);
$palette-light-blue-500: nth($palette-light-blue, 6);
$palette-light-blue-600: nth($palette-light-blue, 7);
$palette-light-blue-700: nth($palette-light-blue, 8);
$palette-light-blue-800: nth($palette-light-blue, 9);
$palette-light-blue-900: nth($palette-light-blue, 10);
$palette-light-blue-a100: nth($palette-light-blue, 11);
$palette-light-blue-a200: nth($palette-light-blue, 12);
$palette-light-blue-a400: nth($palette-light-blue, 13);
$palette-light-blue-a700: nth($palette-light-blue, 14);
// Yellow
$palette-yellow-50: rgb(255,253,231);
$palette-yellow-100: rgb(255,249,196);
$palette-yellow-200: rgb(255,245,157);
$palette-yellow-300: rgb(255,241,118);
$palette-yellow-400: rgb(255,238,88);
$palette-yellow-500: rgb(255,235,59);
$palette-yellow-600: rgb(253,216,53);
$palette-yellow-700: rgb(251,192,45);
$palette-yellow-800: rgb(249,168,37);
$palette-yellow-900: rgb(245,127,23);
$palette-yellow-a100: rgb(255,255,141);
$palette-yellow-a200: rgb(255,255,0);
$palette-yellow-a400: rgb(255,234,0);
$palette-yellow-a700: rgb(255,214,0);
$palette-cyan:
"224,247,250"
"178,235,242"
"128,222,234"
"77,208,225"
"38,198,218"
"0,188,212"
"0,172,193"
"0,151,167"
"0,131,143"
"0,96,100"
"132,255,255"
"24,255,255"
"0,229,255"
"0,184,212";
// Amber
$palette-amber-50: rgb(255,248,225);
$palette-amber-100: rgb(255,236,179);
$palette-amber-200: rgb(255,224,130);
$palette-amber-300: rgb(255,213,79);
$palette-amber-400: rgb(255,202,40);
$palette-amber-500: rgb(255,193,7);
$palette-amber-600: rgb(255,179,0);
$palette-amber-700: rgb(255,160,0);
$palette-amber-800: rgb(255,143,0);
$palette-amber-900: rgb(255,111,0);
$palette-amber-a100: rgb(255,229,127);
$palette-amber-a200: rgb(255,215,64);
$palette-amber-a400: rgb(255,196,0);
$palette-amber-a700: rgb(255,171,0);
$palette-cyan-50: nth($palette-cyan, 1);
$palette-cyan-100: nth($palette-cyan, 2);
$palette-cyan-200: nth($palette-cyan, 3);
$palette-cyan-300: nth($palette-cyan, 4);
$palette-cyan-400: nth($palette-cyan, 5);
$palette-cyan-500: nth($palette-cyan, 6);
$palette-cyan-600: nth($palette-cyan, 7);
$palette-cyan-700: nth($palette-cyan, 8);
$palette-cyan-800: nth($palette-cyan, 9);
$palette-cyan-900: nth($palette-cyan, 10);
$palette-cyan-a100: nth($palette-cyan, 11);
$palette-cyan-a200: nth($palette-cyan, 12);
$palette-cyan-a400: nth($palette-cyan, 13);
$palette-cyan-a700: nth($palette-cyan, 14);
// Orange
$palette-orange-50: rgb(255,243,224);
$palette-orange-100: rgb(255,224,178);
$palette-orange-200: rgb(255,204,128);
$palette-orange-300: rgb(255,183,77);
$palette-orange-400: rgb(255,167,38);
$palette-orange-500: rgb(255,152,0);
$palette-orange-600: rgb(251,140,0);
$palette-orange-700: rgb(245,124,0);
$palette-orange-800: rgb(239,108,0);
$palette-orange-900: rgb(230,81,0);
$palette-orange-a100: rgb(255,209,128);
$palette-orange-a200: rgb(255,171,64);
$palette-orange-a400: rgb(255,145,0);
$palette-orange-a700: rgb(255,109,0);
$palette-teal:
"224,242,241"
"178,223,219"
"128,203,196"
"77,182,172"
"38,166,154"
"0,150,136"
"0,137,123"
"0,121,107"
"0,105,92"
"0,77,64"
"167,255,235"
"100,255,218"
"29,233,182"
"0,191,165";
// Deep Orange
$palette-deep-orange-50: rgb(251,233,231);
$palette-deep-orange-100: rgb(255,204,188);
$palette-deep-orange-200: rgb(255,171,145);
$palette-deep-orange-300: rgb(255,138,101);
$palette-deep-orange-400: rgb(255,112,67);
$palette-deep-orange-500: rgb(255,87,34);
$palette-deep-orange-600: rgb(244,81,30);
$palette-deep-orange-700: rgb(230,74,25);
$palette-deep-orange-800: rgb(216,67,21);
$palette-deep-orange-900: rgb(191,54,12);
$palette-deep-orange-a100: rgb(255,158,128);
$palette-deep-orange-a200: rgb(255,110,64);
$palette-deep-orange-a400: rgb(255,61,0);
$palette-deep-orange-a700: rgb(221,44,0);
$palette-teal-50: nth($palette-teal, 1);
$palette-teal-100: nth($palette-teal, 2);
$palette-teal-200: nth($palette-teal, 3);
$palette-teal-300: nth($palette-teal, 4);
$palette-teal-400: nth($palette-teal, 5);
$palette-teal-500: nth($palette-teal, 6);
$palette-teal-600: nth($palette-teal, 7);
$palette-teal-700: nth($palette-teal, 8);
$palette-teal-800: nth($palette-teal, 9);
$palette-teal-900: nth($palette-teal, 10);
$palette-teal-a100: nth($palette-teal, 11);
$palette-teal-a200: nth($palette-teal, 12);
$palette-teal-a400: nth($palette-teal, 13);
$palette-teal-a700: nth($palette-teal, 14);
// Brown
$palette-brown-50: rgb(239,235,233);
$palette-brown-100: rgb(215,204,200);
$palette-brown-200: rgb(188,170,164);
$palette-brown-300: rgb(161,136,127);
$palette-brown-400: rgb(141,110,99);
$palette-brown-500: rgb(121,85,72);
$palette-brown-600: rgb(109,76,65);
$palette-brown-700: rgb(93,64,55);
$palette-brown-800: rgb(78,52,46);
$palette-brown-900: rgb(62,39,35);
$palette-green:
"232,245,233"
"200,230,201"
"165,214,167"
"129,199,132"
"102,187,106"
"76,175,80"
"67,160,71"
"56,142,60"
"46,125,50"
"27,94,32"
"185,246,202"
"105,240,174"
"0,230,118"
"0,200,83";
// Grey
$palette-grey-50: rgb(250,250,250);
$palette-grey-100: rgb(245,245,245);
$palette-grey-200: rgb(238,238,238);
$palette-grey-300: rgb(224,224,224);
$palette-grey-400: rgb(189,189,189);
$palette-grey-500: rgb(158,158,158);
$palette-grey-600: rgb(117,117,117);
$palette-grey-700: rgb(97,97,97);
$palette-grey-800: rgb(66,66,66);
$palette-grey-900: rgb(33,33,33);
$palette-green-50: nth($palette-green, 1);
$palette-green-100: nth($palette-green, 2);
$palette-green-200: nth($palette-green, 3);
$palette-green-300: nth($palette-green, 4);
$palette-green-400: nth($palette-green, 5);
$palette-green-500: nth($palette-green, 6);
$palette-green-600: nth($palette-green, 7);
$palette-green-700: nth($palette-green, 8);
$palette-green-800: nth($palette-green, 9);
$palette-green-900: nth($palette-green, 10);
$palette-green-a100: nth($palette-green, 11);
$palette-green-a200: nth($palette-green, 12);
$palette-green-a400: nth($palette-green, 13);
$palette-green-a700: nth($palette-green, 14);
// Blue Grey
$palette-blue-grey-50: rgb(236,239,241);
$palette-blue-grey-100: rgb(207,216,220);
$palette-blue-grey-200: rgb(176,190,197);
$palette-blue-grey-300: rgb(144,164,174);
$palette-blue-grey-400: rgb(120,144,156);
$palette-blue-grey-500: rgb(96,125,139);
$palette-blue-grey-600: rgb(84,110,122);
$palette-blue-grey-700: rgb(69,90,100);
$palette-blue-grey-800: rgb(55,71,79);
$palette-blue-grey-900: rgb(38,50,56);
$palette-light-green:
"241,248,233"
"220,237,200"
"197,225,165"
"174,213,129"
"156,204,101"
"139,195,74"
"124,179,66"
"104,159,56"
"85,139,47"
"51,105,30"
"204,255,144"
"178,255,89"
"118,255,3"
"100,221,23";
$palette-light-green-50: nth($palette-light-green, 1);
$palette-light-green-100: nth($palette-light-green, 2);
$palette-light-green-200: nth($palette-light-green, 3);
$palette-light-green-300: nth($palette-light-green, 4);
$palette-light-green-400: nth($palette-light-green, 5);
$palette-light-green-500: nth($palette-light-green, 6);
$palette-light-green-600: nth($palette-light-green, 7);
$palette-light-green-700: nth($palette-light-green, 8);
$palette-light-green-800: nth($palette-light-green, 9);
$palette-light-green-900: nth($palette-light-green, 10);
$palette-light-green-a100: nth($palette-light-green, 11);
$palette-light-green-a200: nth($palette-light-green, 12);
$palette-light-green-a400: nth($palette-light-green, 13);
$palette-light-green-a700: nth($palette-light-green, 14);
$palette-lime:
"249,251,231"
"240,244,195"
"230,238,156"
"220,231,117"
"212,225,87"
"205,220,57"
"192,202,51"
"175,180,43"
"158,157,36"
"130,119,23"
"244,255,129"
"238,255,65"
"198,255,0"
"174,234,0";
$palette-lime-50: nth($palette-lime, 1);
$palette-lime-100: nth($palette-lime, 2);
$palette-lime-200: nth($palette-lime, 3);
$palette-lime-300: nth($palette-lime, 4);
$palette-lime-400: nth($palette-lime, 5);
$palette-lime-500: nth($palette-lime, 6);
$palette-lime-600: nth($palette-lime, 7);
$palette-lime-700: nth($palette-lime, 8);
$palette-lime-800: nth($palette-lime, 9);
$palette-lime-900: nth($palette-lime, 10);
$palette-lime-a100: nth($palette-lime, 11);
$palette-lime-a200: nth($palette-lime, 12);
$palette-lime-a400: nth($palette-lime, 13);
$palette-lime-a700: nth($palette-lime, 14);
$palette-yellow:
"255,253,231"
"255,249,196"
"255,245,157"
"255,241,118"
"255,238,88"
"255,235,59"
"253,216,53"
"251,192,45"
"249,168,37"
"245,127,23"
"255,255,141"
"255,255,0"
"255,234,0"
"255,214,0";
$palette-yellow-50: nth($palette-yellow, 1);
$palette-yellow-100: nth($palette-yellow, 2);
$palette-yellow-200: nth($palette-yellow, 3);
$palette-yellow-300: nth($palette-yellow, 4);
$palette-yellow-400: nth($palette-yellow, 5);
$palette-yellow-500: nth($palette-yellow, 6);
$palette-yellow-600: nth($palette-yellow, 7);
$palette-yellow-700: nth($palette-yellow, 8);
$palette-yellow-800: nth($palette-yellow, 9);
$palette-yellow-900: nth($palette-yellow, 10);
$palette-yellow-a100: nth($palette-yellow, 11);
$palette-yellow-a200: nth($palette-yellow, 12);
$palette-yellow-a400: nth($palette-yellow, 13);
$palette-yellow-a700: nth($palette-yellow, 14);
$palette-amber:
"255,248,225"
"255,236,179"
"255,224,130"
"255,213,79"
"255,202,40"
"255,193,7"
"255,179,0"
"255,160,0"
"255,143,0"
"255,111,0"
"255,229,127"
"255,215,64"
"255,196,0"
"255,171,0";
$palette-amber-50: nth($palette-amber, 1);
$palette-amber-100: nth($palette-amber, 2);
$palette-amber-200: nth($palette-amber, 3);
$palette-amber-300: nth($palette-amber, 4);
$palette-amber-400: nth($palette-amber, 5);
$palette-amber-500: nth($palette-amber, 6);
$palette-amber-600: nth($palette-amber, 7);
$palette-amber-700: nth($palette-amber, 8);
$palette-amber-800: nth($palette-amber, 9);
$palette-amber-900: nth($palette-amber, 10);
$palette-amber-a100: nth($palette-amber, 11);
$palette-amber-a200: nth($palette-amber, 12);
$palette-amber-a400: nth($palette-amber, 13);
$palette-amber-a700: nth($palette-amber, 14);
$palette-orange:
"255,243,224"
"255,224,178"
"255,204,128"
"255,183,77"
"255,167,38"
"255,152,0"
"251,140,0"
"245,124,0"
"239,108,0"
"230,81,0"
"255,209,128"
"255,171,64"
"255,145,0"
"255,109,0";
$palette-orange-50: nth($palette-orange, 1);
$palette-orange-100: nth($palette-orange, 2);
$palette-orange-200: nth($palette-orange, 3);
$palette-orange-300: nth($palette-orange, 4);
$palette-orange-400: nth($palette-orange, 5);
$palette-orange-500: nth($palette-orange, 6);
$palette-orange-600: nth($palette-orange, 7);
$palette-orange-700: nth($palette-orange, 8);
$palette-orange-800: nth($palette-orange, 9);
$palette-orange-900: nth($palette-orange, 10);
$palette-orange-a100: nth($palette-orange, 11);
$palette-orange-a200: nth($palette-orange, 12);
$palette-orange-a400: nth($palette-orange, 13);
$palette-orange-a700: nth($palette-orange, 14);
$palette-deep-orange:
"251,233,231"
"255,204,188"
"255,171,145"
"255,138,101"
"255,112,67"
"255,87,34"
"244,81,30"
"230,74,25"
"216,67,21"
"191,54,12"
"255,158,128"
"255,110,64"
"255,61,0"
"221,44,0";
$palette-deep-orange-50: nth($palette-deep-orange, 1);
$palette-deep-orange-100: nth($palette-deep-orange, 2);
$palette-deep-orange-200: nth($palette-deep-orange, 3);
$palette-deep-orange-300: nth($palette-deep-orange, 4);
$palette-deep-orange-400: nth($palette-deep-orange, 5);
$palette-deep-orange-500: nth($palette-deep-orange, 6);
$palette-deep-orange-600: nth($palette-deep-orange, 7);
$palette-deep-orange-700: nth($palette-deep-orange, 8);
$palette-deep-orange-800: nth($palette-deep-orange, 9);
$palette-deep-orange-900: nth($palette-deep-orange, 10);
$palette-deep-orange-a100: nth($palette-deep-orange, 11);
$palette-deep-orange-a200: nth($palette-deep-orange, 12);
$palette-deep-orange-a400: nth($palette-deep-orange, 13);
$palette-deep-orange-a700: nth($palette-deep-orange, 14);
$palette-brown:
"239,235,233"
"215,204,200"
"188,170,164"
"161,136,127"
"141,110,99"
"121,85,72"
"109,76,65"
"93,64,55"
"78,52,46"
"62,39,35";
$palette-brown-50: nth($palette-brown, 1);
$palette-brown-100: nth($palette-brown, 2);
$palette-brown-200: nth($palette-brown, 3);
$palette-brown-300: nth($palette-brown, 4);
$palette-brown-400: nth($palette-brown, 5);
$palette-brown-500: nth($palette-brown, 6);
$palette-brown-600: nth($palette-brown, 7);
$palette-brown-700: nth($palette-brown, 8);
$palette-brown-800: nth($palette-brown, 9);
$palette-brown-900: nth($palette-brown, 10);
$palette-grey:
"250,250,250"
"245,245,245"
"238,238,238"
"224,224,224"
"189,189,189"
"158,158,158"
"117,117,117"
"97,97,97"
"66,66,66"
"33,33,33";
$palette-grey-50: nth($palette-grey, 1);
$palette-grey-100: nth($palette-grey, 2);
$palette-grey-200: nth($palette-grey, 3);
$palette-grey-300: nth($palette-grey, 4);
$palette-grey-400: nth($palette-grey, 5);
$palette-grey-500: nth($palette-grey, 6);
$palette-grey-600: nth($palette-grey, 7);
$palette-grey-700: nth($palette-grey, 8);
$palette-grey-800: nth($palette-grey, 9);
$palette-grey-900: nth($palette-grey, 10);
$palette-blue-grey:
"236,239,241"
"207,216,220"
"176,190,197"
"144,164,174"
"120,144,156"
"96,125,139"
"84,110,122"
"69,90,100"
"55,71,79"
"38,50,56";
$palette-blue-grey-50: nth($palette-blue-grey, 1);
$palette-blue-grey-100: nth($palette-blue-grey, 2);
$palette-blue-grey-200: nth($palette-blue-grey, 3);
$palette-blue-grey-300: nth($palette-blue-grey, 4);
$palette-blue-grey-400: nth($palette-blue-grey, 5);
$palette-blue-grey-500: nth($palette-blue-grey, 6);
$palette-blue-grey-600: nth($palette-blue-grey, 7);
$palette-blue-grey-700: nth($palette-blue-grey, 8);
$palette-blue-grey-800: nth($palette-blue-grey, 9);
$palette-blue-grey-900: nth($palette-blue-grey, 10);
$color-black: "0,0,0";
$color-white: "255,255,255";
$color-black: rgb(0,0,0);
$color-white: rgb(255,255,255);
//-- The two possible colors for overlayed text.
$styleguide-generate-template: false !default;

10
components/_globals.scss
View File

@ -1,9 +1,9 @@
//-- Color configuration
$color-divider: unquote("rgb(#{$palette-grey-200})") !default;
$color-background: unquote("rgb(#{$color-white})") !default;
$color-text: unquote("rgb(#{$palette-grey-900})") !default;
$color-text-secondary: unquote("rgb(#{$palette-grey-600})") !default;
$color-overlay: unquote("rgb(#{$color-black})");
$color-divider: $palette-grey-200 !default;
$color-background: $color-white !default;
$color-text: $palette-grey-900 !default;
$color-text-secondary: $palette-grey-600 !default;
$color-overlay: $color-black;
$color-overlay-opacity: 0.5;
$color-primary: $palette-indigo-500 !default;

4
components/app_bar/_config.scss
View File

@ -1,5 +1,5 @@
$appbar-color: unquote("rgb(#{$color-primary-dark})") !default;
$appbar-contrast: unquote("rgb(#{$color-primary-contrast})") !default;
$appbar-color: $color-primary-dark !default;
$appbar-contrast: $color-primary-contrast !default;
$appbar-title-total-distance: 8 * $unit;
$appbar-height: 6.4 * $unit;
$appbar-h-padding: 2.4 * $unit;

8
components/autocomplete/_config.scss
View File

@ -1,9 +1,9 @@
$autocomplete-color-primary-contrast: unquote("rgb(#{$color-primary-contrast})");
$autocomplete-color-primary: unquote("rgb(#{$color-primary})");
$autocomplete-color-primary-contrast: $color-primary-contrast;
$autocomplete-color-primary: $color-primary;
$autocomplete-overflow-max-height: 45vh;
$autocomplete-suggestion-active-background: unquote("rgb(#{$palette-grey-200})");
$autocomplete-suggestion-active-background: $palette-grey-200;
$autocomplete-suggestion-padding: $unit;
$autocomplete-suggestions-background: unquote("rgb(#{$color-white})");
$autocomplete-suggestions-background: $color-white;
$autocomplete-value-border-radius: .2 * $unit;
$autocomplete-value-margin: $unit * .25 $unit * .5 $unit * .25 0;
$autocomplete-value-padding: $unit * .5 $unit * .75;

28
components/button/_config.scss
View File

@ -1,23 +1,23 @@
$button-neutral-color: unquote("rgb(#{$color-white})") !default;
$button-neutral-color-contrast: unquote("rgb(#{$palette-grey-900})") !default;
$button-neutral-color-hover: unquote("rgba(#{$palette-grey-900}, 0.20)") !default;
$button-primary-color-contrast: unquote("rgb(#{$color-primary-contrast})") !default;
$button-primary-color-hover: unquote("rgba(#{$color-primary}, 0.20)") !default;
$button-primary-color: unquote("rgb(#{$color-primary})") !default;
$button-accent-color-contrast: unquote("rgb(#{$color-primary-contrast})") !default;
$button-accent-color-hover: unquote("rgba(#{$color-accent}, 0.20)") !default;
$button-accent-color: unquote("rgb(#{$color-accent})") !default;
$button-default-text-color: unquote("rgb(#{$color-black})") !default;
$button-disabled-text-color: unquote("rgba(#{$color-black}, 0.26)") !default;
$button-flat-color-hover: unquote("rgba(#{$color-black}, 0.26)") !default;
$button-neutral-color: $color-white !default;
$button-neutral-color-contrast: $palette-grey-900 !default;
$button-neutral-color-hover: rgba($palette-grey-900, 0.20) !default;
$button-primary-color-contrast: $color-primary-contrast !default;
$button-primary-color-hover: rgba($color-primary, 0.20) !default;
$button-primary-color: $color-primary !default;
$button-accent-color-contrast: $color-primary-contrast !default;
$button-accent-color-hover: rgba($color-accent, 0.20) !default;
$button-accent-color: $color-accent !default;
$button-default-text-color: $color-black !default;
$button-disabled-text-color: rgba($color-black, 0.26) !default;
$button-flat-color-hover: rgba($color-black, 0.26) !default;
$button-border-radius: 0.2 * $unit;
$button-floating-font-size: $unit * 2.4;
$button-floating-height-mini: $unit * 4;
$button-floating-mini-font-size: $button-floating-height-mini / 2.25;
$button-floating-height: $unit * 5.6;
$button-height: $unit * 3.6;
$button-solid-background-color: unquote("rgba(#{$palette-grey-500}, 0.20)") !default;
$button-solid-disabled-background-color: unquote("rgba(#{$color-black}, 0.12)") !default;
$button-solid-background-color: rgba($palette-grey-500, 0.20) !default;
$button-solid-disabled-background-color: rgba($color-black, 0.12) !default;
$button-squared-icon-margin: $unit * .6;
$button-squared-min-width: 9 * $unit;
$button-squared-padding: 0 $unit * 1.2;

4
components/card/_config.scss
View File

@ -1,7 +1,7 @@
$card-color-white: unquote("rgb(#{$color-white})") !default;
$card-color-white: $color-white !default;
$card-title-height: 17.6 * $unit;
$card-width-normal: 32 * $unit;
$card-width-large: 51.2 * $unit;
$card-offset: 1.6 * $unit;
$card-navigation-offset: $card-offset / 2;
$card-text-overlay: unquote("rgba(#{$color-black}, 0.2)");
$card-text-overlay: rgba($color-black, 0.2);

10
components/checkbox/_config.scss
View File

@ -1,12 +1,12 @@
$checkbox-color: unquote("rgb(#{$color-primary})") !default;
$checkbox-disabled-color: unquote("rgba(#{$color-black}, 0.26)") !default;
$checkbox-color: $color-primary !default;
$checkbox-disabled-color: rgba($color-black, 0.26) !default;
$checkbox-field-margin-bottom: 1.5 * $unit !default;
$checkbox-focus-checked-color: unquote("rgba(#{$color-primary}, 0.26)") !default;
$checkbox-focus-checked-color: rgba($color-primary, 0.26) !default;
$checkbox-ripple-duration: 650ms !default;
$checkbox-size: 1.8 * $unit !default;
$checkbox-focus-color: unquote("rgba(#{$color-black}, 0.1)") !default;
$checkbox-focus-color: rgba($color-black, 0.1) !default;
$checkbox-focus-size: $checkbox-size * 2.3 !default;
$checkbox-text-color: unquote("rgb(#{$color-black})") !default;
$checkbox-text-color: $color-black !default;
$checkbox-text-font-size: $font-size-small !default;
$checkbox-total-height: 1.8 * $unit !default;
$checkbox-transition-duration: .2s !default;

8
components/date_picker/_config.scss
View File

@ -1,10 +1,10 @@
$datepicker-primary: $color-primary;
$datepicker-primary-contrast: $color-primary-contrast;
$datepicker-primary-dark: $color-primary-dark;
$datepicker-primary-color: unquote("rgb(#{$datepicker-primary})") !default;
$datepicker-primary-hover-color: unquote("rgba(#{$datepicker-primary}, 0.20)") !default;
$datepicker-primary-contrast-color: unquote("rgb(#{$datepicker-primary-contrast})") !default;
$datepicker-primary-dark-color: unquote("rgb(#{$datepicker-primary-dark})") !default;
$datepicker-primary-color: $datepicker-primary !default;
$datepicker-primary-hover-color: rgba($datepicker-primary, 0.20) !default;
$datepicker-primary-contrast-color: $datepicker-primary-contrast !default;
$datepicker-primary-dark-color: $datepicker-primary-dark !default;
$datepicker-dialog-width: 33 * $unit;
$datepicker-inactive-opacity: .6;
$datepicker-weekday-line-height: 2 * $unit;

8
components/date_picker/calendar/_config.scss
View File

@ -1,9 +1,9 @@
$calendar-primary: $color-primary;
$calendar-primary-contrast: $color-primary-contrast;
$calendar-primary-color: unquote("rgb(#{$calendar-primary})") !default;
$calendar-primary-contrast-color: unquote("rgb(#{$calendar-primary-contrast})") !default;
$calendar-primary-hover-color: unquote("rgba(#{$calendar-primary}, 0.21)") !default;
$calendar-arrows-color: unquote("rgb(#{$palette-grey-600})") !default;
$calendar-primary-color: $calendar-primary !default;
$calendar-primary-contrast-color: $calendar-primary-contrast !default;
$calendar-primary-hover-color: rgba($calendar-primary, 0.21) !default;
$calendar-arrows-color: $palette-grey-600 !default;
$calendar-arrows-font-size: 2 * $unit;
$calendar-arrows-ripple-duration: 450ms;
$calendar-year-font-size: 2.4;

4
components/dialog/_config.scss
View File

@ -1,6 +1,6 @@
$dialog-border-radius: .2 * $unit;
$dialog-color-title: unquote("rgb(#{$color-black})") !default;
$dialog-color-white: unquote("rgb(#{$color-white})") !default;
$dialog-color-title: $color-black !default;
$dialog-color-white: $color-white !default;
$dialog-content-padding: 2.4 * $unit;
$dialog-navigation-padding: .8 * $unit;
$dialog-translate-y: 4 * $unit;

6
components/drawer/_config.scss
View File

@ -1,5 +1,5 @@
$drawer-background-color: unquote("rgb(#{$palette-grey-50})") !default;
$drawer-border-color: unquote("rgb(#{$palette-grey-300})") !default;
$drawer-background-color: $palette-grey-50 !default;
$drawer-border-color: $palette-grey-300 !default;
$drawer-overlay-color: $color-overlay;
$drawer-text-color: unquote("rgb(#{$palette-grey-800})") !default;
$drawer-text-color: $palette-grey-800 !default;
$drawer-width: 24 * $unit;

8
components/dropdown/_config.scss
View File

@ -1,7 +1,7 @@
$dropdown-offset: 1.6 * $unit;
$dropdown-color-white: unquote("rgb(#{$color-white})");
$dropdown-color-primary: unquote("rgb(#{$color-primary})");
$dropdown-color-primary-contrast: unquote("rgb(#{$color-primary-contrast})");
$dropdown-value-hover-background: unquote("rgb(#{$palette-grey-200})");
$dropdown-color-white: $color-white;
$dropdown-color-primary: $color-primary;
$dropdown-color-primary-contrast: $color-primary-contrast;
$dropdown-value-hover-background: $palette-grey-200;
$dropdown-overflow-max-height: 45vh;
$dropdown-value-border-radius: .2 * $unit;

8
components/input/_config.scss
View File

@ -5,12 +5,12 @@ $input-field-height: $input-field-padding * 2 + $input-field-font-size;
$input-label-font-size: 1.2 * $unit;
$input-focus-label-top: .6 * $unit;
$input-text-background-color: transparent !default;
$input-text-label-color: unquote("rgba(#{$color-black}, 0.26)") !default;
$input-text-bottom-border-color: unquote("rgba(#{$color-black}, 0.12)") !default;
$input-text-highlight-color: unquote("rgb(#{$color-primary})") !default;
$input-text-label-color: rgba($color-black, 0.26) !default;
$input-text-bottom-border-color: rgba($color-black, 0.12) !default;
$input-text-highlight-color: $color-primary !default;
$input-text-disabled-color: $input-text-bottom-border-color !default;
$input-text-disabled-text-color: $input-text-label-color !default;
$input-text-error-color: unquote("rgb(222, 50, 38)") !default;
$input-text-error-color: rgb(222, 50, 38) !default;
$input-underline-height: 2 * $unit;
$input-icon-font-size: 2.4 * $unit;
$input-icon-size: 2 * $input-icon-font-size;

2
components/list/_config.scss
View File

@ -7,7 +7,7 @@ $list-subheader-font-weight: 500;
$list-divider-height: .1 * $unit;
$list-item-min-height: 4.8 * $unit;
$list-item-min-height-legend: 7.2 * $unit;
$list-item-hover-color: unquote("rgb(#{$palette-grey-200})");
$list-item-hover-color: $palette-grey-200;
$list-item-legend-margin-top: .3 * $unit;
$list-item-icon-font-size: 2.4 * $unit;
$list-item-icon-size: 1.8 * $unit;

4
components/menu/_config.scss
View File

@ -1,10 +1,10 @@
$menu-expand-duration: .3s !default;
$menu-fade-duration: .2s !default;
$menu-ripple-delay: .3s !default;
$menu-background-color: unquote("rgb(#{$color-white})");
$menu-background-color: $color-white;
$menu-padding: .8 * $unit 0;
$menu-outline-border-radius: .2 * $unit;
$menu-item-hover-background: unquote("rgb(#{$palette-grey-200})");
$menu-item-hover-background: $palette-grey-200;
$menu-item-icon-font-size: 2.4 * $unit;
$menu-item-icon-size: 1.6 * $menu-item-icon-font-size;
$menu-item-height: 4.8 * $unit;

4
components/navigation/_config.scss
View File

@ -1,3 +1,3 @@
$navigation-space: $unit;
$navigation-color: unquote("rgb(#{$color-black})") !default;
$navigation-background: unquote("rgb(#{$color-white})") !default;
$navigation-color: $color-black !default;
$navigation-background: $color-white !default;

2
components/overlay/_config.scss
View File

@ -1 +1 @@
$overlay-color: unquote("rgb(#{$color-black})") !default;
$overlay-color: $color-black !default;

4
components/progress_bar/_config.scss
View File

@ -1,6 +1,6 @@
$progress-height: .4 * $unit;
$progress-main-color: unquote("rgb(#{$color-primary})") !default;
$progress-secondary-color: unquote("rgba(#{$color-primary-contrast}, 0.7)") !default;
$progress-main-color: $color-primary !default;
$progress-secondary-color: rgba($color-primary-contrast, 0.7) !default;
$circle-wrapper-width: 60;
$circle-radius: 25;
$scale-ratio: $circle-radius / 20;

10
components/radio/_config.scss
View File

@ -1,9 +1,9 @@
$radio-field-margin-bottom: 1.5 * $unit;
$radio-button-size: 1.6 * $unit !default;
$radio-inner-margin: $radio-button-size / 4;
$radio-inner-color: unquote("rgb(#{$color-primary})") !default;
$radio-focus-color: unquote("rgba(#{$color-black}, 0.1)") !default;
$radio-checked-focus-color: unquote("rgba(#{$color-primary}, 0.26)") !default;
$radio-text-color: unquote("rgb(#{$color-black})") !default;
$radio-disabled-color: unquote("rgba(#{$color-black}, 0.26)") !default;
$radio-inner-color: $color-primary !default;
$radio-focus-color: rgba($color-black, 0.1) !default;
$radio-checked-focus-color: rgba($color-primary, 0.26) !default;
$radio-text-color: $color-black !default;
$radio-disabled-color: rgba($color-black, 0.26) !default;
$radio-text-font-size: 1.4 * $unit;

6
components/slider/_config.scss
View File

@ -1,6 +1,6 @@
$slider-main-color: unquote("rgb(#{$color-primary})") !default;
$slider-main-color-contrast: unquote("rgb(#{$color-primary-contrast})") !default;
$slider-snap-color: unquote("rgb(#{$color-black})") !default;
$slider-main-color: $color-primary !default;
$slider-main-color-contrast: $color-primary-contrast !default;
$slider-snap-color: $color-black !default;
$slider-knob-size: 3.2 * $unit;
$slider-inner-knob-size: 1.2 * $unit;
$slider-snap-size: .2 * $unit;

8
components/snackbar/_config.scss
View File

@ -1,9 +1,9 @@
$snackbar-color-cancel: unquote("rgb(#{$palette-red-500})") !default;
$snackbar-color-accept: unquote("rgb(#{$palette-green-500})") !default;
$snackbar-color-warning: unquote("rgb(#{$palette-lime-a200})") !default;
$snackbar-color-cancel: $palette-red-500 !default;
$snackbar-color-accept: $palette-green-500 !default;
$snackbar-color-warning: $palette-lime-a200 !default;
$snackbar-background-color: $color-text !default;
$snackbar-border-radius: .2 * $unit !default;
$snackbar-button-offset: 4.8 * $unit !default;
$snackbar-color: unquote("rgb(#{$color-white})") !default;
$snackbar-color: $color-white !default;
$snackbar-horizontal-offset: 2.4 * $unit !default;
$snackbar-vertical-offset: 1.4 * $unit !default;

22
components/switch/_config.scss
View File

@ -1,14 +1,14 @@
$switch-color: unquote("rgb(#{$color-primary})") !default;
$switch-text-color: unquote("rgb(#{$color-black})") !default;
$switch-thumb-off-color: unquote("rgb(#{$palette-grey-50})") !default;
$switch-track-on-color: unquote("rgba(#{$color-primary}, 0.5)") !default;
$switch-track-off-color: unquote("rgba(#{$color-black}, 0.26)") !default;
$switch-off-ripple-color: unquote("rgba(#{$color-black}, 0.4)") !default;
$switch-on-focus-color: unquote("rgba(#{$color-primary}, 0.26)") !default;
$switch-off-focus-color: unquote("rgba(#{$color-black}, 0.1)") !default;
$switch-disabled-thumb-color: unquote("rgb(#{$palette-grey-400})") !default;
$switch-disabled-track-color: unquote("rgba(#{$color-black}, 0.12)") !default;
$switch-disabled-text-color: unquote("rgba(#{$color-black}, 0.26)") !default;
$switch-color: $color-primary !default;
$switch-text-color: $color-black !default;
$switch-thumb-off-color: $palette-grey-50 !default;
$switch-track-on-color: rgba($color-primary, 0.5) !default;
$switch-track-off-color: rgba($color-black, 0.26) !default;
$switch-off-ripple-color: rgba($color-black, 0.4) !default;
$switch-on-focus-color: rgba($color-primary, 0.26) !default;
$switch-off-focus-color: rgba($color-black, 0.1) !default;
$switch-disabled-thumb-color: $palette-grey-400 !default;
$switch-disabled-track-color: rgba($color-black, 0.12) !default;
$switch-disabled-text-color: rgba($color-black, 0.26) !default;
$switch-total-height: 2.4 * $unit !default;
$switch-track-length: 3.6 * $unit !default;
$switch-track-height: 1.4 * $unit !default;

6
components/tabs/_config.scss
View File

@ -4,8 +4,8 @@ $tab-label-height: 4.8 * $unit;
$tab-text-height: 1.4 * $unit;
$tab-label-v-padding: ($tab-label-height - $tab-text-height) / 2;
$tab-navigation-border-color: $color-divider;
$tab-pointer-color: unquote("rgb(#{$color-primary})") !default;
$tab-pointer-color: $color-primary !default;
$tab-pointer-height: .2 * $unit;
$tab-text: $color-black !default;
$tab-text-color: unquote("rgb(#{$tab-text})") !default;
$tab-text-inactive-color: unquote("rgba(#{$tab-text}, 0.70)") !default;
$tab-text-color: $tab-text !default;
$tab-text-inactive-color: rgba($tab-text, 0.70) !default;

8
components/time_picker/_config.scss
View File

@ -4,10 +4,10 @@ $timepicker-ampm-font-size: 1.6 * $unit;
$timepicker-primary: $color-primary;
$timepicker-primary-contrast: $color-primary-contrast;
$timepicker-primary-dark: $color-primary-dark;
$timepicker-primary-color: unquote("rgb(#{$timepicker-primary})") !default;
$timepicker-primary-hover-color: unquote("rgba(#{$timepicker-primary}, 0.20)") !default;
$timepicker-primary-contrast-color: unquote("rgb(#{$timepicker-primary-contrast})") !default;
$timepicker-primary-dark-color: unquote("rgb(#{$timepicker-primary-dark})") !default;
$timepicker-primary-color: $timepicker-primary !default;
$timepicker-primary-hover-color: rgba($timepicker-primary, 0.20) !default;
$timepicker-primary-contrast-color: $timepicker-primary-contrast !default;
$timepicker-primary-dark-color: $timepicker-primary-dark !default;
$timepicker-ampm-height: 2.2 * $unit;
$timepicker-ampm-width: 4 * $unit;
$timepicker-dialog-width: 30 * $unit;

8
components/time_picker/clock/_config.scss
View File

@ -2,10 +2,10 @@ $clock-padding: 1.5 * $unit 2 * $unit;
$clock-primary: $color-primary;
$clock-primary-contrast: $color-primary-contrast;
$clock-primary-dark: $color-primary-dark;
$clock-primary-color: unquote("rgb(#{$clock-primary})") !default;
$clock-primary-hover-color: unquote("rgba(#{$clock-primary}, 0.20)") !default;
$clock-primary-contrast-color: unquote("rgb(#{$clock-primary-contrast})") !default;
$clock-primary-dark-color: unquote("rgb(#{$clock-primary-dark})") !default;
$clock-primary-color: $clock-primary !default;
$clock-primary-hover-color: rgba($clock-primary, 0.20) !default;
$clock-primary-contrast-color: $clock-primary-contrast !default;
$clock-primary-dark-color: $clock-primary-dark !default;
$clock-number-size: 2 * $unit;
$clock-hand-width: .4 * $unit;
$clock-hand-dot-size: 1 * $unit;

8
docs/app/components/_globals.scss
View File

@ -2,9 +2,9 @@
@import "~react-toolbox/commons";
$unit: 1rem;
$color-primary-dark: unquote("rgb(#{$color-primary-dark})");
$color-primary-light: unquote("rgb(#{$color-primary-light})");
$color-primary-contrast: unquote("rgb(#{$color-primary-contrast})");
$color-accent: unquote("rgb(#{$color-accent})");
$color-primary-dark: $color-primary-dark;
$color-primary-light: $color-primary-light;
$color-primary-contrast: $color-primary-contrast;
$color-accent: $color-accent;
$color-divider: $color-divider;
$color-content: #fafafa;