mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-02 21:04:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

checkpoint on inputs, about to change input focus bg image to something else as it conflicts with bs4 form-control-success etc variations.

Browse Source
This commit is contained in:
Kevin Ross 2015-12-07 12:16:09 -06:00
parent 991fa4c520
commit 8ce96b04a3
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
scss/includes/_forms.scss
View File

@ -56,12 +56,20 @@
@mixin mdb-form-group-validation-state($name, $color) { @mixin mdb-form-group-validation-state($name, $color) {
&.#{$name} { // e.g. has-error &.has-#{$name} { // e.g. has-error
.form-control { .form-control {
//box-shadow: none; // replaced with variable //box-shadow: none; // replaced with variable
} }
//.form-control-#{$name} {
// background-image: none;
//}
&.is-focused .form-control { &.is-focused .form-control {
background-image: linear-gradient($color, $color), linear-gradient($mdb-input-underline-color, $mdb-input-underline-color); background-image: linear-gradient($color, $color), linear-gradient($mdb-input-underline-color, $mdb-input-underline-color);
.text-input-decorator:after {
background-color: $color;
}
} }
label.control-label, label.control-label,
.help-block { .help-block {
@ -133,11 +141,6 @@
//.mdb-form-group .form-control //.mdb-form-group .form-control
{ {
border: 0; border: 0;
// replaced with vars
//border-radius: 0;
//box-shadow: none;
//background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient($brand-primary, $brand-primary), linear-gradient($mdb-input-underline-color, $mdb-input-underline-color); background-image: linear-gradient($brand-primary, $brand-primary), linear-gradient($mdb-input-underline-color, $mdb-input-underline-color);
background-size: 0 2px, 100% 1px; background-size: 0 2px, 100% 1px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -151,9 +154,7 @@
.mdb-form-group.is-focused & { .mdb-form-group.is-focused & {
outline: none; outline: none;
background-image: linear-gradient($brand-primary, $brand-primary), linear-gradient($mdb-input-underline-color, $mdb-input-underline-color);
background-size: 100% 2px, 100% 1px; background-size: 100% 2px, 100% 1px;
//box-shadow: none; replaced with var
transition-duration: 0.3s; transition-duration: 0.3s;
.text-input-decorator:after { .text-input-decorator:after {
@ -238,10 +239,10 @@
} }
} }
@include mdb-form-group-validation-state(has-warning, $brand-warning); @include mdb-form-group-validation-state(warning, $brand-warning);
@include mdb-form-group-validation-state(has-error, $brand-danger); @include mdb-form-group-validation-state(error, $brand-danger);
@include mdb-form-group-validation-state(has-success, $brand-success); @include mdb-form-group-validation-state(success, $brand-success);
@include mdb-form-group-validation-state(has-info, $brand-info); @include mdb-form-group-validation-state(info, $brand-info);
textarea { textarea {
//resize: none; //resize: none;