editor.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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. .ck-editor__top {
  6. .ck-toolbar {
  7. border-top: 0;
  8. border-left: 0;
  9. border-right: 0;
  10. }
  11. }
  12. .ck-editor__main {
  13. background: ck-color();
  14. overflow: hidden;
  15. }
  16. .ck-editor__bottom {
  17. border-bottom: 0;
  18. border-left: 0;
  19. border-right: 0;
  20. padding: ck-spacing();
  21. }
  22. .ck-editor__editable_inline {
  23. overflow: auto;
  24. padding: 0 ck-spacing();
  25. }
  26. }
  27. .ck-editor,
  28. .ck-editor-bottom {
  29. background: ck-color( 'foreground' );
  30. border: 1px solid ck-border-color( 'foreground' );
  31. }
  32. @include ck-editor {
  33. .ck-toolbar {
  34. .ck-button {
  35. border: 0;
  36. }
  37. // Make sure the next button does not overlap focused one.
  38. .ck-button:focus {
  39. z-index: 1;
  40. }
  41. .ck-button:not(:hover):not(:focus):not(.ck-on) {
  42. background: ck-color( 'foreground' );
  43. }
  44. .ck-button.ck-on {
  45. @include ck-button-colors( 'foreground', -10 );
  46. }
  47. }
  48. }