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

removed form-control-wrapper in lieu of standard form-group

Browse Source
This commit is contained in:
Kevin Ross 2015-11-06 10:30:05 -06:00
parent 000d46d930
commit 2d52fc271c
20 changed files with 1610 additions and 6110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2830
bootstrap-elements-sass.html
View File

File diff suppressed because it is too large Load Diff

2426
dist/css/material-fullpalette.css vendored
View File

File diff suppressed because it is too large Load Diff

2
dist/css/material-fullpalette.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material-fullpalette.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material-fullpalette.min.css.map vendored
View File

File diff suppressed because one or more lines are too long

298
dist/css/material.css vendored
View File

@ -4925,13 +4925,13 @@ fieldset[disabled] .form-control {
background-color: rgba(0, 0, 0, 0);
}
fieldset[disabled] .form-control:disabled,
.form-control-wrapper .form-control:disabled,
.form-group .form-control:disabled,
.form-control:disabled,
fieldset[disabled] .form-control:focus:disabled,
.form-control-wrapper .form-control:focus:disabled,
.form-group .form-control:focus:disabled,
.form-control:focus:disabled,
fieldset[disabled] .form-control.focus:disabled,
.form-control-wrapper .form-control.focus:disabled,
.form-group .form-control.focus:disabled,
.form-control.focus:disabled {
border: 0;
}
@ -4943,10 +4943,10 @@ fieldset[disabled] .form-control.focus:disabled,
box-shadow: none;
transition-duration: 0.3s;
}
.form-control-wrapper {
.form-group {
position: relative;
}
.form-control-wrapper .floating-label {
.form-group .floating-label {
color: #bdbdbd;
position: absolute;
pointer-events: none;
@ -4954,65 +4954,65 @@ fieldset[disabled] .form-control.focus:disabled,
top: 5px;
transition: 0.3s ease all;
}
.form-control-wrapper .floating-label {
.form-group .floating-label {
font-size: 14px;
}
.form-control-wrapper .form-control:focus ~ .floating-label,
.form-control-wrapper .form-control:not(.empty) ~ .floating-label {
.form-group .form-control:focus ~ .floating-label,
.form-group .form-control:not(.empty) ~ .floating-label {
top: -9.8px;
font-size: 9.8px;
}
.form-control-wrapper .input-sm + .floating-label {
.form-group .input-sm + .floating-label {
font-size: 12px;
top: 7px;
}
.form-control-wrapper .form-control.input-sm:focus ~ .floating-label,
.form-control-wrapper .form-control.input-sm:not(.empty) ~ .floating-label {
.form-group .form-control.input-sm:focus ~ .floating-label,
.form-group .form-control.input-sm:not(.empty) ~ .floating-label {
top: -8.4px;
font-size: 8.4px;
}
.form-control-wrapper .input-lg + .floating-label {
.form-group .input-lg + .floating-label {
font-size: 18px;
top: 10px;
}
.form-control-wrapper .form-control.input-lg:focus ~ .floating-label,
.form-control-wrapper .form-control.input-lg:not(.empty) ~ .floating-label {
.form-group .form-control.input-lg:focus ~ .floating-label,
.form-group .form-control.input-lg:not(.empty) ~ .floating-label {
top: -12.6px;
font-size: 12.6px;
}
.form-control-wrapper .form-control:focus ~ .floating-label {
.form-group .form-control:focus ~ .floating-label {
color: #009688;
}
.form-control-wrapper .form-control:not(.empty):invalid ~ .floating-label,
.form-control-wrapper .form-control.focus:invalid ~ .floating-label {
.form-group .form-control:not(.empty):invalid ~ .floating-label,
.form-group .form-control.focus:invalid ~ .floating-label {
color: #f44336;
}
.form-control-wrapper .form-control:focus ~ .material-input:after,
.form-control-wrapper .form-control.focus ~ .material-input:after {
.form-group .form-control:focus ~ .material-input:after,
.form-group .form-control.focus ~ .material-input:after {
background-color: #009688;
}
.form-control-wrapper .form-control:invalid {
.form-group .form-control:invalid {
background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
}
.form-control-wrapper textarea {
.form-group textarea {
resize: none;
}
.form-control-wrapper textarea ~ .form-control-highlight {
.form-group textarea ~ .form-control-highlight {
margin-top: -11px;
}
.form-control-wrapper .hint {
.form-group .hint {
position: absolute;
font-size: 80%;
display: none;
}
.form-control-wrapper .form-control:focus ~ .hint,
.form-control-wrapper .form-control.focus ~ .hint {
.form-group .form-control:focus ~ .hint,
.form-group .form-control.focus ~ .hint {
display: block;
}
.form-control-wrapper select ~ .material-input:after {
.form-group select ~ .material-input:after {
display: none;
}
.form-control-wrapper select {
.form-group select {
appearance: none;
}
.form-group.has-warning .form-control {
@ -5322,11 +5322,11 @@ fieldset[disabled] .form-control.focus:disabled,
.form-group-material-blue-grey input.form-control:focus ~ .floating-label {
color: #607d8b;
}
.input-group .form-control-wrapper {
.input-group .form-group {
margin-right: 5px;
margin-left: 5px;
}
.input-group .form-control-wrapper .form-control {
.input-group .form-group .form-control {
float: none;
}
.input-group .input-group-addon {
@ -5347,7 +5347,7 @@ select.form-control.focus {
box-shadow: none;
border-color: #757575;
}
.form-control-wrapper input[type=file] {
.form-group input[type=file] {
opacity: 0;
position: absolute;
top: 0;
@ -5599,13 +5599,13 @@ fieldset[disabled] .navbar .btn-link:focus {
.navbar .navbar-form {
margin-top: 16px;
}
.navbar .navbar-form .form-control-wrapper .form-control,
.navbar .navbar-form .form-group .form-control,
.navbar .navbar-form .form-control {
border-color: inherit;
color: inherit;
}
.navbar .navbar-form .form-control-wrapper .material-input:before,
.navbar .navbar-form .form-control-wrapper input:focus ~ .material-input:after {
.navbar .navbar-form .form-group .material-input:before,
.navbar .navbar-form .form-group input:focus ~ .material-input:after {
background-color: inherit;
}
.navbar.navbar,
@ -5613,26 +5613,26 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #009688;
color: rgba(255, 255, 255, 0.84);
}
.navbar.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-default.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-default.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar .navbar-form input.form-control::-webkit-input-placeholder,
.navbar-default.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-default.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-default.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar .navbar-form input.form-control::-moz-placeholder,
.navbar-default.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-default.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-default.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar .navbar-form input.form-control:-ms-input-placeholder,
.navbar-default.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-default.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-default.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar.navbar .navbar-form input.form-control::placeholder,
.navbar-default.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
@ -5668,19 +5668,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #000000;
color: rgba(255, 255, 255, 0.84);
}
.navbar-black.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-black.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-black.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-black.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-black.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-black.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-black.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-black.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-black.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-black.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-black.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-black.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -5708,19 +5708,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #ffffff;
color: rgba(0, 0, 0, 0.84);
}
.navbar-white.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-white.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-white.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-white.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-white.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-white.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-white.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-white.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-white.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-white.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-white.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-white.navbar .navbar-form input.form-control::placeholder {
color: rgba(0, 0, 0, 0.84);
}
@ -5748,19 +5748,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #3f51b5;
color: rgba(255, 255, 255, 0.84);
}
.navbar-inverse.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-inverse.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-inverse.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-inverse.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-inverse.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-inverse.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-inverse.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-inverse.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-inverse.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-inverse.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-inverse.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-inverse.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -5788,19 +5788,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #009688;
color: rgba(255, 255, 255, 0.84);
}
.navbar-primary.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-primary.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-primary.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-primary.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-primary.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-primary.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-primary.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-primary.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-primary.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-primary.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-primary.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-primary.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -5828,19 +5828,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #4caf50;
color: rgba(255, 255, 255, 0.84);
}
.navbar-success.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-success.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-success.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-success.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-success.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-success.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-success.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-success.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-success.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-success.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-success.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-success.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -5868,19 +5868,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #03a9f4;
color: rgba(255, 255, 255, 0.84);
}
.navbar-info.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-info.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-info.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-info.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-info.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-info.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-info.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-info.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-info.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-info.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-info.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-info.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -5908,19 +5908,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #ff5722;
color: rgba(255, 255, 255, 0.84);
}
.navbar-warning.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-warning.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-warning.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-warning.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-warning.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-warning.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-warning.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-warning.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-warning.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-warning.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-warning.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-warning.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -5948,19 +5948,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #f44336;
color: rgba(255, 255, 255, 0.84);
}
.navbar-danger.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-danger.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-danger.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-danger.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-danger.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-danger.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-danger.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-danger.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-danger.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-danger.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-danger.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-danger.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -5988,19 +5988,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #f44336;
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-red.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-red.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-red.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-red.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-red.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-red.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-red.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-red.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-red.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-red.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-red.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-red.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -6028,19 +6028,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #e91e63;
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-pink.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-pink.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-pink.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-pink.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-pink.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-pink.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-pink.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-pink.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-pink.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-pink.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-pink.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-pink.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -6068,19 +6068,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #9c27b0;
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-purple.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-purple.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-purple.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-purple.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-purple.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-purple.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-purple.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-purple.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-purple.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-purple.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-purple.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-purple.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -6108,19 +6108,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #673ab7;
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-deep-purple.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-deep-purple.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-deep-purple.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-deep-purple.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-deep-purple.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-deep-purple.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-deep-purple.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-deep-purple.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-deep-purple.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-deep-purple.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-deep-purple.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-deep-purple.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -6148,19 +6148,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #3f51b5;
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-indigo.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-indigo.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-indigo.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-indigo.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-indigo.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-indigo.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-indigo.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-indigo.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-indigo.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-indigo.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-indigo.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-indigo.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -6188,19 +6188,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #2196f3;
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-blue.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-blue.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-blue.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-blue.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-blue.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-blue.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-blue.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-blue.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-blue.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-blue.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-blue.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-blue.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -6228,19 +6228,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #03a9f4;
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-light-blue.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-light-blue.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-light-blue.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-light-blue.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-light-blue.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-light-blue.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-light-blue.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-light-blue.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-light-blue.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-light-blue.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-light-blue.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-light-blue.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -6268,19 +6268,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #00bcd4;
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-cyan.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-cyan.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-cyan.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-cyan.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-cyan.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-cyan.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-cyan.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-cyan.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-cyan.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-cyan.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-cyan.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-cyan.navbar .navbar-form input.form-control::placeholder {
color: rgba(0, 0, 0, 0.84);
}
@ -6308,19 +6308,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #009688;
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-teal.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-teal.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-teal.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-teal.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-teal.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-teal.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-teal.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-teal.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-teal.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-teal.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-teal.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-teal.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -6348,19 +6348,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #4caf50;
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-green.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-green.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-green.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-green.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-green.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-green.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-green.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-green.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-green.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-green.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-green.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-green.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -6388,19 +6388,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #8bc34a;
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-light-green.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-light-green.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-light-green.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-light-green.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-light-green.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-light-green.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-light-green.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-light-green.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-light-green.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-light-green.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-light-green.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-light-green.navbar .navbar-form input.form-control::placeholder {
color: rgba(0, 0, 0, 0.84);
}
@ -6428,19 +6428,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #cddc39;
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-lime.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-lime.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-lime.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-lime.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-lime.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-lime.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-lime.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-lime.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-lime.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-lime.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-lime.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-lime.navbar .navbar-form input.form-control::placeholder {
color: rgba(0, 0, 0, 0.84);
}
@ -6468,19 +6468,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #ffeb3b;
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-yellow.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-yellow.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-yellow.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-yellow.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-yellow.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-yellow.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-yellow.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-yellow.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-yellow.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-yellow.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-yellow.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-yellow.navbar .navbar-form input.form-control::placeholder {
color: rgba(0, 0, 0, 0.84);
}
@ -6508,19 +6508,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #ffc107;
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-amber.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-amber.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-amber.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-amber.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-amber.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-amber.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-amber.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-amber.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-amber.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-amber.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-amber.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-amber.navbar .navbar-form input.form-control::placeholder {
color: rgba(0, 0, 0, 0.84);
}
@ -6548,19 +6548,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #ff9800;
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-orange.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-orange.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-orange.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-orange.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-orange.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-orange.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-orange.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-orange.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-orange.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-orange.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-orange.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-orange.navbar .navbar-form input.form-control::placeholder {
color: rgba(0, 0, 0, 0.84);
}
@ -6588,19 +6588,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #ff5722;
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-deep-orange.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-deep-orange.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-deep-orange.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-deep-orange.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-deep-orange.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-deep-orange.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-deep-orange.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-deep-orange.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-deep-orange.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-deep-orange.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-deep-orange.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-deep-orange.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -6628,19 +6628,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #795548;
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-brown.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-brown.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-brown.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-brown.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-brown.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-brown.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-brown.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-brown.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-brown.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-brown.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-brown.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-brown.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -6668,19 +6668,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #9e9e9e;
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-grey.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-grey.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-grey.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-grey.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-grey.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-grey.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-grey.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-grey.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-grey.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-grey.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-grey.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-grey.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}
@ -6708,19 +6708,19 @@ fieldset[disabled] .navbar .btn-link:focus {
background-color: #607d8b;
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-blue-grey.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
.navbar-material-blue-grey.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar-material-blue-grey.navbar .navbar-form input.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-blue-grey.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
.navbar-material-blue-grey.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar-material-blue-grey.navbar .navbar-form input.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-blue-grey.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
.navbar-material-blue-grey.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar-material-blue-grey.navbar .navbar-form input.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.84);
}
.navbar-material-blue-grey.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
.navbar-material-blue-grey.navbar .navbar-form .form-group input.form-control::placeholder,
.navbar-material-blue-grey.navbar .navbar-form input.form-control::placeholder {
color: rgba(255, 255, 255, 0.84);
}

2
dist/css/material.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material.min.css.map vendored
View File

File diff suppressed because one or more lines are too long

13
dist/js/material.js vendored
View File

@ -72,10 +72,15 @@
.each( function() {
var $this = $(this);
var formGroup = $this.parent(".form-group");
if(formGroup.length === 0){
console.error("Expected form-group for input", $this);
}
if (!$this.attr("data-hint") && !$this.hasClass("floating-label")) {
return;
}
$this.wrap("<div class=form-control-wrapper></div>");
//$this.wrap("<div class=form-control-wrapper></div>"); // now using/requiring form-group
$this.after("<span class=material-input></span>");
// Add floating label if required
@ -119,13 +124,13 @@
$this.removeClass("empty");
}
})
.on("focus", ".form-control-wrapper.fileinput", function() {
.on("focus", ".form-group.fileinput", function() {
$(this).find("input").addClass("focus");
})
.on("blur", ".form-control-wrapper.fileinput", function() {
.on("blur", ".form-group.fileinput", function() {
$(this).find("input").removeClass("focus");
})
.on("change", ".form-control-wrapper.fileinput [type=file]", function() {
.on("change", ".form-group.fileinput [type=file]", function() {
var $this = $(this);
var value = "";
$.each(this.files, function(i, file) {

2
dist/js/material.min.js vendored
View File

@ -1,2 +1,2 @@
!function(a){function b(a){return"undefined"==typeof a.which?!0:"number"==typeof a.which&&a.which>0?!a.ctrlKey&&!a.metaKey&&!a.altKey&&8!=a.which&&9!=a.which:!1}a.expr[":"].notmdproc=function(b){return a(b).data("mdproc")?!1:!0},a.material={options:{input:!0,ripples:!0,checkbox:!0,togglebutton:!0,radio:!0,arrive:!0,autofill:!1,withRipples:[".btn:not(.btn-link)",".card-image",".navbar a:not(.withoutripple)",".dropdown-menu a",".nav-tabs a:not(.withoutripple)",".withripple",".pagination li:not(.active):not(.disabled) a:not(.withoutripple)"].join(","),inputElements:"input.form-control, textarea.form-control, select.form-control",checkboxElements:".checkbox > label > input[type=checkbox]",togglebuttonElements:".togglebutton > label > input[type=checkbox]",radioElements:".radio > label > input[type=radio]"},checkbox:function(b){a(b?b:this.options.checkboxElements).filter(":notmdproc").data("mdproc",!0).after("<span class=checkbox-material><span class=check></span></span>")},togglebutton:function(b){a(b?b:this.options.togglebuttonElements).filter(":notmdproc").data("mdproc",!0).after("<span class=toggle></span>")},radio:function(b){a(b?b:this.options.radioElements).filter(":notmdproc").data("mdproc",!0).after("<span class=circle></span><span class=check></span>")},input:function(b){a(b?b:this.options.inputElements).filter(":notmdproc").data("mdproc",!0).each(function(){var b=a(this);if(b.attr("data-hint")||b.hasClass("floating-label")){if(b.wrap("<div class=form-control-wrapper></div>"),b.after("<span class=material-input></span>"),b.hasClass("floating-label")){var c=b.attr("placeholder");b.attr("placeholder",null).removeClass("floating-label"),b.after("<div class=floating-label>"+c+"</div>")}if(b.attr("data-hint")&&b.after("<div class=hint>"+b.attr("data-hint")+"</div>"),(null===b.val()||"undefined"==b.val()||""===b.val())&&b.addClass("empty"),b.parent().next().is("[type=file]")){b.parent().addClass("fileinput");var d=b.parent().next().detach();b.after(d)}}})},attachInputEventHandlers:function(){a(document).on("change",".checkbox input[type=checkbox]",function(){a(this).blur()}).on("keydown paste",".form-control",function(c){b(c)&&a(this).removeClass("empty")}).on("keyup change",".form-control",function(){var b=a(this);""!==b.val()||"undefined"!=typeof b[0].checkValidity&&!b[0].checkValidity()?b.removeClass("empty"):b.addClass("empty")}).on("focus",".form-control-wrapper.fileinput",function(){a(this).find("input").addClass("focus")}).on("blur",".form-control-wrapper.fileinput",function(){a(this).find("input").removeClass("focus")}).on("change",".form-control-wrapper.fileinput [type=file]",function(){var b=a(this),c="";a.each(this.files,function(a,b){c+=b.name+", "}),c=c.substring(0,c.length-2),c?b.prev().removeClass("empty"):b.prev().addClass("empty"),b.prev().val(c)})},ripples:function(b){a(b?b:this.options.withRipples).ripples()},autofill:function(){var b=setInterval(function(){a("input[type!=checkbox]").each(function(){var b=a(this);b.val()&&b.val()!==b.attr("value")&&b.trigger("change")})},100);setTimeout(function(){clearInterval(b)},1e4)},attachAutofillEventHandlers:function(){var b;a(document).on("focus","input",function(){var c=a(this).parents("form").find("input").not("[type=file]");b=setInterval(function(){c.each(function(){var b=a(this);b.val()!==b.attr("value")&&b.trigger("change")})},100)}).on("blur","input",function(){clearInterval(b)})},init:function(){var b=a(document);a.fn.ripples&&this.options.ripples&&this.ripples(),this.options.input&&(this.input(),this.attachInputEventHandlers()),this.options.checkbox&&this.checkbox(),this.options.togglebutton&&this.togglebutton(),this.options.radio&&this.radio(),this.options.autofill&&(this.autofill(),this.attachAutofillEventHandlers()),document.arrive&&this.options.arrive&&(a.fn.ripples&&this.options.ripples&&b.arrive(this.options.withRipples,function(){a.material.ripples(a(this))}),this.options.input&&b.arrive(this.options.inputElements,function(){a.material.input(a(this))}),this.options.checkbox&&b.arrive(this.options.checkboxElements,function(){a.material.checkbox(a(this))}),this.options.radio&&b.arrive(this.options.radioElements,function(){a.material.radio(a(this))}),this.options.togglebutton&&b.arrive(this.options.togglebuttonElements,function(){a.material.togglebutton(a(this))}))}}}(jQuery);
!function(a){function b(a){return"undefined"==typeof a.which?!0:"number"==typeof a.which&&a.which>0?!a.ctrlKey&&!a.metaKey&&!a.altKey&&8!=a.which&&9!=a.which:!1}a.expr[":"].notmdproc=function(b){return a(b).data("mdproc")?!1:!0},a.material={options:{input:!0,ripples:!0,checkbox:!0,togglebutton:!0,radio:!0,arrive:!0,autofill:!1,withRipples:[".btn:not(.btn-link)",".card-image",".navbar a:not(.withoutripple)",".dropdown-menu a",".nav-tabs a:not(.withoutripple)",".withripple",".pagination li:not(.active):not(.disabled) a:not(.withoutripple)"].join(","),inputElements:"input.form-control, textarea.form-control, select.form-control",checkboxElements:".checkbox > label > input[type=checkbox]",togglebuttonElements:".togglebutton > label > input[type=checkbox]",radioElements:".radio > label > input[type=radio]"},checkbox:function(b){a(b?b:this.options.checkboxElements).filter(":notmdproc").data("mdproc",!0).after("<span class=checkbox-material><span class=check></span></span>")},togglebutton:function(b){a(b?b:this.options.togglebuttonElements).filter(":notmdproc").data("mdproc",!0).after("<span class=toggle></span>")},radio:function(b){a(b?b:this.options.radioElements).filter(":notmdproc").data("mdproc",!0).after("<span class=circle></span><span class=check></span>")},input:function(b){a(b?b:this.options.inputElements).filter(":notmdproc").data("mdproc",!0).each(function(){var b=a(this),c=b.parent(".form-group");if(0===c.length&&console.error("Expected form-group for input",b),b.attr("data-hint")||b.hasClass("floating-label")){if(b.after("<span class=material-input></span>"),b.hasClass("floating-label")){var d=b.attr("placeholder");b.attr("placeholder",null).removeClass("floating-label"),b.after("<div class=floating-label>"+d+"</div>")}if(b.attr("data-hint")&&b.after("<div class=hint>"+b.attr("data-hint")+"</div>"),(null===b.val()||"undefined"==b.val()||""===b.val())&&b.addClass("empty"),b.parent().next().is("[type=file]")){b.parent().addClass("fileinput");var e=b.parent().next().detach();b.after(e)}}})},attachInputEventHandlers:function(){a(document).on("change",".checkbox input[type=checkbox]",function(){a(this).blur()}).on("keydown paste",".form-control",function(c){b(c)&&a(this).removeClass("empty")}).on("keyup change",".form-control",function(){var b=a(this);""!==b.val()||"undefined"!=typeof b[0].checkValidity&&!b[0].checkValidity()?b.removeClass("empty"):b.addClass("empty")}).on("focus",".form-group.fileinput",function(){a(this).find("input").addClass("focus")}).on("blur",".form-group.fileinput",function(){a(this).find("input").removeClass("focus")}).on("change",".form-group.fileinput [type=file]",function(){var b=a(this),c="";a.each(this.files,function(a,b){c+=b.name+", "}),c=c.substring(0,c.length-2),c?b.prev().removeClass("empty"):b.prev().addClass("empty"),b.prev().val(c)})},ripples:function(b){a(b?b:this.options.withRipples).ripples()},autofill:function(){var b=setInterval(function(){a("input[type!=checkbox]").each(function(){var b=a(this);b.val()&&b.val()!==b.attr("value")&&b.trigger("change")})},100);setTimeout(function(){clearInterval(b)},1e4)},attachAutofillEventHandlers:function(){var b;a(document).on("focus","input",function(){var c=a(this).parents("form").find("input").not("[type=file]");b=setInterval(function(){c.each(function(){var b=a(this);b.val()!==b.attr("value")&&b.trigger("change")})},100)}).on("blur","input",function(){clearInterval(b)})},init:function(){var b=a(document);a.fn.ripples&&this.options.ripples&&this.ripples(),this.options.input&&(this.input(),this.attachInputEventHandlers()),this.options.checkbox&&this.checkbox(),this.options.togglebutton&&this.togglebutton(),this.options.radio&&this.radio(),this.options.autofill&&(this.autofill(),this.attachAutofillEventHandlers()),document.arrive&&this.options.arrive&&(a.fn.ripples&&this.options.ripples&&b.arrive(this.options.withRipples,function(){a.material.ripples(a(this))}),this.options.input&&b.arrive(this.options.inputElements,function(){a.material.input(a(this))}),this.options.checkbox&&b.arrive(this.options.checkboxElements,function(){a.material.checkbox(a(this))}),this.options.radio&&b.arrive(this.options.radioElements,function(){a.material.radio(a(this))}),this.options.togglebutton&&b.arrive(this.options.togglebuttonElements,function(){a.material.togglebutton(a(this))}))}}}(jQuery);
//# sourceMappingURL=material.min.js.map

2
dist/js/material.min.js.map vendored
View File

@ -1 +1 @@
{"version":3,"sources":["material.js"],"names":["$","_isChar","evt","which","ctrlKey","metaKey","altKey","expr","notmdproc","obj","data","material","options","input","ripples","checkbox","togglebutton","radio","arrive","autofill","withRipples","join","inputElements","checkboxElements","togglebuttonElements","radioElements","selector","this","filter","after","each","$this","attr","hasClass","wrap","placeholder","removeClass","val","addClass","parent","next","is","$input","detach","attachInputEventHandlers","document","on","blur","e","checkValidity","find","value","files","i","file","name","substring","length","prev","loading","setInterval","trigger","setTimeout","clearInterval","attachAutofillEventHandlers","focused","$inputs","parents","not","init","$document","fn","jQuery"],"mappings":"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","file":"material.min.js"}
{"version":3,"sources":["material.js"],"names":["$","_isChar","evt","which","ctrlKey","metaKey","altKey","expr","notmdproc","obj","data","material","options","input","ripples","checkbox","togglebutton","radio","arrive","autofill","withRipples","join","inputElements","checkboxElements","togglebuttonElements","radioElements","selector","this","filter","after","each","$this","formGroup","parent","length","console","error","attr","hasClass","placeholder","removeClass","val","addClass","next","is","$input","detach","attachInputEventHandlers","document","on","blur","e","checkValidity","find","value","files","i","file","name","substring","prev","loading","setInterval","trigger","setTimeout","clearInterval","attachAutofillEventHandlers","focused","$inputs","parents","not","init","$document","fn","jQuery"],"mappings":"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","file":"material.min.js"}

1737
index-sass.html
View File

File diff suppressed because it is too large Load Diff

108
index.css Normal file
View File

@ -0,0 +1,108 @@
* {
box-sizing: border-box;
}
.header-panel {
background-color: #009587;
height: 144px;
position: relative;
z-index: 3;
}
.header-panel div {
position: relative;
height: 100%;
}
.header-panel h1 {
color: #FFF;
font-size: 20px;
font-weight: 400;
position: absolute;
bottom: 10px;
padding-left: 35px;
}
.menu {
overflow: auto;
padding: 0;
}
.menu, .menu * {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.menu ul {
padding: 0;
margin: 7px 0;
}
.menu ul li {
list-style: none;
padding: 20px 0 20px 50px;
font-size: 15px;
font-weight: normal;
cursor: pointer;
}
.menu ul li.active {
background-color: #dedede;
position: relative;
}
.menu ul li a {
color: rgb(51, 51, 51);
text-decoration: none;
}
.pages {
position: absolute;
top: 0;
right: 0;
z-index: 4;
padding: 0;
overflow: auto;
}
.pages > div {
padding: 0 5px;
padding-top: 64px;
}
.pages .header {
color: rgb(82, 101, 162);
font-size: 24px;
font-weight: normal;
margin-top: 5px;
margin-bottom: 60px;
letter-spacing: 1.20000004768372px;
}
.page {
transform: translateY(1080px);
transition: transform 0 linear;
display: none;
opacity: 0;
font-size: 16px;
}
.page.active {
transform: translateY(0px);
transition: all 0.3s ease-out;
display: block;
opacity: 1;
}
#opensource {
color: rgba(0, 0, 0, 0.62);
position: fixed;
margin-top: 50px;
margin-left: 50px;
z-index: 100;
}
#source-modal h4 {
color: black;
}

244
index.html
View File

@ -19,117 +19,7 @@
<link href="//cdn.rawgit.com/FezVrasta/dropdown.js/master/jquery.dropdown.css" rel="stylesheet">
<!-- Page style -->
<style>
* {
box-sizing: border-box;
}
.header-panel {
background-color: #009587;
height: 144px;
position: relative;
z-index: 3;
}
.header-panel div {
position: relative;
height: 100%;
}
.header-panel h1 {
color: #FFF;
font-size: 20px;
font-weight: 400;
position: absolute;
bottom: 10px;
padding-left: 35px;
}
.menu {
overflow: auto;
padding: 0;
}
.menu, .menu * {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.menu ul {
padding: 0;
margin: 7px 0;
}
.menu ul li {
list-style: none;
padding: 20px 0 20px 50px;
font-size: 15px;
font-weight: normal;
cursor: pointer;
}
.menu ul li.active {
background-color: #dedede;
position: relative;
}
.menu ul li a {
color: rgb(51, 51, 51);
text-decoration: none;
}
.pages {
position: absolute;
top: 0;
right: 0;
z-index: 4;
padding: 0;
overflow: auto;
}
.pages > div {
padding: 0 5px;
padding-top: 64px;
}
.pages .header {
color: rgb(82, 101, 162);
font-size: 24px;
font-weight: normal;
margin-top: 5px;
margin-bottom: 60px;
letter-spacing: 1.20000004768372px;
}
.page {
transform: translateY(1080px);
transition: transform 0 linear;
display: none;
opacity: 0;
font-size: 16px;
}
.page.active {
transform: translateY(0px);
transition: all 0.3s ease-out;
display: block;
opacity: 1;
}
#opensource {
color: rgba(0, 0, 0, 0.62);
position: fixed;
margin-top: 50px;
margin-left: 50px;
z-index: 100;
}
#source-modal h4 {
color: black;
}
</style>
<link href="index.css" rel="stylesheet">
<!-- jQuery -->
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
@ -593,35 +483,75 @@
}
</style>
</div>
<!--
Inputs
-->
<div class="well page" id="input">
<h1 class="header">Input</h1>
<div class="inputs">
<h2>Input</h2>
<input type="text" class="form-control" placeholder="label">
<input type="text" class="form-control floating-label" placeholder="floating label">
<div class="form-group">
<label for="i1" class="not-floating">Static label</label>
<input type="email" class="form-control" id="i1" placeholder="Placeholder text">
<p class="help-block hint">This is a hint as a <code>p.help-block.hint</code></p>
</div>
<div class="form-group">
<label for="i2" class="not-floating">Floating label</label>
<input type="email" class="form-control" id="i2" placeholder="Placeholder text">
<span class="help-block hint">This is a hint as a <code>span.help-block.hint</code></span>
</div>
<div class="form-group">
<input type="text" class="form-control floating-label" placeholder="old floating label" data-hint="old hint attribute">
</div>
<h2>Textarea</h2>
<textarea class="form-control" placeholder="textarea label"></textarea>
<textarea class="form-control floating-label" placeholder="textarea floating label"></textarea>
<div class="form-group">
<textarea class="form-control" placeholder="textarea label"></textarea>
</div>
<div class="form-group">
<textarea class="form-control floating-label" placeholder="textarea floating label"></textarea>
</div>
<h2>Validation</h2>
<input type="email" class="form-control floating-label" placeholder="email">
<input type="number" class="form-control floating-label" placeholder="number">
<div class="form-group">
<input type="email" class="form-control floating-label" placeholder="email">
</div>
<div class="form-group">
<input type="number" class="form-control floating-label" placeholder="number">
</div>
<h2>Disabled</h2>
<input disabled type="text" class="form-control floating-label" placeholder="email">
<input disabled type="text" class="form-control floating-label" placeholder="number">
<div class="form-group">
<input disabled type="text" class="form-control floating-label" placeholder="email">
</div>
<div class="form-group">
<input disabled type="text" class="form-control floating-label" placeholder="number">
</div>
<h2>Hints</h2>
<input type="text" class="form-control floating-label" data-hint="Write here something cool" placeholder="label">
<input type="email" class="form-control floating-label" data-hint="A valid email should contain an @ symbol" placeholder="label">
<div class="form-group">
<input type="text" class="form-control floating-label" data-hint="Write here something cool" placeholder="label">
</div>
<div class="form-group">
<input type="email" class="form-control floating-label" data-hint="A valid email should contain an @ symbol" placeholder="label">
</div>
<h2>Styling</h2>
<div class="form-group has-error">
<input type="text" class="form-control form-control-success" placeholder="label">
</div>
<div class="form-group has-error">
<input type="text" class="form-control form-control-success floating-label" placeholder="floating label">
</div>
@ -636,11 +566,10 @@
width: 80%;
}
#input .form-control-wrapper {
#input .form-group {
margin: 30px 0;
}
</style>
</div>
</div>
<div class="well page" id="navbar">
@ -674,7 +603,9 @@
</li>
</ul>
<form class="navbar-form navbar-left">
<input type="text" class="form-control col-lg-8" placeholder="Search">
<div class="form-group">
<input type="text" class="form-control col-lg-8" placeholder="Search">
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="javascript:void(0)">Link</a></li>
@ -721,7 +652,9 @@
</li>
</ul>
<form class="navbar-form navbar-left">
<input type="text" class="form-control col-lg-8" placeholder="Search">
<div class="form-group">
<input type="text" class="form-control col-lg-8" placeholder="Search">
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="javascript:void(0)">Link</a></li>
@ -768,7 +701,9 @@
</li>
</ul>
<form class="navbar-form navbar-left">
<input type="text" class="form-control col-lg-8" placeholder="Search">
<div class="form-group">
<input type="text" class="form-control col-lg-8" placeholder="Search">
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="javascript:void(0)">Link</a></li>
@ -815,7 +750,9 @@
</li>
</ul>
<form class="navbar-form navbar-left">
<input type="text" class="form-control col-lg-8" placeholder="Search">
<div class="form-group">
<input type="text" class="form-control col-lg-8" placeholder="Search">
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="javascript:void(0)">Link</a></li>
@ -1376,14 +1313,15 @@
<h1 class="header">Floating Action Button</h1>
<h2>Regular</h2>
<button class="btn btn-fab btn-raised btn-material-red"><i class="mdi-navigation-arrow-forward"></i></button>
<button class="btn btn-fab btn-raised btn-material-red"><i class="mdi-navigation-arrow-forward"></i>
</button>
<button class="btn btn-fab btn-raised btn-primary"><i class="mdi-image-edit"></i></button>
<h2>Mini</h2>
<button class="btn btn-fab btn-fab-mini btn-raised btn-sm btn-success"><i class="mdi-navigation-check"></i>
</button>
<button class="btn btn-fab btn-fab-mini btn-raised btn-material-lightyellow"><i class="mdi-content-reply"></i>
</button>
<button class="btn btn-fab btn-fab-mini btn-raised btn-sm btn-success">
<i class="mdi-navigation-check"></i></button>
<button class="btn btn-fab btn-fab-mini btn-raised btn-material-lightyellow">
<i class="mdi-content-reply"></i></button>
<style>
#floating-action-button .btn {
@ -1437,28 +1375,32 @@
<h1 class="header">Dropdown</h1>
<div class="sample">
<select class="form-control" placeholder="Your favorite pastry">
<option value="Apple fritter">Apple fritter</option>
<option value="Croissant">Croissant</option>
<option value="Donut">Donut</option>
<option value="Financier">Financier</option>
<option value="Jello">Jello</option>
<option value="Madeleine">Madeleine</option>
<option value="Pound cake">Pound cake</option>
<option value="Pretzel">Pretzel</option>
<option value="Sfogliatelle">Sfogliatelle</option>
</select>
<div class="form-group">
<select class="form-control" placeholder="Your favorite pastry">
<option value="Apple fritter">Apple fritter</option>
<option value="Croissant">Croissant</option>
<option value="Donut">Donut</option>
<option value="Financier">Financier</option>
<option value="Jello">Jello</option>
<option value="Madeleine">Madeleine</option>
<option value="Pound cake">Pound cake</option>
<option value="Pretzel">Pretzel</option>
<option value="Sfogliatelle">Sfogliatelle</option>
</select>
</div>
<br>
<select class="form-control" disabled placeholder="Your favorite pastry">
<option value="disabled">Disabled</option>
</select>
<div class="form-group">
<select class="form-control" disabled placeholder="Your favorite pastry">
<option value="disabled">Disabled</option>
</select>
</div>
</div>
<br>
<p>Dropdowns provided by <a href="https://github.com/FezVrasta/dropdown.js" target="_blank">Dropdown.js</a>
</p>
<p>Dropdowns provided by
<a href="https://github.com/FezVrasta/dropdown.js" target="_blank">Dropdown.js</a></p>
</div>
<div class="well page" id="dialog">
@ -1598,6 +1540,12 @@
</div>
</div>
</div>
<div class="col-xs-2">
<button class="btn btn-fab btn-material-grey-200" id="opensource"><i class="mdi-action-open-in-new"></i>
</button>
</div>
</div>
</div>
</div>
<div id="source-modal" class="modal fade" tabindex="-1">

12
less/_inputs.less
View File

@ -48,13 +48,13 @@ select[multiple].form-control {
background-color: rgba(0,0,0,0);
}
fieldset[disabled] .form-control:disabled,
.form-control-wrapper .form-control:disabled,
.form-group .form-control:disabled,
.form-control:disabled,
fieldset[disabled] .form-control:focus:disabled,
.form-control-wrapper .form-control:focus:disabled,
.form-group .form-control:focus:disabled,
.form-control:focus:disabled,
fieldset[disabled] .form-control.focus:disabled,
.form-control-wrapper .form-control.focus:disabled,
.form-group .form-control.focus:disabled,
.form-control.focus:disabled {
border: 0; // Ugly override of Bootstrap border
}
@ -68,7 +68,7 @@ fieldset[disabled] .form-control.focus:disabled,
}
.form-control-wrapper {
.form-group {
position: relative;
.floating-label {
@ -207,7 +207,7 @@ fieldset[disabled] .form-control.focus:disabled,
}
.input-group {
.form-control-wrapper {
.form-group {
.form-control {
float: none;
}
@ -235,7 +235,7 @@ select.form-control {
}
// Input files (kinda hack)
.form-control-wrapper input[type=file] {
.form-group input[type=file] {
opacity: 0;
position: absolute;
top: 0;

6
less/_navbar.less
View File

@ -155,11 +155,11 @@
.navbar-form {
margin-top: 16px;
.form-control-wrapper .form-control, .form-control {
.form-group .form-control, .form-control {
border-color: inherit;
color: inherit;
}
.form-control-wrapper {
.form-group {
.material-input:before, input:focus ~ .material-input:after {
background-color: inherit;
}
@ -171,7 +171,7 @@
background-color: @material-color;
color: @material-text-color;
// deeply defined to override welljumbo class without !impotant need
.navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-form input.form-control::placeholder {
.navbar-form .form-group input.form-control::placeholder, .navbar-form input.form-control::placeholder {
color: @material-text-color;
}
.dropdown-menu {

12
sass/_inputs.scss
View File

@ -50,13 +50,13 @@ select[multiple].form-control {
background-color: rgba(0,0,0,0);
}
fieldset[disabled] .form-control:disabled,
.form-control-wrapper .form-control:disabled,
.form-group .form-control:disabled,
.form-control:disabled,
fieldset[disabled] .form-control:focus:disabled,
.form-control-wrapper .form-control:focus:disabled,
.form-group .form-control:focus:disabled,
.form-control:focus:disabled,
fieldset[disabled] .form-control.focus:disabled,
.form-control-wrapper .form-control.focus:disabled,
.form-group .form-control.focus:disabled,
.form-control.focus:disabled {
border: 0; // Ugly override of Bootstrap border
}
@ -70,7 +70,7 @@ fieldset[disabled] .form-control.focus:disabled,
}
.form-control-wrapper {
.form-group {
position: relative;
.floating-label {
@ -207,7 +207,7 @@ fieldset[disabled] .form-control.focus:disabled,
}
.input-group {
.form-control-wrapper {
.form-group {
.form-control {
float: none;
}
@ -235,7 +235,7 @@ select.form-control {
}
// Input files (kinda hack)
.form-control-wrapper input[type=file] {
.form-group input[type=file] {
opacity: 0;
position: absolute;
top: 0;

2
sass/_mixins-shared.scss
View File

@ -89,7 +89,7 @@
background-color: $material-color;
color: $material-text-color;
// deeply defined to override welljumbo class without !impotant need
.navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-form input.form-control::placeholder {
.navbar-form .form-group input.form-control::placeholder, .navbar-form input.form-control::placeholder {
color: $material-text-color;
}
.dropdown-menu {

4
sass/_navbar.scss
View File

@ -157,11 +157,11 @@
.navbar-form {
margin-top: 16px;
.form-control-wrapper .form-control, .form-control {
.form-group .form-control, .form-control {
border-color: inherit;
color: inherit;
}
.form-control-wrapper {
.form-group {
.material-input:before, input:focus ~ .material-input:after {
background-color: inherit;
}

14
scripts/material.js
View File

@ -72,10 +72,16 @@
.each( function() {
var $this = $(this);
// Now using/requiring form-group (instead of the old div.form-control-wrapper)
var formGroup = $this.parent(".form-group");
if(formGroup.length === 0){
console.error("Expected form-group for input", $this);
}
if (!$this.attr("data-hint") && !$this.hasClass("floating-label")) {
return;
}
$this.wrap("<div class=form-control-wrapper></div>");
$this.after("<span class=material-input></span>");
// Add floating label if required
@ -119,13 +125,13 @@
$this.removeClass("empty");
}
})
.on("focus", ".form-control-wrapper.fileinput", function() {
.on("focus", ".form-group.fileinput", function() {
$(this).find("input").addClass("focus");
})
.on("blur", ".form-control-wrapper.fileinput", function() {
.on("blur", ".form-group.fileinput", function() {
$(this).find("input").removeClass("focus");
})
.on("change", ".form-control-wrapper.fileinput [type=file]", function() {
.on("change", ".form-group.fileinput [type=file]", function() {
var $this = $(this);
var value = "";
$.each(this.files, function(i, file) {