Files
Adam Bradley b9edec8955 md text inputs
2015-09-03 16:02:52 -05:00

105 lines
1.4 KiB
SCSS

// Forms
// --------------------------------------------------
form {
margin: 0;
}
label,
input,
select,
textarea {
line-height: normal;
font-family: inherit;
}
textarea {
margin: 0;
padding: 0;
height: auto;
overflow: auto;
color: inherit;
font: inherit;
}
.platform-mobile textarea {
resize: none;
}
ion-input {
// text inputs
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
display: block;
background: transparent;
border: 0;
width: 100%;
}
}
// Placeholder
// -------------------------------
input,
textarea {
@include placeholder();
}
// DISABLED STATE
// -------------------------------
// Disabled and read-only inputs
input[disabled],
select[disabled],
textarea[disabled],
select[readonly] {
cursor: not-allowed;
}
// Focus Utils
// -------------------------------
focus-holder input {
position: fixed;
top: 1px;
width: 9px;
left: -9999px;
z-index: 9999;
}
/*focus-holder input[tabindex="999"] {
left: 0px;
}
focus-holder input[tabindex="1001"] {
left: 20px;
}
focus-holder input[tabindex="1002"] {
left: auto;
right: 10px;
}
focus-holder input:focus {
background: red;
}*/