styles.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. /*
  2. * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
  3. */
  4. /* https://github.com/ckeditor/ckeditor5/issues/913 */
  5. @media only screen and (min-width: 1600px) {
  6. /* https://github.com/ckeditor/ckeditor5/issues/1077 */
  7. .main .main__content .main__content-inner,
  8. .main .main__content-wide .main__content-inner {
  9. width: 840px;
  10. }
  11. }
  12. /* https://github.com/ckeditor/ckeditor5-build-decoupled-document/issues/12 */
  13. @media only screen and (max-width: 1360px) {
  14. /* https://github.com/ckeditor/ckeditor5/issues/1077 */
  15. .main .main__content .main__content-inner,
  16. .main .main__content-wide .main__content-inner {
  17. max-width: 900px;
  18. padding-left: 30px;
  19. padding-right: 30px
  20. }
  21. }
  22. /* https://github.com/ckeditor/ckeditor5/issues/913 */
  23. @media only screen and (min-width: 1360px) {
  24. .main .main__content.main__content-wide {
  25. padding-right: 0;
  26. }
  27. .main .main__content-wide .main__content-inner {
  28. max-width: 840px;
  29. }
  30. }
  31. /* https://github.com/ckeditor/ckeditor5/issues/1007 */
  32. @media only screen and (min-width: 1600px) {
  33. .main .main__content.main__content-wide {
  34. /*
  35. * `.main__content` by default has 760px width and 340px right padding.
  36. * `.main__content-wide` is 40px wider (800px), that's why we are reducing this right padding.
  37. */
  38. padding-right: 300px;
  39. }
  40. }