mdb-ui-kit/sass/_mixins.scss
2015-11-04 14:49:03 -06:00

61 lines
2.1 KiB
SCSS

// This file is NOT automatically converted and must be manually merged
@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