editor.scss 1.0 KB

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