// Cross-browser shims
// Ways of normalising properties across browsers.

@import "conditionals";

// From: https://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/

// Usage:
//
// @include inline-block
// or
// @include inline-block("250px")
//
// which gives a min-height to the inline-block elements.


@mixin inline-block($min-height: "") {
  display: -moz-inline-stack;
  display: inline-block;

  @if $min-height != "" {
    min-height: $min-height;
  }

  @include ie-lte(7) {
    zoom: 1;
    display: inline;
  }

  @include ie(6) {
    @if $min-height != "" {
      height: $min-height;
    }
  }
}


// Contain floats usage:
//
// .this-has-floated-children {
//  @extend %contain-floats;
// }


%contain-floats {
  &:after {
    content: "";
    display: block;
    clear: both;
  }

  @include ie-lte(7) {
    zoom: 1;
  }
}