markdownEditor.scss

TLDR

This file contains styles for a Markdown editor component.

Classes

product-wrapper

This class is used to style the preview section of the Markdown editor component.

MarkdownEditor

This class is applied to the main element of the Markdown editor component. It contains various styling rules for different editor elements.

Methods

None

/* Markdown Editor */

.product-wrapper {
    .octo-editor-preview {
        a {
            color: rgba(var(--link-color-rgb), 1);
        }
    }
}

.MarkdownEditor {
    cursor: text;

    .MarkdownEditorInput * {
        user-select: text;
    }

    .octo-editor-preview * {
        user-select: text;
    }

    .octo-editor-preview {
        min-height: 2em;

        a {
            &:hover {
                text-decoration: underline;
            }
        }

        p {
            margin: 0;
            word-break: break-word;
        }
    }

    .octo-editor-activeEditor {
        overflow: hidden;
        border-radius: 5px;
    }
}