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.9 kB
CSS
.comment-marker{display:inline-flex;height:1rem;width:1rem;cursor:pointer;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.comment-marker:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.comment-marker{vertical-align:super;font-size:.75em}@media print{.comment-marker{display:none}}.commented-text{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));padding-left:.125rem;padding-right:.125rem}@media print{.commented-text{background-color:transparent}}.comment-tooltip{position:fixed;z-index:50;max-width:20rem;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);pointer-events:none}.comment-tooltip:after{content:"";position:absolute;left:50%;bottom:0;margin-bottom:-.5rem;border-width:8px;border-color:transparent;--tw-border-opacity: 1;border-top-color:rgb(17 24 39 / var(--tw-border-opacity, 1));transform:translate(-50%)}@media print{.comment-tooltip{display:none}}.comment-menu{width:100%;max-width:32rem}.comment-content{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:.875rem;line-height:1.25rem}.delete-comment:hover{text-decoration-line:underline}