_modal-popup.scss 733 B

12345678910111213141516171819202122232425262728293031
  1. @include respond-to('laptop') {
  2. button.mfp-close,
  3. .mfp-image-holder button.mfp-close,
  4. .mfp-iframe-holder button.mfp-close,
  5. .subscribe-popup .mfp-close,
  6. .subscribe-popup .mfp-close:active,
  7. .mfp-gallery button.mfp-close,
  8. .mfp-iframe-holder ~ button.mfp-close,
  9. button.mfp-close:active{
  10. right: 10px;
  11. top: 10px;
  12. }
  13. }
  14. @include respond-to('tablet') {
  15. .mfp-container {
  16. padding-left: 25px;
  17. padding-right: 25px;
  18. }
  19. }
  20. @include respond-to('phone-landscape') {
  21. .mfp-container {
  22. padding-left: 15px;
  23. padding-right: 15px;
  24. }
  25. .mfp-arrow-right {
  26. right: 10px;
  27. }
  28. .mfp-arrow-left {
  29. left: 10px;
  30. }
  31. }