Created
April 7, 2016 04:50
-
-
Save nkpgardose/2d8bc3ef255e28cd7d5b6734db6c8096 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.textfield { | |
@include font-sans-N3; | |
box-sizing: border-box; | |
margin-bottom: $form-space; | |
min-height: 44px; | |
padding: 11px 10px 11px 13px; | |
font-size: $base-font-size; | |
background-color: $color-white; | |
border: 1px solid $color-gray; | |
border-radius: $base-border-radius; | |
box-shadow: none; | |
text-rendering: optimizeLegibility; | |
vertical-align: bottom; | |
// Removes awkward default styles on some inputs for iOS | |
appearance: none; | |
&:focus { | |
border: 1px solid $color-blue; | |
outline: 0; | |
} | |
} | |
select.textfield { | |
padding-right: 20px; | |
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 8px center; | |
background-size: 8px 10px; | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment