Skip to content

Instantly share code, notes, and snippets.

@albell
Created March 6, 2015 23:33
Show Gist options
  • Save albell/d0f2b79d8b67da2cb0ea to your computer and use it in GitHub Desktop.
Save albell/d0f2b79d8b67da2cb0ea to your computer and use it in GitHub Desktop.
Foundation CSS for button element
button, .button {
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 1rem;
padding-right: 2rem;
padding-bottom: 1.0625rem;
padding-left: 2rem;
font-size: 1rem;
background-color: #008CBA;
border-color: #007095;
color: #FFFFFF;
transition: background-color 300ms ease-out; }
button:hover, button:focus, .button:hover, .button:focus {
background-color: #007095; }
button:hover, button:focus, .button:hover, .button:focus {
color: #FFFFFF; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment