<button> reset
// | |
// <button> reset | |
// | |
// 1. Remove default browser appearance for buttons. | |
// 2. Remove margins. | |
// 3. Remove borders for IE. | |
// 4. Normalize font and color not inherited by `button`. | |
// 5. Address `overflow` in IE | |
// 6. Normalize cursor style | |
// 7. Normalize line-height | |
// 8. Normalize text-align | |
// 9. Remove inner padding and border in Firefox 4+. | |
.button--reset { | |
// 1 | |
appearance: none; | |
background: none; | |
// 2 | |
padding: 0; | |
margin: 0; | |
// 3 | |
border-width: 0; | |
// 4 | |
font: inherit; | |
text-decoration: none; | |
color: inherit; | |
//5 | |
overflow: visible; | |
// 6 | |
cursor: pointer; | |
// 7 | |
line-height: normal; | |
// 8 | |
text-align: inherit; | |
// 9 | |
&::-moz-focus-inner { | |
border: 0; | |
padding: 0; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment