// This mixin will expand the clickable area for a link to make it easier to click on a touch-enabled
// device.

@mixin touch-friendly-links($padding: 3px) {
  a {
    padding: $padding;
    margin: -1 * $padding;
    outline-color: transparent;
  }
}

// This mixin will expand the clickable area for a link to make it easier to click on a touch-enabled
// device.

@mixin touch-friendly-links($padding: 3px) {
  a {
    padding: $padding;
    margin: -1 * $padding;
    outline-color: transparent;
    display: inline-block;
  }
}

Fix breadcrumbs' layout in Firefox
Fix breadcrumbs' layout in Firefox

The negative margin added to the breadcrumb links to improve the
clickable area introduced a bug in firefox, where the link text wraps to
a new line.

By adding `display: inline-block` we make sure the link doesn't wrap to
a new line like in other browsers.
