editor.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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. // Make sure the next button does not overlap focused one.
  33. &:focus {
  34. z-index: 1;
  35. }
  36. &:not(:hover):not(:focus):not(.ck-on),
  37. &.ck-disabled {
  38. background: ck-color( 'foreground' );
  39. }
  40. &.ck-on {
  41. @include ck-button-colors( 'foreground', -10 );
  42. }
  43. }
  44. .ck-dropdown__button {
  45. border-width: 1px;
  46. &:not(:hover):not(:focus):not(.ck-on) {
  47. background: ck-color( 'background' );
  48. }
  49. }
  50. }
  51. }
  52. .ck-editor,
  53. .ck-editor-bottom {
  54. background: ck-color( 'foreground' );
  55. border: 1px solid ck-border-color( 'foreground' );
  56. }