@import '../mixins';

app-root {
  // This is just a dummy wrapper needed because react doesn't like
  // being installed into <body>, see https://github.com/facebook/react/issues/3207
  #app-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  // The main react component div
  #app-chrome {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
  }

  // main non-window chrome wrapper
  #app-contents {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
}
