// Buttons
//
// Button styles can be applied to anything with the `.btn` class applied.
// However, typically you'll want to apply these to only `<a>` and `<button>` elements for the best rendering.
//
// Styleguide 1


// Base styles & states
//
// :hover       - Hover state.
// :active      - Active state.
// .disabled    - Disabled button. If you use `<button>` element, that is acceptable to add `disabled` attribute instead.
//
// Markup:
// <button type="submit" class="btn btn-primary {$modifiers}">Button</button>
// <button type="submit" class="btn {$modifiers}">Button</button>
//
// Styleguide 1.1

// Core
.btn {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0; // For input.btn
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid black;
  *border: 0; // Remove the border to prevent IE7's black border on input:focus
  border-bottom-color: darken(black, 10%);
}
