styles.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /*
  2. * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. */
  4. /* https://github.com/ckeditor/ckeditor5/issues/5598. */
  5. @media only screen and (min-width: 960px) and (max-width: 1024px ) {
  6. .main .main__content {
  7. /* Reduce content width including side navigation (340px). */
  8. max-width: calc( 100% - 340px );
  9. min-width: auto;
  10. }
  11. }
  12. /* https://github.com/ckeditor/ckeditor5/issues/5598. */
  13. @media only screen and (max-width: 1360px) {
  14. .main .main__content-inner {
  15. max-width: 960px;
  16. }
  17. }
  18. /* https://github.com/ckeditor/ckeditor5/issues/5598. */
  19. @media only screen and (min-width: 1360px) {
  20. .main .main__content--no-toc .main__content-inner {
  21. /* Because there is `width: auto`, we need to set something minimal. */
  22. min-width: 860px;
  23. }
  24. }
  25. /* https://github.com/ckeditor/ckeditor5/issues/1349 */
  26. .main .navigation-hint_mobile {
  27. display: none;
  28. }
  29. /* https://github.com/ckeditor/ckeditor5/issues/1349 */
  30. @media only screen and (max-width: 960px) {
  31. .main .navigation-hint_desktop {
  32. display: none;
  33. }
  34. .main .navigation-hint_mobile {
  35. display: inline;
  36. }
  37. }