2016-12-27 10:32:18 +01:00
|
|
|
// Colors
|
|
|
|
$color-brand: #00A69C;
|
|
|
|
$color-brand-dark: darken($color-brand, 10%);
|
|
|
|
$color-brand-darker: darken($color-brand, 20%);
|
|
|
|
$color-brand-bright: lighten($color-brand, 10%);
|
|
|
|
$color-brand-brighter: lighten($color-brand, 20%);
|
2016-11-17 10:34:10 +01:00
|
|
|
|
2016-12-27 10:32:18 +01:00
|
|
|
$color-secondary: #83D01B;
|
2016-12-27 21:41:05 +01:00
|
|
|
$color-secondary-dark: darken($color-secondary, 5%);
|
2016-12-27 10:32:18 +01:00
|
|
|
$color-secondary-darker: darken($color-secondary, 20%);
|
|
|
|
$color-secondary-bright: lighten($color-secondary, 10%);
|
|
|
|
$color-secondary-brighter: lighten($color-secondary, 20%);
|
2016-11-17 10:34:10 +01:00
|
|
|
|
2016-12-27 10:32:18 +01:00
|
|
|
$color-background-dark: #333333;
|
|
|
|
$color-background-darker: #000000;
|
2016-12-27 13:14:27 +01:00
|
|
|
$color-background-bright: #EEEEFF;
|
2016-12-27 10:32:18 +01:00
|
|
|
$color-background-brighter: #FFFFFF;
|
|
|
|
|
|
|
|
$color-foreground-dark: #333333;
|
|
|
|
$color-foreground-darker: #000000;
|
|
|
|
$color-foreground-bright: #EEEEEE;
|
|
|
|
$color-foreground-brighter: #FFFFFF;
|
|
|
|
|
|
|
|
// Animations
|
|
|
|
$animation-speed-default: .35s;
|
|
|
|
$animation-speed-slow: .5s;
|
|
|
|
$animation-speed-fast: .15s;
|
|
|
|
|
|
|
|
// Fonts
|
|
|
|
$font-weight-light: 200;
|
|
|
|
$font-weight-semilight: 300;
|
|
|
|
$font-weight-normal: 400;
|
|
|
|
$font-weight-semibold: 600;
|
|
|
|
$font-weight-bold: 700;
|
|
|
|
|
2016-12-27 19:08:44 +01:00
|
|
|
$font-size-xs: .65rem; // 10.4px
|
2016-12-27 10:32:18 +01:00
|
|
|
$font-size-s: .85rem; // 13.6px
|
|
|
|
$font-size-m: 1rem; // 16px
|
|
|
|
$font-size-l: 1.25rem; // 20px
|
|
|
|
$font-size-xl: 1.5rem; // 24px
|
|
|
|
|
|
|
|
// Medias
|
|
|
|
$media-screen-xxs: 360px;
|
|
|
|
$media-screen-xs: 640px;
|
|
|
|
$media-screen-s: 768px;
|
|
|
|
$media-screen-m: 1024px;
|
|
|
|
$media-screen-l: 1280px;
|
|
|
|
$media-screen-xl: 1440px;
|
|
|
|
$media-screen-xxl: 1680px;
|
|
|
|
$media-screen-xxxl: 1920px;
|
|
|
|
|
2016-12-27 13:14:27 +01:00
|
|
|
// Borders
|
|
|
|
$border-light: 1px;
|