Skip to content

Instantly share code, notes, and snippets.

@Paul-Browne
Last active August 29, 2015 14:02
Show Gist options
  • Save Paul-Browne/443d11373fc1129ed28c to your computer and use it in GitHub Desktop.
Save Paul-Browne/443d11373fc1129ed28c to your computer and use it in GitHub Desktop.
Button CSS
#submit,
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 14px;
font-size: 16px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#submit.small,
.btn.small {
padding:3px 8px;
font-size:12px;
}
#submit.large,
.btn.large {
padding:8px 16px;
font-size:22px;
border-radius:7px;
}
#submit:active,
.btn:active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
#submit {
color: #fff;
background-color: #428bca;
border-color: #357ebd;
}
#submit:hover, #submit:focus {
color: #fff;
background-color: #3276b1;
border-color: #285e8e;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment