/*
|-------------------------------------------------------------------------------
| Mixins
|-------------------------------------------------------------------------------
*/
// Shortcuts to breakpoints
@mixin breakpoint($breakpoint) {
  @if $breakpoint == "mobile" {
    @media (max-width: 1024px) {
      @content;
    }
  }

  @else if $breakpoint == "desktop" {
    @media (min-width: 1025px) {
      @content;
    }
  }
}

// Border radius
@mixin border-radius($value: 3px) {
  -webkit-border-radius: $value;
  -moz-border-radius   : $value;
  -ms-border-radius    : $value;
  -o-border-radius     : $value;
  border-radius        : $value;
}

// Background size
@mixin bg-size($value: cover) {
  -webkit-background-size: $value;
  -moz-background-size   : $value;
  -ms-background-size    : $value;
  -o-background-size     : $value;
  background-size        : $value;
}

// Transition
@mixin transition($transition : all 150ms ease-in-out) {
  -webkit-transition: $transition;
  -moz-transition   : $transition;
  -ms-transition    : $transition;
  -o-transition     : $transition;
  transition        : $transition;
}

// TranslateX
@mixin translateX($value) {
  -webkit-transform: translateX($value);
  -moz-transform:    translateX($value);
  -ms-transform:     translateX($value);
  -o-transform:      translateX($value);
  transform:         translateX($value);
}

// 2 column layout
@mixin post2Col() {
  width: 48%;
  float: left;
  margin-right: 4%;

  &:nth-child(2n) {
    margin-right: 0;
  }

  &:nth-child(2n + 1) {
    clear: left;
  }
}

// 3 column layout
@mixin post3Col() {
  width: 31.33333%;
  float: left;
  margin-right: 3%;

  &:nth-child(3n) {
    margin-right: 0;
  }

  &:nth-child(3n + 1) {
    clear: left;
  }
}