refactor(input): split TextInput and ItemInput components

Make it easier to start adding other inputs, like select
This commit is contained in:
Adam Bradley
2016-01-07 12:29:01 -06:00
parent 52204de117
commit 387f883be3
33 changed files with 573 additions and 580 deletions

View File

@ -0,0 +1,59 @@
@import "../../globals.core";
// Input
// --------------------------------------------------
.item-input {
display: block;
background: transparent;
border: 0;
flex: 1;
pointer-events: none;
}
input.item-input:-webkit-autofill {
background-color: transparent;
}
input,
textarea {
@include placeholder();
}
.platform-mobile textarea {
resize: none;
}
// Scroll Assist
// --------------------------------------------------
[scroll-assist] {
width: 1px;
height: 1px;
padding: 0;
background: transparent;
border: 0;
pointer-events: none;
}
// Input focused
// --------------------------------------------------
.input-focused .item-input {
pointer-events: auto;
}
// Clear Input Icon
// --------------------------------------------------
.text-input-clear-icon {
margin: 0;
padding: 0;
background-repeat: no-repeat;
background-position: center;
position: absolute;
}