389b9a026d
Added background gradient and restyled conversation elements as floating panels and cards. // FREEBIE
31 lines
756 B
SCSS
31 lines
756 B
SCSS
// colors
|
|
$blue_l: #a2d2f4;
|
|
$blue: #2090ea;
|
|
$grey_l: #f3f3f3;
|
|
$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: 36px;
|
|
$header-color: $blue;
|
|
$bubble-border-radius: 20px;
|