23 lines
500 B
SCSS
23 lines
500 B
SCSS
|
// colors
|
||
|
|
$color-primary : #2282D4;
|
||
|
|
$color-secondary : #D48222;
|
||
|
|
$color-fore : #222;
|
||
|
|
$color-back : #EFEFEF;
|
||
|
|
$color-grey : mix($color-fore, $color-back, 50%);
|
||
|
|
|
||
|
|
// Sizes
|
||
|
|
$header-height : 4em;
|
||
|
|
$footer-height : 1em;
|
||
|
|
$projects-menu-width : 10em;
|
||
|
|
$border-radius : .3em;
|
||
|
|
$box-margin : .4em;
|
||
|
|
|
||
|
|
// Fonts
|
||
|
|
$font-family : "Roboto";
|
||
|
|
$font-mono : "Roboto Mono";
|
||
|
|
$font-icons : "FA5FS";
|
||
|
|
|
||
|
|
// Transitions
|
||
|
|
$transition-in : .2s;
|
||
|
|
$transition-out : 1s;
|
||
|
|
$transition : ($transition-out - $transition-in) * .5 + $transition-in;
|