mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-26 19:44:07 +03:00
removed useless keyframes animation from inputs
This commit is contained in:
parent
b92b275c68
commit
56a6d8d8ee
24
dist/css/material-fullpalette.css
vendored
24
dist/css/material-fullpalette.css
vendored
|
@ -35500,6 +35500,7 @@ select[multiple].form-control.focus {
|
|||
background-position: center bottom, center calc(100% - 1px);
|
||||
background-color: transparent;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
transition: background 0 ease-out;
|
||||
}
|
||||
.form-control::-webkit-input-placeholder {
|
||||
color: #bdbdbd;
|
||||
|
@ -35531,10 +35532,9 @@ fieldset[disabled] .form-control.focus:disabled,
|
|||
.form-control.focus {
|
||||
outline: none;
|
||||
background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
|
||||
-webkit-animation: input-highlight 0.5s forwards;
|
||||
animation: input-highlight 0.5s forwards;
|
||||
background-size: 100% 2px, 100% 1px;
|
||||
box-shadow: none;
|
||||
background-size: 0 2px, 100% 1px;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
.form-control-wrapper {
|
||||
position: relative;
|
||||
|
@ -35545,7 +35545,7 @@ fieldset[disabled] .form-control.focus:disabled,
|
|||
pointer-events: none;
|
||||
left: 0px;
|
||||
top: 5px;
|
||||
transition: 0.2s ease all;
|
||||
transition: 0.3s ease all;
|
||||
opacity: 0;
|
||||
}
|
||||
.form-control:focus ~ .form-control-wrapper .floating-label,
|
||||
|
@ -41501,22 +41501,6 @@ select.form-control.focus {
|
|||
box-shadow: none;
|
||||
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] {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
|
|
2
dist/css/material-fullpalette.css.map
vendored
2
dist/css/material-fullpalette.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/material-fullpalette.min.css
vendored
2
dist/css/material-fullpalette.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/css/material-fullpalette.min.css.map
vendored
2
dist/css/material-fullpalette.min.css.map
vendored
File diff suppressed because one or more lines are too long
24
dist/css/material.css
vendored
24
dist/css/material.css
vendored
|
@ -4889,6 +4889,7 @@ select[multiple].form-control.focus {
|
|||
background-position: center bottom, center calc(100% - 1px);
|
||||
background-color: transparent;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
transition: background 0 ease-out;
|
||||
}
|
||||
.form-control::-webkit-input-placeholder {
|
||||
color: #bdbdbd;
|
||||
|
@ -4920,10 +4921,9 @@ fieldset[disabled] .form-control.focus:disabled,
|
|||
.form-control.focus {
|
||||
outline: none;
|
||||
background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
|
||||
-webkit-animation: input-highlight 0.5s forwards;
|
||||
animation: input-highlight 0.5s forwards;
|
||||
background-size: 100% 2px, 100% 1px;
|
||||
box-shadow: none;
|
||||
background-size: 0 2px, 100% 1px;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
.form-control-wrapper {
|
||||
position: relative;
|
||||
|
@ -4934,7 +4934,7 @@ fieldset[disabled] .form-control.focus:disabled,
|
|||
pointer-events: none;
|
||||
left: 0px;
|
||||
top: 5px;
|
||||
transition: 0.2s ease all;
|
||||
transition: 0.3s ease all;
|
||||
opacity: 0;
|
||||
}
|
||||
.form-control:focus ~ .form-control-wrapper .floating-label,
|
||||
|
@ -5422,22 +5422,6 @@ select.form-control.focus {
|
|||
box-shadow: none;
|
||||
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] {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
|
|
2
dist/css/material.css.map
vendored
2
dist/css/material.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/material.min.css
vendored
2
dist/css/material.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/css/material.min.css.map
vendored
2
dist/css/material.min.css.map
vendored
File diff suppressed because one or more lines are too long
|
@ -32,6 +32,7 @@ select[multiple].form-control {
|
|||
background-position: center bottom, center calc(~"100% - 1px");
|
||||
background-color: transparent;
|
||||
background-color: rgba(0,0,0,0);
|
||||
transition: background 0 ease-out;
|
||||
&::-webkit-input-placeholder {
|
||||
color: @input-placeholder-color;
|
||||
}
|
||||
|
@ -61,9 +62,9 @@ fieldset[disabled] .form-control.focus:disabled,
|
|||
.form-control:focus, .form-control.focus {
|
||||
outline: none;
|
||||
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;
|
||||
background-size: 0 2px, 100% 1px;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
|
||||
|
||||
|
@ -76,7 +77,7 @@ fieldset[disabled] .form-control.focus:disabled,
|
|||
pointer-events: none;
|
||||
left: 0px;
|
||||
top: 5px;
|
||||
transition: 0.2s ease all;
|
||||
transition: 0.3s ease all;
|
||||
opacity: 0;
|
||||
.form-control:focus ~ &,
|
||||
.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)
|
||||
.form-control-wrapper input[type=file] {
|
||||
opacity: 0;
|
||||
|
|
Loading…
Reference in New Issue
Block a user