styles.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  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: 800px;
  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. }
  19. }
  20. /* https://github.com/ckeditor/ckeditor5/issues/913 */
  21. @media only screen and (min-width: 1360px) {
  22. .main .main__content.main__content-wide {
  23. padding-right: 0;
  24. }
  25. .main .main__content-wide .main__content-inner {
  26. max-width: 800px;
  27. }
  28. }
  29. /* https://github.com/ckeditor/ckeditor5/issues/1007 */
  30. @media only screen and (min-width: 1600px) {
  31. .main .main__content.main__content-wide {
  32. /*
  33. * `.main__content` by default has 760px width and 340px right padding.
  34. * `.main__content-wide` is 40px wider (800px), that's why we are reducing this right padding.
  35. */
  36. padding-right: 300px;
  37. }
  38. }