classiceditor.css 971 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /*
  2. * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. @import "../mixins/_rounded.css";
  6. .ck-editor__top {
  7. & .ck-sticky-panel {
  8. & .ck-toolbar {
  9. @mixin ck-rounded-corners {
  10. border-bottom-left-radius: 0;
  11. border-bottom-right-radius: 0;
  12. }
  13. background: var(--ck-color-editor-toolbar-background);
  14. border-bottom-width: 0;
  15. }
  16. & .ck-sticky-panel__content_sticky .ck-toolbar {
  17. border-bottom-width: 1px;
  18. @mixin ck-rounded-corners {
  19. border-radius: 0;
  20. }
  21. }
  22. }
  23. }
  24. /* Note: Use ck-editor__main to make sure these styles don't apply to other editor types */
  25. .ck-editor__main .ck-editor__editable {
  26. /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/113 */
  27. background: var(--ck-color-base-background);
  28. @mixin ck-rounded-corners {
  29. border-top-left-radius: 0;
  30. border-top-right-radius: 0;
  31. }
  32. &:not(.ck-focused) {
  33. border-color: var(--ck-color-editor-border);
  34. }
  35. }