react-native-ui-lib
Version:
<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a
96 lines (93 loc) • 1.91 kB
CSS
:root {
--white: #ffffff;
--black: #000000;
/* DARKS */
--dark10: #20303c;
--dark20: #43515c;
--dark30: #66737c;
--dark40: #858f96;
--dark50: #a3abb0;
--dark60: #c2c7cb;
--dark70: #e0e3e5;
--dark80: #f2f4f5;
/* BLUES */
--blue10: #3182c8;
--blue20: #4196e0;
--blue30: #459fed;
--blue40: #57a8ef;
--blue50: #8fc5f4;
--blue60: #b5d9f8;
--blue70: #daecfb;
--blue80: #ecf5fd;
/* CYANS */
--cyan10: #00aaaf;
--cyan20: #32babc;
--cyan30: #3cc7c5;
--cyan40: #64d4d2;
--cyan50: #8bdfdd;
--cyan60: #b1e9e9;
--cyan70: #d8f4f4;
--cyan80: #ebf9f9;
/* GREENS */
--green10: #00a65f;
--green20: #32b76c;
--green30: #65c888;
--green40: #84d3a0;
--green50: #a3deb8;
--green60: #c1e9cf;
--green70: #e8f7ef;
--green80: #f3fbf7;
/* YELLOWS */
--yellow10: #e19800;
--yellow20: #f0a700;
--yellow30: #ffb600;
--yellow40: #ffca45;
--yellow50: #ffdd87;
--yellow60: #ffeab5;
--yellow70: #fff2d1;
--yellow80: #fff7e3;
/* ORANGES */
--orange10: #d9644a;
--orange20: #e66a4e;
--orange30: #f27052;
--orange40: #f37e63;
--orange50: #f7a997;
--orange60: #fac6ba;
--orange70: #fce2dc;
--orange80: #fef0ed;
/* REDS */
--red10: #cf262f;
--red20: #ee2c38;
--red30: #f2564d;
--red40: #f57871;
--red50: #f79a94;
--red60: #fabbb8;
--red70: #fcdddb;
--red80: #feeeed;
/* PURPLES */
--purple10: #8b1079;
--purple20: #a0138e;
--purple30: #b13dac;
--purple40: #c164bd;
--purple50: #d08bcd;
--purple60: #e0b1de;
--purple70: #efd8ee;
--purple80: #f7ebf7;
/* VIOLETS */
--violet10: #48217b;
--violet20: #542790;
--violet30: #733ca6;
--violet40: #8f63b8;
--violet50: #ab8aca;
--violet60: #c7b1db;
--violet70: #e3d8ed;
--violet80: #f1ebf6;
/* TEXTS */
--fontFamily: Poppins;
--text10: 1.5em;
--text20: 1.3em;
--text30: 1.12em;
--text40: 1em;
--text50: 0.8em;
--text60: 0.6em;
}