htmlembed.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. /*
  2. * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. .ck-editor__editable {
  6. /* The feature container. */
  7. & .raw-html {
  8. position: relative;
  9. /* The switch mode button. */
  10. & .raw-html__switch-mode {
  11. position: absolute;
  12. top: 0;
  13. right: 0;
  14. width: 5em;
  15. height: 5em;
  16. cursor: pointer;
  17. }
  18. /* The edit source element. */
  19. & .raw-html__source {
  20. width: 30em;
  21. height: 5em;
  22. resize: none;
  23. }
  24. }
  25. /* Using the feature with enabled previews in data. */
  26. & .raw-html--preview-enabled {
  27. /* The preview data container. */
  28. & .raw-html__preview {
  29. min-height: 5em;
  30. min-width: 30em;
  31. width: calc(100% - 5em);
  32. }
  33. /* Mode: preview the HTML. */
  34. &.raw-html--display-preview {
  35. & .raw-html__source {
  36. display: none;
  37. }
  38. & .raw-html__preview {
  39. display: block;
  40. }
  41. }
  42. /* Mode: edit the HTML source. */
  43. &:not(.raw-html--display-preview) .raw-html__preview {
  44. display: none;
  45. }
  46. }
  47. }