sketch-metadb-components-styles.txt

/* Rectangle: */
background: #EFEFEF;
border: 1px solid #BCBCBC;
border-radius: 2px;


/* default button: */
font-family: OpenSans;
font-size: 16px;
color: #111111;


/* Rectangle: */
background: #910029;
border: 1px solid #2B000C;
border-radius: 2px;


/* danger button: */
font-family: Lato-Regular;
font-size: 16px;
color: #FFFFFF;


/* Rectangle: */
background: #E7AD5C;
border: 1px solid #C17C1C;
border-radius: 2px;


/* warning button: */
font-family: Lato-Regular;
font-size: 16px;
color: #FFFFFF;


/* Rectangle: */
background: #57A458;
border: 1px solid #346134;
border-radius: 2px;


/* success button: */
font-family: OpenSans;
font-size: 16px;
color: #FFFFFF;


/* Rectangle: */
background: #4EA8DD;
border: 1px solid #2074A5;
border-radius: 2px;


/* info button: */
font-family: OpenSans;
font-size: 16px;
color: #FFFFFF;


/* Line: */
border: 2px solid #FFFFFF;


/* Line: */
border: 2px solid #FFFFFF;


/* Rectangle: */
background: #4EA8DD;
border: 1px solid #2074A5;
border-radius: 2px;


/* This is an informati: */
font-family: OpenSans;
font-size: 17px;
color: #FFFFFF;


/* X: */


/* Rectangle: */
background: #E7AD5C;
border: 1px solid #C17C1C;
border-radius: 2px;


/* This is a warning /: */
font-family: OpenSans;
font-size: 17px;
color: #FFFFFF;


/* X: */


/* Rectangle: */
border: 1px solid #CCCCCC;
border-radius: 2px;


/* Input String: */
font-family: OpenSans;
font-size: 14px;
color: #4A4A4A;


/* Rectangle: */
border: 1px solid #CCCCCC;
border-radius: 2px;


/* Input Text: */
font-family: OpenSans;
font-size: 14px;
color: #4A4A4A;


/* Input/String: */


/* header: */
font-family: OpenSans-Bold;
font-size: 14px;
color: #4A4A4A;


/* Rectangle: */
border: 1px solid #CCCCCC;
border-radius: 2px;


/* Line: */
border: 1px solid #979797;


/* Line: */
border: 1px solid #979797;


/* Rectangle: */
border: 1px solid #CCCCCC;
border-radius: 2px;


/* Line: */
border: 1px solid #979797;


/* Triangle: */
background: #1E1E1E;


/* Input/String with Header: */


/* Controls/Triangle: */


/* Input/Controlled Vocabulary with Header (Closed): */


/* Rectangle: */
background: #FFFFFF;
border: 1px solid #BCBCBC;
/* Hippopotamus: */
font-family: OpenSans;
font-size: 14px;
color: #4A4A4A;
/* Giraffe: */
font-family: OpenSans;
font-size: 14px;
color: #4A4A4A;
/* Fox: */
font-family: OpenSans;
font-size: 14px;
color: #4A4A4A;
/* Elephant: */
font-family: OpenSans;
font-size: 14px;
color: #4A4A4A;
/* highlight: */
background: rgba(77,167,221,0.50);
/* Dolphin: */
font-family: OpenSans;
font-size: 14px;
color: #FFFFFF;
/* Camel: */
font-family: OpenSans;
font-size: 14px;
color: #4A4A4A;
/* Bat: */
font-family: OpenSans;
font-size: 14px;
color: #4A4A4A;
/* Antelope: */
font-family: OpenSans;
font-size: 14px;
color: #4A4A4A;


/* Line: */
border: 1px solid #979797;


/* Rectangle: */
border-radius: 2px;


/* text button: */
font-family: Lato-Regular;
font-size: 16px;
color: #4EA8DD;


/* Lorem frog splash cr: */
font-family: OpenSans;
font-size: 14px;
color: #1E1E1E;


/* Rectangle: */
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.50);


/* meta: */
font-family: SourceCodePro-Regular;
font-size: 36px;
color: #2074A5;


/* DB: */
font-family: SourceCodePro-Regular;
font-size: 36px;
color: #910029;


/* Rectangle: */
border: 1px solid #BCBCBC;
border-radius: 2px;


/* default button: */
font-family: OpenSans;
font-size: 16px;
color: #111111;


/* Button/Transparent, Left Aligned: */


/* Controls/Triangle: */


/* Mask: */
opacity: 0.27;
background: #CCCCCC;
/* Dropdown/Closed: */


/* Rectangle: */
border: 1px solid #CCCCCC;
border-radius: 2px;
/* A menu option: */
font-family: OpenSans;
font-size: 14px;
color: #1E1E1E;
/* Line: */
border: 1px solid #EFEFEF;
/* A menu option: */
font-family: OpenSans;
font-size: 14px;
color: #1E1E1E;
/* Line: */
border: 1px solid #EFEFEF;
/* A menu option: */
font-family: OpenSans;
font-size: 14px;
color: #1E1E1E;


/* Rectangle: */
background: #FFFFFF;
border: 2px solid #2074A5;
box-shadow: 0 0 3px 2px #BCBCBC;
border-radius: 2px;


/* Modal/Base: */


/* Rectangle 2: */
background: #2074A5;


/* Modal with header: */
font-family: OpenSans-Bold;
font-size: 18px;
color: #FFFFFF;


/* Modal/With header: */


/* Rectangle 3: */
background: #EFEFEF;
border-radius: 1px;


/* Button/Success: */


/* Button/Default: */


/* Rectangle: */
background: #57A458;
border-radius: 20px;


/* success label: */
font-family: OpenSans;
font-size: 12px;
color: #FFFFFF;


/* Rectangle: */
background: #4EA8DD;
border-radius: 20px;


/* info label: */
font-family: OpenSans;
font-size: 12px;
color: #FFFFFF;


/* Rectangle: */
background: #E7AD5C;
border-radius: 20px;


/* warning label: */
font-family: OpenSans;
font-size: 12px;
color: #FFFFFF;


/* Rectangle: */
background: #910029;
border-radius: 20px;


/* danger label: */
font-family: OpenSans;
font-size: 12px;
color: #FFFFFF;


/* Rectangle: */
background: #EFEFEF;
border-radius: 20px;


/* default label: */
font-family: OpenSans;
font-size: 12px;
color: #1E1E1E;


/* Work Title: */
font-family: Lato-Bold;
font-size: 36px;
color: #1E1E1E;


/* Line: */
border: 1px solid #BCBCBC;


/* outside border: */
border: 1px solid #979797;


/* option 1 rectangle: */
background: #D8D8D8;
border: 1px solid #979797;
/* option 1 (selected): */
font-family: OpenSans;
font-size: 12px;
color: #1E1E1E;


/* option 2 rectangle: */
border: 1px solid #979797;
/* option 2: */
font-family: OpenSans;
font-size: 12px;
color: #1E1E1E;


/* option 3 rectangle: */
border: 1px solid #979797;
/* option 3: */
font-family: OpenSans;
font-size: 12px;
color: #1E1E1E;


/* Toggle: */


/* header: */
font-family: OpenSans-Bold;
font-size: 14px;
color: #4A4A4A;


/* Modal/Base: */


/* Loading modal...: */
font-family: Lato-Bold;
font-size: 36px;
color: #1E1E1E;