| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- /*
- * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
- .ck-editor__editable {
- /* The feature container. */
- & .raw-html {
- position: relative;
- padding: var(--ck-spacing-standard);
- /* The switch mode button. */
- & .raw-html__switch-mode {
- position: absolute;
- top: var(--ck-spacing-standard);
- right: var(--ck-spacing-standard);
- & svg {
- fill: currentColor;
- }
- }
- /* The edit source element. */
- & .raw-html__source {
- width: calc(100% - 37px - 3 * var(--ck-spacing-standard));
- height: 10em;
- resize: none;
- }
- }
- /* Using the feature with enabled previews in data. */
- & .raw-html--preview-enabled {
- /* The preview data container. */
- & .raw-html__preview {
- width: calc(100% - 37px - var(--ck-spacing-standard));
- text-align: center;
- & > table {
- margin-left: auto;
- margin-right: auto;
- }
- }
- /* Mode: preview the HTML. */
- &.raw-html--display-preview {
- background-color: var(--ck-color-base-foreground);
- & .raw-html__source {
- display: none;
- }
- & .raw-html__preview {
- display: block;
- }
- }
- /* Mode: edit the HTML source. */
- &:not(.raw-html--display-preview) .raw-html__preview {
- display: none;
- }
- }
- }
|