8
0

htmlembed.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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. padding: var(--ck-spacing-standard);
  10. /* The switch mode button. */
  11. & .raw-html__switch-mode {
  12. position: absolute;
  13. top: var(--ck-spacing-standard);
  14. right: var(--ck-spacing-standard);
  15. & svg {
  16. fill: currentColor;
  17. }
  18. }
  19. /* The edit source element. */
  20. & .raw-html__source {
  21. width: calc(100% - 37px - 3 * var(--ck-spacing-standard));
  22. height: 10em;
  23. resize: none;
  24. }
  25. }
  26. /* Using the feature with enabled previews in data. */
  27. & .raw-html--preview-enabled {
  28. /* The preview data container. */
  29. & .raw-html__preview {
  30. width: calc(100% - 37px - var(--ck-spacing-standard));
  31. text-align: center;
  32. & > table {
  33. margin-left: auto;
  34. margin-right: auto;
  35. }
  36. }
  37. /* Mode: preview the HTML. */
  38. &.raw-html--display-preview {
  39. background-color: var(--ck-color-base-foreground);
  40. & .raw-html__source {
  41. display: none;
  42. }
  43. & .raw-html__preview {
  44. display: block;
  45. }
  46. }
  47. /* Mode: edit the HTML source. */
  48. &:not(.raw-html--display-preview) .raw-html__preview {
  49. display: none;
  50. }
  51. }
  52. }