8
0

editor.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. // All the elements within `.ck-editor` are positioned relatively to it.
  7. // If any element needs to be positioned with respect to the <body>, etc.,
  8. // it must land outside of the `.ck-editor` in DOM.
  9. position: relative;
  10. .ck-editor__top {
  11. .ck-toolbar {
  12. border-top: 0;
  13. border-left: 0;
  14. border-right: 0;
  15. }
  16. }
  17. .ck-editor__main {
  18. background: ck-color();
  19. }
  20. .ck-editor__bottom {
  21. border-bottom: 0;
  22. border-left: 0;
  23. border-right: 0;
  24. padding: ck-spacing();
  25. }
  26. .ck-editor__editable {
  27. &.ck-focused {
  28. @include ck-focus-outline();
  29. }
  30. &_inline {
  31. overflow: auto;
  32. padding: 0 ck-spacing();
  33. }
  34. }
  35. .ck-toolbar {
  36. // Toolbars should not react to ck-rounded-corners() mixin.
  37. border-radius: 0;
  38. .ck-button {
  39. border-width: 0;
  40. // Make sure the next button does not overlap focused one.
  41. &:focus {
  42. z-index: 1;
  43. }
  44. &:not(:hover):not(:focus):not(.ck-on),
  45. &.ck-disabled {
  46. background: ck-color( 'foreground' );
  47. }
  48. &.ck-on {
  49. @include ck-button-colors( 'foreground', -10 );
  50. }
  51. }
  52. .ck-dropdown__button {
  53. border-width: 1px;
  54. &:not(:hover):not(:focus):not(.ck-on) {
  55. background: ck-color( 'background' );
  56. }
  57. }
  58. }
  59. }
  60. .ck-editor,
  61. .ck-editor-bottom {
  62. background: ck-color( 'foreground' );
  63. border: 1px solid ck-border-color( 'foreground' );
  64. }