enfrancais-app/src/assets/scss/main.scss

@import 'globals';

@import 'bootstrap';


html, body, #app {
  height: 100%;
}

#app {
  display: flex;
  flex-direction: column;
}

main {
  height: 100%;
}

// Layouts

.view {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.split-screen {
  display: flex;
  height: 100%;

  & > * {
    flex-basis: 50%;
  }
}

.container-fill {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}