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

input underline is 1px, highlight underline is 2 px

Browse Source
This commit is contained in:
FezVrasta 2015-01-27 15:26:48 +01:00
parent 8969c06418
commit c91092614a
9 changed files with 28 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
dist/css/material-wfont.css vendored
View File

@ -14292,10 +14292,10 @@ select[multiple].form-control.focus {
}
.form-control {
border: 0;
background-image: linear-gradient(#d2d2d2, #d2d2d2);
background-size: 100% 2px;
background-image: linear-gradient(#009587, #009587), linear-gradient(#d2d2d2, #d2d2d2);
background-size: 0 2px, 100% 1px;
background-repeat: no-repeat;
background-position: center bottom;
background-position: center bottom, center calc(100% - 1px);
}
.form-control:focus,
.form-control.focus {
@ -14304,7 +14304,7 @@ select[multiple].form-control.focus {
-webkit-animation: input-highlight 0.5s forwards;
animation: input-highlight 0.5s forwards;
box-shadow: none;
background-size: 0% 2px;
background-size: 0 2px, 100% 1px;
}
.form-control-wrapper {
position: relative;
@ -17971,18 +17971,18 @@ select.form-control.focus {
}
@-webkit-keyframes input-highlight {
0% {
background-size: 0% 2px, 100% 2px;
background-size: 0 2px, 100% 1px;
}
100% {
background-size: 100% 2px, 100% 2px;
background-size: 100% 2px, 100% 1px;
}
}
@keyframes input-highlight {
0% {
background-size: 0% 2px, 100% 2px;
background-size: 0 2px, 100% 1px;
}
100% {
background-size: 100% 2px, 100% 2px;
background-size: 100% 2px, 100% 1px;
}
}
.form-control-wrapper input[type=file] {

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

16
dist/css/material.css vendored
View File

@ -14268,10 +14268,10 @@ select[multiple].form-control.focus {
}
.form-control {
border: 0;
background-image: linear-gradient(#d2d2d2, #d2d2d2);
background-size: 100% 2px;
background-image: linear-gradient(#009587, #009587), linear-gradient(#d2d2d2, #d2d2d2);
background-size: 0 2px, 100% 1px;
background-repeat: no-repeat;
background-position: center bottom;
background-position: center bottom, center calc(100% - 1px);
}
.form-control:focus,
.form-control.focus {
@ -14280,7 +14280,7 @@ select[multiple].form-control.focus {
-webkit-animation: input-highlight 0.5s forwards;
animation: input-highlight 0.5s forwards;
box-shadow: none;
background-size: 0% 2px;
background-size: 0 2px, 100% 1px;
}
.form-control-wrapper {
position: relative;
@ -17947,18 +17947,18 @@ select.form-control.focus {
}
@-webkit-keyframes input-highlight {
0% {
background-size: 0% 2px, 100% 2px;
background-size: 0 2px, 100% 1px;
}
100% {
background-size: 100% 2px, 100% 2px;
background-size: 100% 2px, 100% 1px;
}
}
@keyframes input-highlight {
0% {
background-size: 0% 2px, 100% 2px;
background-size: 0 2px, 100% 1px;
}
100% {
background-size: 100% 2px, 100% 2px;
background-size: 100% 2px, 100% 1px;
}
}
.form-control-wrapper input[type=file] {

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

12
less/_inputs.less
View File

@ -25,10 +25,10 @@ select[multiple].form-control {
.form-control {
border: 0;
background-image: linear-gradient(#D2D2D2, #D2D2D2);
background-size: 100% 2px;
background-image: linear-gradient(@primary, @primary), linear-gradient(#D2D2D2, #D2D2D2);
background-size: 0 2px, 100% 1px;
background-repeat: no-repeat;
background-position: center bottom;
background-position: center bottom, center calc(~"100% - 1px");
}
.form-control:focus, .form-control.focus {
@ -36,7 +36,7 @@ select[multiple].form-control {
background-image: linear-gradient(@primary, @primary), linear-gradient(#D2D2D2, #D2D2D2);
animation: input-highlight 0.5s forwards;
box-shadow: none;
background-size: 0% 2px;
background-size: 0 2px, 100% 1px;
}
@ -184,11 +184,11 @@ select.form-control {
@keyframes input-highlight {
0% {
background-size: 0% 2px, 100% 2px;
background-size: 0 2px, 100% 1px;
}
100% {
background-size: 100% 2px, 100% 2px;
background-size: 100% 2px, 100% 1px;
}
}