2016-04-05 13:08:42 +00:00
|
|
|
/* [1] COULEURS
|
|
|
|
=========================================================*/
|
|
|
|
/* (1) COULEURS DU THEME $DEFAULT */
|
|
|
|
$theme-bg: #e8e8e8;
|
|
|
|
$theme-bg-primary: #ffffff;
|
|
|
|
$theme-fg: #515151;
|
2016-04-14 09:07:13 +00:00
|
|
|
$theme-fg-primary: #399ced;
|
2016-04-05 13:08:42 +00:00
|
|
|
|
|
|
|
/* (2) COULEURS DE THEME $DARK */
|
2016-04-14 08:02:44 +00:00
|
|
|
$dark-bg: #313541;
|
2016-04-05 13:08:42 +00:00
|
|
|
$dark-bg-primary: #29282e;
|
2016-04-14 08:02:44 +00:00
|
|
|
$dark-fg: #939393;
|
2016-04-05 13:08:42 +00:00
|
|
|
$dark-fg-primary: #ffffff;
|
|
|
|
|
2016-05-25 15:27:18 +00:00
|
|
|
$header-dark: #F8F8FA;
|
2016-04-21 14:41:11 +00:00
|
|
|
|
2016-04-22 08:27:58 +00:00
|
|
|
/* (3) Couleurs du theme pour la timeline */
|
2016-04-25 08:43:33 +00:00
|
|
|
$timeline-color: #738394;
|
2016-04-25 08:39:04 +00:00
|
|
|
$timeline-0: #399ced;
|
|
|
|
$timeline-1: #e64e3e;
|
|
|
|
$timeline-2: #10baa3;
|
|
|
|
$timeline-3: #b14be7;
|
|
|
|
$timeline-4: #053b5d;
|
|
|
|
|
2016-04-05 13:08:42 +00:00
|
|
|
|
|
|
|
/* [2] DIMENSIONS
|
|
|
|
=========================================================*/
|
|
|
|
/* (1) Layout de base */
|
|
|
|
$menu-side-width: 15em;
|
2016-04-12 09:47:03 +00:00
|
|
|
$header-height: 4em;
|
2016-04-22 08:27:58 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* [3] Mixins
|
|
|
|
=========================================================*/
|
|
|
|
@mixin transform($value...) {
|
2016-05-25 15:27:18 +00:00
|
|
|
transform: $value;
|
2016-04-22 08:27:58 +00:00
|
|
|
-moz-transform: $value;
|
|
|
|
-o-transform: $value;
|
|
|
|
-ms-transform: $value;
|
|
|
|
-webkit-transform: $value;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@mixin transition($value...) {
|
2016-05-25 15:27:18 +00:00
|
|
|
-webkit-transition: $value;
|
|
|
|
transition: $value;
|
2016-04-22 08:27:58 +00:00
|
|
|
}
|
2016-04-22 09:20:27 +00:00
|
|
|
|
|
|
|
/* [4] Functions
|
|
|
|
=========================================================*/
|
|
|
|
// Transforme une couleur hex en string sans le #
|
|
|
|
@function color-str($color){
|
2016-05-25 15:27:18 +00:00
|
|
|
@return str-slice(#{$color}, 2, str-length(#{$color}));
|
2016-04-22 09:20:27 +00:00
|
|
|
}
|