Skip to content

Instantly share code, notes, and snippets.

@mikevalstar
Created March 19, 2014 21:22
Show Gist options
  • Save mikevalstar/9651644 to your computer and use it in GitHub Desktop.
Save mikevalstar/9651644 to your computer and use it in GitHub Desktop.
// Buttons
//
// A majority of buttons in the site are built from the same base class.
//
// Markup:
// <a href="#" class="button {$modifiers}">Link Button</a>
// <button class="button {$modifiers}">Button Element</button>
// <input type="button" class="button {$modifiers}" value="input[type='button']"/>
//
// .primary - Indicate that the button is the primary feature of this form.
// .remove - Indicate that the button will remove a feature, or other negative connotations.
// :hover - Highlight the button when hovered.
// :disabled - Make the button change appearance to reflect it being disabled.
// :active - "Press" the buttonb down when clicked.
//
// Styleguide 1.1
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment