2015-01-19 16:44:34 -10:00
|
|
|
// colors
|
|
|
|
$blue_l: #a2d2f4;
|
2015-03-26 15:19:46 -07:00
|
|
|
$blue: #2090ea;
|
2015-01-19 16:44:34 -10:00
|
|
|
$grey_l: #f3f3f3;
|
2016-01-24 11:53:30 +00:00
|
|
|
$grey_l2: #d9d9d9; // ~ Equivalent to darken($grey_l, 10%), unreliably compiles
|
|
|
|
$grey_l3: darken($grey_l, 20%);
|
|
|
|
$grey_l4: darken($grey_l, 40%);
|
2015-01-19 16:44:34 -10:00
|
|
|
$grey: #616161;
|
|
|
|
$grey_d: #454545;
|
2016-08-15 15:36:29 -07:00
|
|
|
$green: #47D647;
|
|
|
|
$red: #EF8989;
|
2015-01-19 16:44:34 -10:00
|
|
|
|
2015-02-01 18:39:07 -10:00
|
|
|
@font-face {
|
|
|
|
font-family: 'Roboto-Light';
|
|
|
|
src: url('/fonts/Roboto-Light.ttf') format('truetype');
|
|
|
|
}
|
2015-01-29 18:53:49 -10:00
|
|
|
@font-face {
|
|
|
|
font-family: 'Roboto';
|
|
|
|
src: url('/fonts/Roboto-Regular.ttf') format('truetype');
|
|
|
|
}
|
2015-02-18 16:20:28 -08:00
|
|
|
@font-face {
|
|
|
|
font-family: 'Roboto';
|
|
|
|
src: url('/fonts/Roboto-Italic.ttf') format('truetype');
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Roboto';
|
|
|
|
src: url('/fonts/Roboto-Bold.ttf') format('truetype');
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
2015-01-29 18:53:49 -10:00
|
|
|
$roboto: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
2015-02-01 18:39:07 -10:00
|
|
|
$roboto-light: Roboto-Light, 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
2015-01-29 18:53:49 -10:00
|
|
|
|
2016-03-21 15:37:53 -07:00
|
|
|
$header-height: 64px;
|
2016-04-01 14:20:00 -07:00
|
|
|
$button-height: 24px;
|
2015-05-21 17:07:11 -07:00
|
|
|
$header-color: $blue;
|
2015-11-09 12:07:40 -08:00
|
|
|
|
2016-04-06 17:33:25 -07:00
|
|
|
$search-height: 36px;
|
|
|
|
|
2015-11-09 12:07:40 -08:00
|
|
|
$unread-badge-size: 21px;
|
2015-11-12 10:35:29 -08:00
|
|
|
$loading-height: 16px;
|
2016-01-21 23:45:13 +00:00
|
|
|
|
|
|
|
$big-avatar-min-width: 900px;
|
2016-04-01 11:03:26 -07:00
|
|
|
|
2016-04-01 14:24:13 -07:00
|
|
|
$border-radius: 5px;
|
|
|
|
|
2016-04-14 16:42:42 -07:00
|
|
|
$error-icon-size: 24px;
|
2016-08-24 15:15:55 -07:00
|
|
|
|
|
|
|
$font-size: 14px;
|
|
|
|
$font-size-small: (13/14) + em;
|
2016-08-28 23:57:33 -07:00
|
|
|
|
|
|
|
$material_red: #EF5350;
|
|
|
|
$material_pink: #EC407A;
|
|
|
|
$material_purple: #AB47BC;
|
|
|
|
$material_deep_purple: #7E57C2;
|
|
|
|
$material_indigo: #5C6BC0;
|
|
|
|
$material_blue: #2196F3;
|
|
|
|
$material_light_blue: #03A9F4;
|
|
|
|
$material_cyan: #00BCD4;
|
|
|
|
$material_teal: #009688;
|
|
|
|
$material_green: #4CAF50;
|
|
|
|
$material_light_green: #7CB342;
|
|
|
|
$material_orange: #FF9800;
|
|
|
|
$material_deep_orange: #FF5722;
|
|
|
|
$material_amber: #FFB300;
|
|
|
|
$material_blue_grey: #607D8B;
|