index.scss 691 B

12345678910111213141516171819202122232425262728293031323334
  1. @import "../common/abstracts/variable.scss";
  2. @import "../common/abstracts/_mixin.scss";
  3. @include b(video-preview) {
  4. position: fixed;
  5. top: 0;
  6. left: 0;
  7. z-index: 999;
  8. width: 100%;
  9. height: 100%;
  10. display: flex;
  11. flex-direction: column;
  12. justify-content: center;
  13. align-items: center;
  14. background: $-video-preview-bg;
  15. @include e(video) {
  16. width: 100%;
  17. height: 242px;
  18. transition: all 0.3s ease;
  19. }
  20. @include edeep(close) {
  21. position: absolute;
  22. box-sizing: border-box;
  23. top: 0px;
  24. right: 0px;
  25. padding: 12px;
  26. text-align: center;
  27. cursor: pointer;
  28. font-size: $-video-preview-close-font-size;
  29. color: $-video-preview-close-color;
  30. }
  31. }