fixed color of inputs inside well-material-colors

This commit is contained in:
Federico Zivolo 2014-09-23 09:45:04 +02:00
parent b06a754844
commit 49d12f901f
4 changed files with 39 additions and 12 deletions

View File

@ -1201,9 +1201,6 @@ select[multiple].form-control.focus {
animation-fill-mode: forwards;
opacity: 0;
}
.form-control-wrapper select ~ .material-input:before {
bottom: 1px;
}
.form-control-wrapper select ~ .material-input:after {
display: none;
}
@ -1890,9 +1887,22 @@ body .jumbotron-material-lightgrey,
}
body [class^="well well-material"],
.container [class^="well well-material"],
.container-fluid [class^="well well-material"] {
.container-fluid [class^="well well-material"],
body [class^="well well-material"] .form-control,
.container [class^="well well-material"] .form-control,
.container-fluid [class^="well well-material"] .form-control {
color: rgba(255, 255, 255, 0.84);
}
body [class^="well well-material"] .form-control,
.container [class^="well well-material"] .form-control,
.container-fluid [class^="well well-material"] .form-control {
border-bottom-color: rgba(255, 255, 255, 0.84);
}
body [class^="well well-material"] .option,
.container [class^="well well-material"] .option,
.container-fluid [class^="well well-material"] .option {
color: rgba(0, 0, 0, 0.84);
}
.modal-content {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
border-radius: 0;

View File

@ -1200,9 +1200,6 @@ select[multiple].form-control.focus {
animation-fill-mode: forwards;
opacity: 0;
}
.form-control-wrapper select ~ .material-input:before {
bottom: 1px;
}
.form-control-wrapper select ~ .material-input:after {
display: none;
}
@ -1889,9 +1886,22 @@ body .jumbotron-material-lightgrey,
}
body [class^="well well-material"],
.container [class^="well well-material"],
.container-fluid [class^="well well-material"] {
.container-fluid [class^="well well-material"],
body [class^="well well-material"] .form-control,
.container [class^="well well-material"] .form-control,
.container-fluid [class^="well well-material"] .form-control {
color: rgba(255, 255, 255, 0.84);
}
body [class^="well well-material"] .form-control,
.container [class^="well well-material"] .form-control,
.container-fluid [class^="well well-material"] .form-control {
border-bottom-color: rgba(255, 255, 255, 0.84);
}
body [class^="well well-material"] .option,
.container [class^="well well-material"] .option,
.container-fluid [class^="well well-material"] .option {
color: rgba(0, 0, 0, 0.84);
}
.modal-content {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
border-radius: 0;

View File

@ -106,9 +106,6 @@ select[multiple].form-control {
opacity: 0;
}
select ~ .material-input:before {
bottom: 1px;
}
select ~ .material-input:after {
display: none;
}

View File

@ -51,7 +51,17 @@ body, .container, .container-fluid {
.variations(~"", background-color, #FFF);
}
[class^="well well-material"] {
color: @darkbg-text;
&, .form-control {
color: @darkbg-text;
}
.form-control {
border-bottom-color: @darkbg-text;
}
// Rule to fix selectize plugin
.option {
color: @lightbg-text;
}
}
}