Created
April 3, 2015 11:31
-
-
Save gabrielpoca/ac1b31e128e66668c264 to your computer and use it in GitHub Desktop.
Mobile web reset styles
This file contains hidden or 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
| *, *:before, *:after { | |
| box-sizing: border-box; | |
| vertical-align: top; | |
| padding: 0; | |
| margin: 0; | |
| -webkit-font-smoothing: antialiased; | |
| // suppressing the tap from users highlight | |
| -webkit-tap-highlight-color: rgba(0,0,0,0); | |
| } | |
| *:focus { | |
| // accessibility for the mobile web needs to be made in another way | |
| outline: 0; | |
| } | |
| input { | |
| border-radius: 0; | |
| } | |
| button { | |
| border: none; | |
| background-color: transparent; | |
| } | |
| html, body { | |
| user-select: none; | |
| // we don't want to allow users to select text | |
| overflow: hidden; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Inputs have a default border-radius?