87 lines
1.8 KiB
SCSS
87 lines
1.8 KiB
SCSS
/*
|
|
Colors:
|
|
*/
|
|
|
|
/* accent */
|
|
$color-accent-1-dark: #DAA009;
|
|
$color-accent-1: #FFB800;
|
|
$color-accent-1-light: #FFF5D9;
|
|
$color-accent-2-dark: #0F7CAC;
|
|
$color-accent-2: #078CC6;
|
|
$color-accent-2-light: #DBEEF6;
|
|
$color-accent-3-dark: #D66655;
|
|
$color-accent-3: #FA715C;
|
|
$color-accent-3-light: #FFEAE7;
|
|
$color-accent-4-dark: #99B53E;
|
|
$color-accent-4: #AFD240;
|
|
$color-accent-4-light: #F3F9E3;
|
|
$color-accent-5-dark: #09496F;
|
|
$color-accent-5: #004E7C;
|
|
$color-accent-5: #DBE6EC;
|
|
|
|
$color-accent-1-list: $color-accent-1 $color-accent-1-light $color-accent-1-dark;
|
|
$color-accent-2-list: $color-accent-2 $color-accent-2-light $color-accent-2-dark;
|
|
|
|
/* brand */
|
|
$color-brand-dark: #138E72;
|
|
$color-brand: #17A887;
|
|
$color-brand-light: #DCF2ED;
|
|
|
|
$color-error: #C02108;
|
|
|
|
/* greyscale */
|
|
$color-silver: #d0d0d0;
|
|
$color-silver-light: #f0f0f0;
|
|
$color-silver-dark: #aaaaaa;
|
|
|
|
$color-charcoal: #616161;
|
|
$color-charcoal-light: #828282;
|
|
$color-charcoal-dark: #333333;
|
|
|
|
//$color-grey--lighter: rgba(51, 51, 51, 0.18);
|
|
$color-grey--lighter: transparent;
|
|
$color-white: #ffffff;
|
|
|
|
$header-color: $color-charcoal-dark;
|
|
$intro-color: $color-silver-dark;
|
|
|
|
$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;
|
|
|
|
$list-height: 52px;
|
|
|
|
|
|
|
|
$default-border-radius: 13px;
|
|
$input-border-radius: 3px;
|
|
|
|
//modal stuff
|
|
$modal-lateral-padding: 34px;
|
|
$modal-input-width: 560px;
|
|
|
|
|
|
$default-padding: 30px;
|
|
|
|
$small-spacing: 10px;
|
|
$medium-spacing: 20px;
|
|
$large-spacing: 30px;
|
|
|
|
|
|
$font-weight-bold: 700;
|
|
$font-weight-semibold: 600;
|
|
$font-weight-regular: 400;
|
|
|
|
$default-line-height: 1.5;
|
|
$default-heading-line-height: 1.2;
|
|
|
|
// popover
|
|
$popover-default-bottom: -110px;
|