Skip to content

Instantly share code, notes, and snippets.

@Phoen1x84

Phoen1x84/_form.less Secret

Last active Apr 4, 2016
Embed
What would you like to do?
_forms.less
label {
display:block;
text-align:left;
font-size: @base-font-size * @p;
margin:30px 0 0;
line-height:1;
}
input {
&[type="text"],
&[type="email"],
&[type="password"],
&[type="date"],
&[type="month"],
&[type="number"],
&[type="datetime"],
&[type="datetime-local"],
&[type="tel"],
&[type="time"],
&[type="week"],
&[type="url"],
&[type="search"] {
box-sizing: border-box;
border-radius:0;
border: 2px solid @grey-100;
background: @grey-100;
color:@grey-80;
min-height: 50px;
margin: @division-small 0 0;
padding: 10px @division-small;
width: 100%;
text-align: left;
-webkit-appearance: none; /* iOS input madness */
&:focus {
-webkit-appearance: none; /* iOS input madness */
outline: none; /* remove chrome blue outline */
}
&:required {
border-bottom-color: @red;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.