mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-14 21:57:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

fixed color of inputs inside well-material-colors

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
css-compiled/material-wfont.css
View File

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

18
css-compiled/material.css
View File

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

3
less/inputs.less
View File

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

12
less/material.less
View File

@ -51,7 +51,17 @@ body, .container, .container-fluid {
.variations(~"", background-color, #FFF); .variations(~"", background-color, #FFF);
} }
[class^="well well-material"] { [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;
}
} }
} }