2015-11-10 22:36:15 +03:00
|
|
|
// Placeholder text
|
|
|
|
.material-placeholder(@rules) {
|
|
|
|
&::-moz-placeholder { @rules(); } // Firefox
|
|
|
|
&:-ms-input-placeholder { @rules(); } // Internet Explorer 10+
|
|
|
|
&::-webkit-input-placeholder { @rules(); } // Safari and Chrome
|
|
|
|
}
|
|
|
|
|
|
|
|
// usage: .variations(~" .check", color, transparent);
|
|
|
|
.variations(@extra, @property, @default) {
|
|
|
|
.generic-variations(@extra, @default, {
|
2015-11-21 17:56:29 +03:00
|
|
|
@{property}: @mdb-color;
|
2015-11-10 22:36:15 +03:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
.background-variations(@extra, @default) {
|
|
|
|
.generic-variations(@extra, @default, {
|
2015-11-21 17:56:29 +03:00
|
|
|
background-color: @mdb-color;
|
|
|
|
& when (@mdb-color = @btn-default) {
|
2015-11-10 22:36:15 +03:00
|
|
|
color: @lightbg-text;
|
|
|
|
}
|
2015-11-21 17:56:29 +03:00
|
|
|
& when not (@mdb-color = @btn-default) {
|
|
|
|
color: @mdb-text-color;
|
2015-11-10 22:36:15 +03:00
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-variations(@extra, @default) {
|
|
|
|
.generic-variations(@extra, @default, {
|
2015-11-21 17:56:29 +03:00
|
|
|
color: @mdb-color;
|
2015-11-10 22:36:15 +03:00
|
|
|
});
|
|
|
|
}
|