Skip to content

Instantly share code, notes, and snippets.

@Phoen1x84
Last active April 4, 2016 16:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Phoen1x84/0678aeeef510460ae5172e3d5ba22c4a to your computer and use it in GitHub Desktop.
Save Phoen1x84/0678aeeef510460ae5172e3d5ba22c4a to your computer and use it in GitHub Desktop.
_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