NxTIC/public_html/css/constants.scss

58 lines
1.3 KiB
SCSS

/* [1] COULEURS
=========================================================*/
/* (1) COULEURS DU THEME $DEFAULT */
$theme-bg: #e8e8e8;
$theme-bg-primary: #ffffff;
$theme-fg: #515151;
$theme-fg-primary: #0e6dbf;
/* (2) COULEURS DE THEME $DARK */
$dark-bg: #313541;
$dark-bg-primary: #29282e;
$dark-fg: #939393;
$dark-fg-primary: #ffffff;
$header-dark: #F8F8FA;
/* (3) Couleurs du theme pour la timeline */
$timeline-color: #738394;
$timeline-0: #0e6dbf;
$timeline-1: #e64e3e;
$timeline-2: #d54b28;
$timeline-3: #b14be7;
$timeline-4: #053b5d;
$timeline-fb: #3b5998;
/* [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}));
}