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

removed useless keyframes animation from inputs

Browse Source
This commit is contained in:
FezVrasta 2015-03-19 15:26:00 +01:00
parent b92b275c68
commit 56a6d8d8ee
9 changed files with 18 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -35500,6 +35500,7 @@ select[multiple].form-control.focus {
background-position: center bottom, center calc(100% - 1px); background-position: center bottom, center calc(100% - 1px);
background-color: transparent; background-color: transparent;
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
transition: background 0 ease-out;
} }
.form-control::-webkit-input-placeholder { .form-control::-webkit-input-placeholder {
color: #bdbdbd; color: #bdbdbd;
@ -35531,10 +35532,9 @@ fieldset[disabled] .form-control.focus:disabled,
.form-control.focus { .form-control.focus {
outline: none; outline: none;
background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
-webkit-animation: input-highlight 0.5s forwards; background-size: 100% 2px, 100% 1px;
animation: input-highlight 0.5s forwards;
box-shadow: none; box-shadow: none;
background-size: 0 2px, 100% 1px; transition-duration: 0.3s;
} }
.form-control-wrapper { .form-control-wrapper {
position: relative; position: relative;
@ -35545,7 +35545,7 @@ fieldset[disabled] .form-control.focus:disabled,
pointer-events: none; pointer-events: none;
left: 0px; left: 0px;
top: 5px; top: 5px;
transition: 0.2s ease all; transition: 0.3s ease all;
opacity: 0; opacity: 0;
} }
.form-control:focus ~ .form-control-wrapper .floating-label, .form-control:focus ~ .form-control-wrapper .floating-label,
@ -41501,22 +41501,6 @@ select.form-control.focus {
box-shadow: none; box-shadow: none;
border-color: #757575; border-color: #757575;
} }
@-webkit-keyframes input-highlight {
0% {
background-size: 0 2px, 100% 1px;
}
100% {
background-size: 100% 2px, 100% 1px;
}
}
@keyframes input-highlight {
0% {
background-size: 0 2px, 100% 1px;
}
100% {
background-size: 100% 2px, 100% 1px;
}
}
.form-control-wrapper input[type=file] { .form-control-wrapper input[type=file] {
opacity: 0; opacity: 0;
position: absolute; position: absolute;

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

24
dist/css/material.css vendored
View File

@ -4889,6 +4889,7 @@ select[multiple].form-control.focus {
background-position: center bottom, center calc(100% - 1px); background-position: center bottom, center calc(100% - 1px);
background-color: transparent; background-color: transparent;
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
transition: background 0 ease-out;
} }
.form-control::-webkit-input-placeholder { .form-control::-webkit-input-placeholder {
color: #bdbdbd; color: #bdbdbd;
@ -4920,10 +4921,9 @@ fieldset[disabled] .form-control.focus:disabled,
.form-control.focus { .form-control.focus {
outline: none; outline: none;
background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
-webkit-animation: input-highlight 0.5s forwards; background-size: 100% 2px, 100% 1px;
animation: input-highlight 0.5s forwards;
box-shadow: none; box-shadow: none;
background-size: 0 2px, 100% 1px; transition-duration: 0.3s;
} }
.form-control-wrapper { .form-control-wrapper {
position: relative; position: relative;
@ -4934,7 +4934,7 @@ fieldset[disabled] .form-control.focus:disabled,
pointer-events: none; pointer-events: none;
left: 0px; left: 0px;
top: 5px; top: 5px;
transition: 0.2s ease all; transition: 0.3s ease all;
opacity: 0; opacity: 0;
} }
.form-control:focus ~ .form-control-wrapper .floating-label, .form-control:focus ~ .form-control-wrapper .floating-label,
@ -5422,22 +5422,6 @@ select.form-control.focus {
box-shadow: none; box-shadow: none;
border-color: #757575; border-color: #757575;
} }
@-webkit-keyframes input-highlight {
0% {
background-size: 0 2px, 100% 1px;
}
100% {
background-size: 100% 2px, 100% 1px;
}
}
@keyframes input-highlight {
0% {
background-size: 0 2px, 100% 1px;
}
100% {
background-size: 100% 2px, 100% 1px;
}
}
.form-control-wrapper input[type=file] { .form-control-wrapper input[type=file] {
opacity: 0; opacity: 0;
position: absolute; position: absolute;

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

File diff suppressed because one or more lines are too long

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

17
less/_inputs.less
View File

@ -32,6 +32,7 @@ select[multiple].form-control {
background-position: center bottom, center calc(~"100% - 1px"); background-position: center bottom, center calc(~"100% - 1px");
background-color: transparent; background-color: transparent;
background-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0);
transition: background 0 ease-out;
&::-webkit-input-placeholder { &::-webkit-input-placeholder {
color: @input-placeholder-color; color: @input-placeholder-color;
} }
@ -61,9 +62,9 @@ fieldset[disabled] .form-control.focus:disabled,
.form-control:focus, .form-control.focus { .form-control:focus, .form-control.focus {
outline: none; outline: none;
background-image: linear-gradient(@primary, @primary), linear-gradient(@input-underline-color, @input-underline-color); background-image: linear-gradient(@primary, @primary), linear-gradient(@input-underline-color, @input-underline-color);
animation: input-highlight 0.5s forwards; background-size: 100% 2px, 100% 1px;
box-shadow: none; box-shadow: none;
background-size: 0 2px, 100% 1px; transition-duration: 0.3s;
} }
@ -76,7 +77,7 @@ fieldset[disabled] .form-control.focus:disabled,
pointer-events: none; pointer-events: none;
left: 0px; left: 0px;
top: 5px; top: 5px;
transition: 0.2s ease all; transition: 0.3s ease all;
opacity: 0; opacity: 0;
.form-control:focus ~ &, .form-control:focus ~ &,
.form-control:not(.empty) ~ & { .form-control:not(.empty) ~ & {
@ -243,16 +244,6 @@ select.form-control {
} }
} }
@keyframes input-highlight {
0% {
background-size: 0 2px, 100% 1px;
}
100% {
background-size: 100% 2px, 100% 1px;
}
}
// Input files (kinda hack) // Input files (kinda hack)
.form-control-wrapper input[type=file] { .form-control-wrapper input[type=file] {
opacity: 0; opacity: 0;