/*
$viewports: (
  0px: (pdf-height: 100%, total-height: calc(var(--app-height, 100vh) - (54px + 30px + 2.2rem + 1.65rem + 3.4rem))),
  1280px: (pdf-height:calc(var(--app-height, 100vh) - (54px + 30px + 2.2rem + 1.65rem + 3.4rem)), total-height:calc(var(--app-height, 100vh) - (54px + 30px + 2.2rem + 1.65rem + 3.4rem))),
);
*/

@mixin sc-document-viewer-theme($theme) {
  $background: map-get($theme, background);

  .sc-document-viewer-document-active {
    background-color: map-get($background, hover);
  }
}

@mixin sc-document-viewer-config($viewports) {
  @each $viewport, $viewportValue in $viewports {
    $viewportValuePDF: map-get($viewportValue, pdf-height);
    $viewportValueTotal: map-get($viewportValue, total-height);
    @media screen and (min-width: $viewport) {
      .sc-document-viewer-pdf {
        max-height: $viewportValuePDF;
      }

      .sc-document-viewer {
        max-height: $viewportValueTotal;
      }
    }
  }
}