mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-11 12:17:59 +03:00
113 lines
3.2 KiB
Plaintext
113 lines
3.2 KiB
Plaintext
// usage: .variations(~" .check", color, transparent);
|
|
.variations(@extra, @property, @default) {
|
|
// Bootstrap shades
|
|
&@{extra}, &-default@{extra} {
|
|
@{property}: @default;
|
|
}
|
|
&-primary@{extra} {
|
|
@{property}: @primary;
|
|
}
|
|
&-success@{extra} {
|
|
@{property}: @success;
|
|
}
|
|
&-info@{extra} {
|
|
@{property}: @info;
|
|
}
|
|
&-warning@{extra} {
|
|
@{property}: @warning;
|
|
}
|
|
&-danger@{extra} {
|
|
@{property}: @danger;
|
|
}
|
|
// Material shades
|
|
&-material-red@{extra} {
|
|
@{property}: @red;
|
|
}
|
|
&-material-pink@{extra} {
|
|
@{property}: @pink;
|
|
}
|
|
&-material-purple@{extra} {
|
|
@{property}: @purple;
|
|
}
|
|
&-material-deeppurple@{extra} {
|
|
@{property}: @deeppurple;
|
|
}
|
|
&-material-indigo@{extra} {
|
|
@{property}: @indigo;
|
|
}
|
|
&-material-blue@{extra} {
|
|
@{property}: @blue;
|
|
}
|
|
&-material-lightblue@{extra} {
|
|
@{property}: @lightblue;
|
|
}
|
|
&-material-cyan@{extra} {
|
|
@{property}: @cyan;
|
|
}
|
|
&-material-teal@{extra} {
|
|
@{property}: @teal;
|
|
}
|
|
&-material-lightgreen@{extra} {
|
|
@{property}: @lightgreen;
|
|
}
|
|
&-material-lime@{extra} {
|
|
@{property}: @lime;
|
|
}
|
|
&-material-lightyellow@{extra} {
|
|
@{property}: @lightyellow;
|
|
}
|
|
&-material-orange@{extra} {
|
|
@{property}: @orange;
|
|
}
|
|
&-material-deeporange@{extra} {
|
|
@{property}: @deeporange;
|
|
}
|
|
&-material-grey@{extra} {
|
|
@{property}: @grey;
|
|
}
|
|
&-material-bluegrey@{extra} {
|
|
@{property}: @bluegrey;
|
|
}
|
|
&-material-brown@{extra} {
|
|
@{property}: @brown;
|
|
}
|
|
&-material-lightgrey@{extra} {
|
|
@{property}: @lightgrey;
|
|
}
|
|
}
|
|
|
|
.background-variations(@extra) {
|
|
.background-variations-factory(@material-color) {
|
|
.background-variations-factory-deep(@material-color-number) {
|
|
&-material-@{material-color}@{material-color-number}@{extra} {
|
|
@final-background-color: "@{material-color}@{material-color-number}";
|
|
background-color: @@final-background-color;
|
|
color: contrast(@@final-background-color, @lightbg-text, @darkbg-text, 25%);
|
|
}
|
|
}
|
|
.background-variations-factory-deep(~"");
|
|
.background-variations-factory-deep(~"-50");
|
|
.background-variations-factory-deep(~"-100");
|
|
.background-variations-factory-deep(~"-200");
|
|
.background-variations-factory-deep(~"-300");
|
|
.background-variations-factory-deep(~"-400");
|
|
.background-variations-factory-deep(~"-500");
|
|
.background-variations-factory-deep(~"-600");
|
|
.background-variations-factory-deep(~"-700");
|
|
.background-variations-factory-deep(~"-800");
|
|
.background-variations-factory-deep(~"-900");
|
|
.background-variations-factory-deep(~"-A100");
|
|
.background-variations-factory-deep(~"-A200");
|
|
.background-variations-factory-deep(~"-A400");
|
|
.background-variations-factory-deep(~"-A700");
|
|
}
|
|
.background-variations-factory(~"lime");
|
|
.background-variations-factory(~"red");
|
|
.background-variations-factory(~"pink");
|
|
.background-variations-factory(~"deep-purple");
|
|
.background-variations-factory(~"deep-orange");
|
|
.background-variations-factory(~"orange");
|
|
}
|
|
|
|
@all-variations: ~"-default, -primary, -info, -success, -warning, -danger";
|