editor.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. // Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  2. // For licensing, see LICENSE.md or http://ckeditor.com/license
  3. @import '../helpers/_button.scss';
  4. .ck-editor__editable {
  5. @include ck-rounded-corners();
  6. &.ck-focused {
  7. @include ck-focus-ring();
  8. @include ck-box-shadow( $ck-inner-shadow );
  9. }
  10. &_inline {
  11. overflow: auto;
  12. padding: 0 ck-spacing();
  13. border: 1px solid transparent;
  14. }
  15. }
  16. .ck-editor-toolbar {
  17. .ck-button {
  18. border-width: 0;
  19. &:not(:hover):not(:focus):not(.ck-on),
  20. &.ck-disabled {
  21. background: ck-color( 'editor-toolbar-background' );
  22. }
  23. &.ck-on {
  24. @include ck-button-colors( 'editor-toolbar-button-background', 'button-default-border', -10 );
  25. }
  26. }
  27. .ck-button.ck-dropdown__button {
  28. border-width: 1px;
  29. &:not(:hover):not(:focus):not(.ck-on) {
  30. background: ck-color( 'editor-dropdown-background' );
  31. }
  32. }
  33. .ck-toolbar-container & {
  34. background: ck-color( 'editor-toolbar-background' );
  35. }
  36. }
  37. .ck-editor-toolbar-container.ck-balloon-panel_arrow {
  38. &_n,
  39. &_ne,
  40. &_nw {
  41. &:after {
  42. border-bottom-color: ck-color( 'editor-toolbar-background' );
  43. }
  44. }
  45. &_s,
  46. &_se,
  47. &_sw {
  48. &:after {
  49. border-top-color: ck-color( 'editor-toolbar-background' );
  50. }
  51. }
  52. }