editor.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. // Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
  2. // For licensing, see LICENSE.md or http://ckeditor.com/license
  3. // TODO/NOTE: This along with _editor helper will probably become a creator theme.
  4. @include ck-editor {
  5. @include ck-rounded-corners();
  6. .ck-editor__top {
  7. .ck-toolbar {
  8. border-top: 0;
  9. border-left: 0;
  10. border-right: 0;
  11. }
  12. }
  13. .ck-editor__main {
  14. background: ck-color();
  15. overflow: hidden;
  16. }
  17. .ck-editor__bottom {
  18. border-bottom: 0;
  19. border-left: 0;
  20. border-right: 0;
  21. padding: ck-spacing();
  22. }
  23. .ck-editor__editable_inline {
  24. overflow: auto;
  25. padding: 0 ck-spacing();
  26. }
  27. .ck-toolbar {
  28. // Toolbars should not react to ck-rounded-corners() mixin.
  29. border-radius: 0;
  30. .ck-button {
  31. border-width: 0;
  32. }
  33. // Make sure the next button does not overlap focused one.
  34. .ck-button:focus {
  35. z-index: 1;
  36. }
  37. .ck-button:not(:hover):not(:focus):not(.ck-on) {
  38. background: ck-color( 'foreground' );
  39. }
  40. .ck-button.ck-on {
  41. @include ck-button-colors( 'foreground', -10 );
  42. }
  43. .ck-dropdown__button {
  44. border-width: 1px;
  45. }
  46. .ck-dropdown__button:not(:hover):not(:focus):not(.ck-on) {
  47. background: ck-color( 'background' );
  48. }
  49. }
  50. }
  51. .ck-editor,
  52. .ck-editor-bottom {
  53. background: ck-color( 'foreground' );
  54. border: 1px solid ck-border-color( 'foreground' );
  55. }