vue-material/src/components/mdInputContainer/mdInputContainer.theme
2016-08-16 22:38:18 -03:00

48 lines
836 B
Text

.THEME_NAME {
.md-input-container,
&.md-input-container {
&.md-input-focused {
&.md-input-inline {
label {
color: rgba(#000, .54);
}
}
&.md-input-required {
label:after {
color: #{'WARN-COLOR'};
}
}
&:after {
height: 2px;
background-color: #{'PRIMARY-COLOR'};
}
input,
textarea {
color: #{'PRIMARY-COLOR'};
text-shadow: 0 0 0 #{'BACKGROUND-CONTRAST'};
-webkit-text-fill-color: transparent;
}
label {
color: #{'PRIMARY-COLOR'};
}
}
&.md-input-invalid {
&:after {
background-color: #{'WARN-COLOR'};
}
label,
.md-error,
.md-count,
input,
textarea {
color: #{'WARN-COLOR'};
}
}
}
}