mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-02 12:54: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) {
&.#{$name} { // e.g. has-error
&.has-#{$name} { // e.g. has-error
.form-control {
//box-shadow: none; // replaced with variable
}
//.form-control-#{$name} {
// background-image: none;
//}
&.is-focused .form-control {
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,
.help-block {
@ -133,11 +141,6 @@
//.mdb-form-group .form-control
{
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-size: 0 2px, 100% 1px;
background-repeat: no-repeat;
@ -151,9 +154,7 @@
.mdb-form-group.is-focused & {
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;
//box-shadow: none; replaced with var
transition-duration: 0.3s;
.text-input-decorator:after {
@ -238,10 +239,10 @@
}
}
@include mdb-form-group-validation-state(has-warning, $brand-warning);
@include mdb-form-group-validation-state(has-error, $brand-danger);
@include mdb-form-group-validation-state(has-success, $brand-success);
@include mdb-form-group-validation-state(has-info, $brand-info);
@include mdb-form-group-validation-state(warning, $brand-warning);
@include mdb-form-group-validation-state(error, $brand-danger);
@include mdb-form-group-validation-state(success, $brand-success);
@include mdb-form-group-validation-state(info, $brand-info);
textarea {
//resize: none;