2015-11-03 18:57:40 +03:00
|
|
|
@import 'mixins-shared';
|
2014-10-03 15:58:24 +04:00
|
|
|
|
2015-11-04 19:57:10 +03:00
|
|
|
@mixin generic-variations-colors($args) {
|
2015-11-03 17:21:39 +03:00
|
|
|
|
2015-11-04 21:03:16 +03:00
|
|
|
//$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;
|
2015-11-02 23:39:13 +03:00
|
|
|
|
2015-11-04 21:03:16 +03:00
|
|
|
$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 {
|
2015-11-03 17:21:39 +03:00
|
|
|
// build a single depth color palette
|
2015-11-04 21:03:16 +03:00
|
|
|
$args-variation-color: map-merge($args, (
|
|
|
|
material-color-name: $material-color-name,
|
|
|
|
material-color: $material-color,
|
2015-11-04 19:57:10 +03:00
|
|
|
material-color-number: ""
|
|
|
|
));
|
|
|
|
|
2015-11-04 21:03:16 +03:00
|
|
|
@include generic-variations-color($args-variation-color)
|
2015-11-03 17:21:39 +03:00
|
|
|
}
|
2015-11-04 21:03:16 +03:00
|
|
|
|
|
|
|
//@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)
|
|
|
|
//}
|
2014-10-08 16:52:08 +04:00
|
|
|
}
|
2015-11-04 21:03:16 +03:00
|
|
|
|
|
|
|
|
|
|
|
// http://hugogiraudel.com/2014/01/27/casting-types-in-sass/
|
|
|
|
// https://github.com/HugoGiraudel/SassyJSON/blob/master/stylesheets/decode/helpers/color/_color.scss
|