photoswipe-bottom.scss

@import 'modules/theme';

.pswp__button--qrcode,
.pswp__button--print,
.pswp__button--print-chroma-keying,
.pswp__button--download,
.pswp__button--custom-download,
.pswp__button--mail,
.pswp__button--playpause,
.pswp__button--share,
.pswp__button--zoom,
.pswp__button--fs,
.pswp__button--delete {
  left: 40%;
}

.pswp__button--close {
  top: 24px;
  right: 30px;
  left: auto;
  position: fixed;
  width: calc(2 * 1em);
  height: calc(2 * 1em);
  line-height: calc(1 * 1em);
  border: 2px solid $galleryButtonColor;
}

.pswp__top-bar {
  height: calc(8 * 1em);
  top: auto;
  bottom: 0;
}

.pswp__button {
  float: left;
}

.pswp__counter {
  left: 20%;
  height: calc(4.375 * 1em);
  font-size: 1.5em;
  line-height: calc(5 * 1em);
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__counter {
    left: 5%;
    height: calc(2 * 1em);
    font-size: 1.2em;
    line-height: calc(3 * 1em);
    padding: 0 5px;
  }

  .pswp__button {
    left: 15%;
    margin: auto;
  }

  .pswp__button--qrcode,
  .pswp__button--print,
  .pswp__button--print-chroma-keying,
  .pswp__button--download,
  .pswp__button--custom-download,
  .pswp__button--mail,
  .pswp__button--playpause,
  .pswp__button--share,
  .pswp__button--zoom,
  .pswp__button--fs,
  .pswp__button--delete {
    width: calc(2 * 1em);
    height: calc(2 * 1em);
    line-height: calc(2 * 1em);
  }

  .pswp__button--close {
    left: auto;
  }

  .pswp__top-bar {
    height: calc(3 * 1em);
  }
}