@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