8
0

styles.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /*
  2. * Copyright (c) 2003-2020, 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/1350
  13. https://github.com/ckeditor/ckeditor5-build-decoupled-document/issues/12 */
  14. @media only screen and (min-width: 960px) and (max-width: 1360px) {
  15. /* https://github.com/ckeditor/ckeditor5/issues/1077 */
  16. .main .main__content .main__content-inner,
  17. .main .main__content-wide .main__content-inner {
  18. padding-left: 30px;
  19. padding-right: 30px
  20. }
  21. }
  22. /* https://github.com/ckeditor/ckeditor5/issues/5598. */
  23. @media only screen and (max-width: 1360px) {
  24. .main .main__content-inner {
  25. max-width: 960px;
  26. }
  27. }
  28. /* https://github.com/ckeditor/ckeditor5/issues/5598. */
  29. @media only screen and (min-width: 1360px) {
  30. .main .main__content--no-toc .main__content-inner {
  31. /* Because there is `width: auto`, we need to set some minimal value. */
  32. min-width: 910px;
  33. }
  34. }
  35. /* https://github.com/ckeditor/ckeditor5/issues/1349 */
  36. .main .navigation-hint_mobile {
  37. display: none;
  38. }
  39. /* https://github.com/ckeditor/ckeditor5/issues/1349 */
  40. @media only screen and (max-width: 960px) {
  41. .main .navigation-hint_desktop {
  42. display: none;
  43. }
  44. .main .navigation-hint_mobile {
  45. display: inline;
  46. }
  47. }