You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_overlay.scss 1011B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. .overlay {
  2. &__container,
  3. &__container-light {
  4. top: 0;
  5. left: 0;
  6. width: 100%;
  7. height: 100%;
  8. position: fixed;
  9. z-index: $overlayZ;
  10. background: $defaultBackground;
  11. &.filmstrip-only {
  12. @include transparentBg($filmstripOnlyOverlayBg, 0.8);
  13. }
  14. }
  15. &__container-light {
  16. @include transparentBg($defaultBackground, 0.7);
  17. &.filmstrip-only {
  18. @include transparentBg($filmstripOnlyOverlayBg, 0.2);
  19. }
  20. }
  21. &__content {
  22. position: absolute;
  23. margin: 0 auto;
  24. height: 100%;
  25. width: 56%;
  26. left: 50%;
  27. @include transform(translateX(-50%));
  28. &.filmstrip-only {
  29. left: 0px;
  30. width: 100%;
  31. @include transform(none);
  32. }
  33. &_bottom {
  34. position: absolute;
  35. bottom: 0;
  36. }
  37. }
  38. &__policy {
  39. position: absolute;
  40. bottom: 24px;
  41. width: 100%;
  42. }
  43. }