@use "sass:math";

@import "scss/variables";

#AppView {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;

  @media screen and (max-width: 767px) {
    height: -webkit-fill-available;
  }

  .content {
    flex: 1;
    overflow-y: scroll;

    &::-webkit-scrollbar {
      display: none;
    }
  }
  
  .footer {
    height: math.div($grid-gutter-width, 2);
    line-height: math.div($grid-gutter-width, 2);
  }
}
