Skip to content

Instantly share code, notes, and snippets.

@alizhdanov
Created December 19, 2015 10:04
Show Gist options
  • Save alizhdanov/4e01161b10e05454ad6e to your computer and use it in GitHub Desktop.
Save alizhdanov/4e01161b10e05454ad6e to your computer and use it in GitHub Desktop.
/* Base */
body {
color: green;
font-family: "Georgia", serif;
font-size: 24px;
line-height: 1.5;
}
[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* Reset `button` and button-style `input` default styles */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
background: none;
border: 0;
color: inherit;
/* cursor: default; */
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
-webkit-appearance: button; /* for input */
-webkit-user-select: none; /* for button */
-moz-user-select: none;
-ms-user-select: none;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* Make `a` like a button */
[role="button"] {
color: inherit;
cursor: default;
display: inline-block;
text-align: center;
text-decoration: none;
white-space: pre;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
/* Demo */
[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
background-color: #f0f0f0;
border: 1px solid rgb(0, 0, 0);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0.25em;
height: 2.5em;
line-height: 2.5;
margin: 0.25em;
padding: 0 1em;
width: 14em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment