/* [1] COULEURS
=========================================================*/
/* (1) COULEURS DU THEME $DEFAULT */
$theme-bg:         #e8e8e8;
$theme-bg-primary: #ffffff;
$theme-fg:         #515151;
$theme-fg-primary: #399ced;

/* (2) COULEURS DE THEME $DARK */
$dark-bg:         #313541;
$dark-bg-primary: #29282e;
$dark-fg:         #939393;
$dark-fg-primary: #ffffff;

$header-dark:     #333333;

/* (3) Couleurs du theme pour la timeline */
$timeline-color: #399ced;

/* [2] DIMENSIONS
=========================================================*/
/* (1) Layout de base */
$menu-side-width: 15em;
$header-height:   4em;



/* [3] Mixins
=========================================================*/
@mixin transform($value...) {
    transform: $value;
	-moz-transform: $value;
	-o-transform: $value;
	-ms-transform: $value;
	-webkit-transform: $value;
}


@mixin transition($value...) {
    -webkit-transition: $value;
    transition: $value;
}

/* [4] Functions
=========================================================*/
// Transforme une couleur hex en string sans le #
@function color-str($color){
    @return str-slice(#{$color}, 2, str-length(#{$color}));
}