/**
 * Styles voor tiptap wysiwyg editor, deze moeten global geladen worden. Daarom in aparte css en niet in component.
 */

.editor__content table td, .editor__content table th {
    min-width: 1em;
    border: 2px solid #ddd;
    padding: 3px 5px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.editor__content table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.editor__content  p, h1, h2, h3, h4, h5, h6 {
    margin: 0px !important;
    line-height: normal !important;
}

[contenteditable] {
    outline: 0px solid transparent;
}