styles.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /*
  2. * Copyright (c) 2003-2019, 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/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. max-width: 900px;
  19. padding-left: 30px;
  20. padding-right: 30px
  21. }
  22. }
  23. /* https://github.com/ckeditor/ckeditor5/issues/913 */
  24. @media only screen and (min-width: 1360px) {
  25. .main .main__content.main__content-wide {
  26. padding-right: 0;
  27. }
  28. .main .main__content-wide .main__content-inner {
  29. max-width: 840px;
  30. }
  31. }
  32. /* https://github.com/ckeditor/ckeditor5/issues/1007 */
  33. @media only screen and (min-width: 1600px) {
  34. .main .main__content.main__content-wide {
  35. /*
  36. * `.main__content` by default has 760px width and 340px right padding.
  37. * `.main__content-wide` is 40px wider (800px), that's why we are reducing this right padding.
  38. */
  39. padding-right: 300px;
  40. }
  41. }
  42. /* https://github.com/ckeditor/ckeditor5/issues/1349 */
  43. .main .navigation-hint_mobile {
  44. display: none;
  45. }
  46. /* https://github.com/ckeditor/ckeditor5/issues/1349 */
  47. @media only screen and (max-width: 960px) {
  48. .main .navigation-hint_desktop {
  49. display: none;
  50. }
  51. .main .navigation-hint_mobile {
  52. display: inline;
  53. }
  54. }