// 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; @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: 36px; $header-color: $blue; $bubble-border-radius: 20px; $unread-badge-size: 21px; $loading-height: 16px; $big-avatar-min-width: 900px;