on-codemerge
Version:
A WYSIWYG editor for on-codemerge is a user-friendly interface that allows users to edit and view their code in real time, exactly as it will appear in the final product
2 lines (1 loc) • 868 B
CSS
.editor-block{position:relative;margin-top:1rem;margin-bottom:1rem;min-height:100px;min-width:200px;border-radius:.5rem;border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));resize:both;overflow:hidden}.editor-block.active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.editor-block:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.editor-block .block-content{height:100%;width:100%;padding:1rem;outline:none}.editor-block .block-content p{margin:0;padding:0}.split-container{margin-top:1rem;margin-bottom:1rem;display:flex;gap:1rem}.split-container.horizontal{flex-direction:row}.split-container.vertical{flex-direction:column}.split-container>.editor-block{margin-top:0;margin-bottom:0;flex:1 1 0%;min-width:0;min-height:0}