app.component.scss

@import '../assets/scss/breakpoint';
@import '../assets/scss/color';
@import '../assets/scss/layout';

.app-container {
  display: block;
  flex-direction: column;
}

@media print {
  .app-body {
    height: 100% !important;
  }
}
.app-body {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  height: calc(100vh - #{$header-height});
}

.motif {
  background-color: $primary-color;
  background-size: 58px 58px;
  background-position: 0px 2px, 4px 35px, 29px 31px, 33px 6px, 0px 36px, 4px 2px, 29px 6px, 33px 30px;
  background-image: linear-gradient(335deg, $white 23px, transparent 23px),
    linear-gradient(155deg, $white 23px, transparent 23px), linear-gradient(335deg, $white 23px, transparent 23px),
    linear-gradient(155deg, $white 23px, transparent 23px), linear-gradient(335deg, $white 10px, transparent 10px),
    linear-gradient(155deg, $white 10px, transparent 10px), linear-gradient(335deg, $white 10px, transparent 10px),
    linear-gradient(155deg, $white 10px, transparent 10px);
}