parent
b62b18b107
commit
b8dbeed03e
2 changed files with 51 additions and 8 deletions
|
@ -14,19 +14,32 @@ $whiteness_value: 0.8;
|
||||||
// Couleurs de base du theme :
|
// Couleurs de base du theme :
|
||||||
|
|
||||||
$palette: (
|
$palette: (
|
||||||
"blue":#339af0,
|
"blue":#1971c2,
|
||||||
"violet":#845ef7,
|
"violet":#6741d9,
|
||||||
"red":#e33d22,
|
"red":#e03131,
|
||||||
"orange":#ff922b,
|
"orange":#e8590c,
|
||||||
"green":#51cf66,
|
"green":#2f9e44,
|
||||||
"skyblue":#3bc9db,
|
"skyblue":#0c8599,
|
||||||
"dark": #343a40,
|
"dark": #343a40,
|
||||||
"light":#fefefe,
|
"light":#ffffff,
|
||||||
"yellow":#fcc419,
|
"yellow":#ffe066,
|
||||||
"grey":#adb5bd,
|
"grey":#adb5bd,
|
||||||
"dark2":#212529,
|
"dark2":#212529,
|
||||||
"light2":#f1f3f5);
|
"light2":#f1f3f5);
|
||||||
|
|
||||||
|
$palette-light: (
|
||||||
|
"blue": #a5d8ff,
|
||||||
|
"violet":#d0bfff,
|
||||||
|
"red":#ffc9c9,
|
||||||
|
"orange":#ffd8a8,
|
||||||
|
"green":#b2f2bb,
|
||||||
|
"skyblue":#99e9f2,
|
||||||
|
"yellow":#ffec99,
|
||||||
|
"light":#ffffff,
|
||||||
|
"grey":#f1f3f5,
|
||||||
|
"dark":#adb5bd
|
||||||
|
);
|
||||||
|
|
||||||
$semantics: (
|
$semantics: (
|
||||||
"primary":"red",
|
"primary":"red",
|
||||||
"secondary":"dark",
|
"secondary":"dark",
|
||||||
|
@ -60,6 +73,22 @@ $helpers: (
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@function get-color-light($name) {
|
||||||
|
@if map-has-key($helpers, $name) {
|
||||||
|
@return map-get($palette-light, map-get($helpers, $name));
|
||||||
|
}
|
||||||
|
|
||||||
|
@else {
|
||||||
|
@if map-has-key($semantics, $name) {
|
||||||
|
@return map-get($palette-light, map-get($semantics, $name));
|
||||||
|
}
|
||||||
|
|
||||||
|
@else {
|
||||||
|
@return map-get($palette-light, $name);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// **Couleurs du theme**
|
// **Couleurs du theme**
|
||||||
// Ne pas retirer ces couleurs, qui
|
// Ne pas retirer ces couleurs, qui
|
||||||
// sont essentielle pour que le framework functionne.
|
// sont essentielle pour que le framework functionne.
|
||||||
|
|
|
@ -38,6 +38,20 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bg-soft {
|
||||||
|
|
||||||
|
@each $name,
|
||||||
|
$color in list-colors() {
|
||||||
|
&-#{$name} {
|
||||||
|
@include bg-color(get-color-light($name));
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
@include bg-color(get-color-light($name));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
|
|
||||||
@each $name,
|
@each $name,
|
||||||
|
|
Reference in a new issue