/// dialog.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
@import 'extends';

@mixin fullscreen {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  border-radius: 0;
  flex-basis: 100%;
}

body.popup {
  md-dialog {
    &[flex-xs="100"],
    &.flex-xs-100 {
      @include fullscreen;
    }
  }
}

@media (max-width: $layout-breakpoint-xs) {
  md-dialog {
    &[flex-xs="100"],
    &.flex-xs-100 {
      @include fullscreen;
    }
  }
}