Project

General

Profile

1 57592 stefania.m
// variables
2
@color_variants: 50,100,200,300,400,500,600,700,800,900,A100,A200,A400,A700;
3
@color_array: 'red','pink','purple','deep-purple','indigo','blue','light-blue','cyan','teal','green','light-green','lime','yellow','amber','orange','deep-orange';
4
@color_array_no_accent: 'brown','grey','blue-grey';
5
6
// colors with accents
7
.makeMdVariants(@i, @actColor) when (@i <= 14) {
8
9
    @colorVariant: extract(@color_variants, @i);
10
11
    .md-color-@{actColor}-@{colorVariant} {
12
        color: ~"@{md-color-@{actColor}-@{colorVariant}}" !important;
13
    }
14
15
    .md-bg-@{actColor}-@{colorVariant} {
16
        background-color: ~"@{md-color-@{actColor}-@{colorVariant}}" !important;
17
    }
18
19
    .makeMdVariants(@i + 1,@actColor);
20
}
21
.makeMdColors(@i) when (@i <= 16) {
22
23
    @actColor: extract(@color_array, @i);
24
25
    .makeMdVariants(1,e(@actColor));
26
27
    .makeMdColors(@i + 1);
28
}
29
.makeMdColors(1);
30
31
32
// colors without accent
33
.makeMdVariantsNoAccent(@i, @actColor) when (@i <= 10) {
34
35
    @colorVariant: extract(@color_variants, @i);
36
37
    .md-color-@{actColor}-@{colorVariant} {
38
        color: ~"@{md-color-@{actColor}-@{colorVariant}}" !important;
39
    }
40
41
    .md-bg-@{actColor}-@{colorVariant} {
42
        background-color: ~"@{md-color-@{actColor}-@{colorVariant}}" !important;
43
    }
44
45
    .makeMdVariantsNoAccent(@i + 1,@actColor);
46
}
47
.makeMdColorsNoAccent(@i) when (@i <= 3) {
48
49
    @actColorNoAccent: extract(@color_array_no_accent, @i);
50
51
    .makeMdVariantsNoAccent(1,e(@actColorNoAccent));
52
53
    .makeMdColorsNoAccent(@i + 1);
54
}
55
.makeMdColorsNoAccent(1);
56
57
.md-color-white {
58
    color: #fff !important;
59
}