Created
February 15, 2018 16:16
-
-
Save zslabs/97c00e3e7826df643c4097f6636b4a14 to your computer and use it in GitHub Desktop.
<button> reset
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
// | |
// <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