8
0

editor.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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. // https://github.com/ckeditor/ckeditor5-theme-lark/issues/111
  38. .ck-toolbar-container.ck-editor-toolbar-container.ck-balloon-panel_arrow {
  39. &_n,
  40. &_ne,
  41. &_nw {
  42. &:after {
  43. border-bottom-color: ck-color( 'editor-toolbar-background' );
  44. }
  45. }
  46. &_s,
  47. &_se,
  48. &_sw {
  49. &:after {
  50. border-top-color: ck-color( 'editor-toolbar-background' );
  51. }
  52. }
  53. }