/**
 * Copyright (c) 2017 MvvmCross
 */

@mixin media-query-max($devices-width) {
  @media screen and (max-width: $devices-width) {
    @content;
  }
}

@mixin media-query-min($devices-width) {
  @media screen and (min-width: $devices-width) {
    @content;
  }
}

@mixin flex-valign($valign) {
  display: flex;
  display: -webkit-flex;
  align-items: $valign;
}

@mixin clearfix() {
  &::before,
  &::after {
    content: "";
    clear: both;
    display: block;
  }
}