mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-23 10:04:04 +03:00
60 lines
2.1 KiB
SCSS
60 lines
2.1 KiB
SCSS
@import 'mixins-shared';
|
|
|
|
@mixin generic-variations-colors($args) {
|
|
|
|
//$material-color-names: $red $pink $purple $deep-purple $indigo $blue $light-blue $cyan $teal $green $light-green $lime $yellow $amber $orange $deep-orange $brown $grey $blue-grey;
|
|
|
|
$material-colors: (
|
|
"red": $red,
|
|
"pink": $pink,
|
|
"purple": $purple,
|
|
"deep-purple": $deep-purple,
|
|
"indigo": $indigo,
|
|
"blue": $blue,
|
|
"light-blue": $light-blue,
|
|
"cyan": $cyan,
|
|
"teal": $teal,
|
|
"green": $green,
|
|
"light-green": $light-green,
|
|
"lime": $lime,
|
|
"yellow": $yellow,
|
|
"amber": $amber,
|
|
"orange": $orange,
|
|
"deep-orange": $deep-orange,
|
|
"brown": $brown,
|
|
"grey": $grey,
|
|
"blue-grey": $blue-grey
|
|
);
|
|
|
|
@each $material-color-name, $material-color in $material-colors {
|
|
// build a single depth color palette
|
|
$args-variation-color: map-merge($args, (
|
|
material-color-name: $material-color-name,
|
|
material-color: $material-color,
|
|
material-color-number: ""
|
|
));
|
|
|
|
@include generic-variations-color($args-variation-color)
|
|
}
|
|
|
|
//@each $material-color-name in $material-color-names {
|
|
// //// given a color build multiples depths
|
|
// //$material-color-numbers: "" "-50" "-100" "-200" "-300" "-400" "-500" "-600" "-700" "-800" "-900" "-A100" "-A200" "-A400" "-A700";
|
|
// //@each $material-color-number in $material-color-numbers {
|
|
// // @include generic-variations-color($mixin-name, $extra, $default, $contrast-factor, $material-color-name, $material-color-number)
|
|
// //}
|
|
//
|
|
// // build a single depth color palette
|
|
// $args-variation-color: map-merge($args, (
|
|
// material-color-name: $material-color-name,
|
|
// material-color-number: ""
|
|
// ));
|
|
//
|
|
// @include generic-variations-color($args-variation-color)
|
|
//}
|
|
}
|
|
|
|
|
|
// http://hugogiraudel.com/2014/01/27/casting-types-in-sass/
|
|
// https://github.com/HugoGiraudel/SassyJSON/blob/master/stylesheets/decode/helpers/color/_color.scss
|