theme.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. // Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  2. // For licensing, see LICENSE.md or http://ckeditor.com/license
  3. @import '~@ckeditor/ckeditor5-theme-lark/theme/theme.scss';
  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. @include ck-editor-toolbar();
  13. border-top: 0;
  14. border-left: 0;
  15. border-right: 0;
  16. }
  17. }
  18. .ck-editor__main {
  19. background: ck-color();
  20. }
  21. .ck-editor__bottom {
  22. border-bottom: 0;
  23. border-left: 0;
  24. border-right: 0;
  25. padding: ck-spacing();
  26. }
  27. .ck-editor__editable {
  28. &.ck-focused {
  29. @include ck-focus-ring( 'outline' );
  30. @include ck-box-shadow( $ck-inner-shadow );
  31. }
  32. &_inline {
  33. overflow: auto;
  34. padding: 0 ck-spacing();
  35. }
  36. }
  37. }
  38. .ck-editor,
  39. .ck-editor-bottom {
  40. background: ck-color( 'foreground' );
  41. border: 1px solid ck-border-color( 'foreground' );
  42. }