52 lines
1.1 KiB
SCSS
52 lines
1.1 KiB
SCSS
/*
|
|
Colors:
|
|
*/
|
|
|
|
/* accent */
|
|
$color-accent-1: #ffb800;
|
|
$color-accent-1-dark: #d69d0a;
|
|
$color-accent-1-light: #fff5d9;
|
|
$color-accent-2-dark: #118dc2;
|
|
$color-accent-2: #09a4e7;
|
|
$color-accent-2-light: #daf2fc;
|
|
$color-accent-3-dark: #bd4163;
|
|
$color-accent-3: #e04570;
|
|
$color-accent-3-light: #fbe3ea;
|
|
$color-accent-4-dark: #96b23d;
|
|
$color-accent-4: #afd240;
|
|
$color-accent-4-light: #f3f9e3;
|
|
|
|
/* brand */
|
|
$color-brand-dark: #1c9076;
|
|
$color-brand: #17a887;
|
|
$color-brand-light: #ddf3ee;
|
|
|
|
/* greyscale */
|
|
$color-darkgrey-1: #333333;
|
|
$color-darkgrey-2: #515151;
|
|
$color-grey: #a1a1a1;
|
|
$color-lightgrey: #f3f3f3;
|
|
$color-white: #ffffff;
|
|
|
|
|
|
$header-color: $color-darkgrey-1;
|
|
$intro-color: $color-grey;
|
|
|
|
$sans-serif-font-family: 'Montserrat', Arial, sans-serif;
|
|
$serif-font-family: "ff-meta-serif-web-pro", serif;
|
|
$base-font-size: 100%; // 16px in most browsers
|
|
$base-font-size-pixels: 16px; // used to calculate rem
|
|
|
|
|
|
//temporary, for room mock, todo: define with real types
|
|
$red: #FA5F5F;
|
|
$green: #6DD79A;
|
|
$brown: #EB9E77;
|
|
|
|
|
|
|
|
|
|
//modal stuff
|
|
$modal-lateral-padding: 34px;
|
|
$modal-input-width: 500px;
|