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) • 1.77 kB
CSS
.html-editor-table{margin-top:1rem;margin-bottom:1rem;width:100%;border-collapse:collapse;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;background-color:#fff}html.dark .html-editor-table{border-color:#374151;box-shadow:0 2px 4px #0000004d;background-color:#1f2937}.html-editor-table td,.html-editor-table th{position:relative;min-width:100px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem;height:24px;cursor:text;transition:background-color .2s ease}html.dark .html-editor-table td,html.dark .html-editor-table th{border-color:#374151}.html-editor-table td:hover,.html-editor-table th:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}html.dark .html-editor-table td:hover,html.dark .html-editor-table th:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.html-editor-table td p,.html-editor-table th p{margin:0;padding:0}.html-editor-table th{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));border-bottom:2px solid #d0d0d0}html.dark .html-editor-table th{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1));border-bottom-color:#4b5563}.html-editor-table tr:nth-child(2n){background-color:#f9f9f9}html.dark .html-editor-table tr:nth-child(2n){background-color:#374151}.html-editor-table tr:nth-child(odd){background-color:#fff}html.dark .html-editor-table tr:nth-child(odd){background-color:#1f2937}.html-editor-table tr:hover{background-color:#f1f1f1}html.dark .html-editor-table tr:hover{background-color:#4b5563}