Cable-Desktop/stylesheets/_variables.scss
lilia 4f46a164ba Add voice notes
// FREEBIE
2016-08-23 16:16:31 -07:00

47 lines
1.1 KiB
SCSS

// colors
$blue_l: #a2d2f4;
$blue: #2090ea;
$grey_l: #f3f3f3;
$grey_l2: #d9d9d9; // ~ Equivalent to darken($grey_l, 10%), unreliably compiles
$grey_l3: darken($grey_l, 20%);
$grey_l4: darken($grey_l, 40%);
$grey: #616161;
$grey_d: #454545;
$green: #47D647;
$red: #EF8989;
@font-face {
font-family: 'Roboto-Light';
src: url('/fonts/Roboto-Light.ttf') format('truetype');
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/Roboto-Regular.ttf') format('truetype');
}
@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;
}
$roboto: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;
$roboto-light: Roboto-Light, 'Helvetica Neue', Arial, Helvetica, sans-serif;
$header-height: 64px;
$button-height: 24px;
$header-color: $blue;
$search-height: 36px;
$unread-badge-size: 21px;
$loading-height: 16px;
$big-avatar-min-width: 900px;
$border-radius: 5px;
$error-icon-size: 24px;