@import "variables";


// Must see 100% to take all space
html, body
{
  height : 100%;
}

app-root
{
  display        : flex;
  flex-direction : column;
  height         : 100%;
  width          : 100%;

  // header.component.scss - Set at the header component as well
  tbx-header
  {
    flex : 0 0 auto; // Do not grow, do not shrink
    //overflow : visible;
    //margin-bottom: 20px;
  }

  main
  {
    flex : 1 0 auto; // Grow to take all, do not shrink
    //background-color : darkorange;
    //height : 100%;
    //width  : 100%;
  }

  // footer.component.scss - Set at the header component as well
  tbx-footer
  {
    flex     : 0 0 auto; // Do not grow, do not shrink
    overflow : auto;
  }
}