Skip to content

Instantly share code, notes, and snippets.

@akshayagarwal
Created July 23, 2017 08:39
Show Gist options
  • Save akshayagarwal/f78e82eb8b4c9e5aef8420176987bb2c to your computer and use it in GitHub Desktop.
Save akshayagarwal/f78e82eb8b4c9e5aef8420176987bb2c to your computer and use it in GitHub Desktop.
Bootstrap button customisation with pressed state and hover
.btn-primary {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
border-radius: 3px;
background-color: #f57e17;
color: #ffffff;
border-color: #f57e17;
font-size: 20px;
padding: 8px 22px;
}
.btn-primary:hover,.btn-primary:active,.btn-primary:link,.btn-primary:focus,.btn-primary:active:focus {
background-color: #e46b07;
border-color: #e46b07;
}
.btn:active:focus, .btn:focus {
outline: none;
outline-offset: 0px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment