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) • 3.31 kB
CSS
@charset "UTF-8";.shortcuts-menu{width:100%;max-width:24rem}.shortcuts-menu kbd{display:inline-flex;min-width:2rem;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));font-feature-settings:"tnum"}html.dark .shortcuts-menu kbd{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.shortcuts-menu li{display:flex;align-items:center;justify-content:space-between;gap:1rem}.shortcuts-menu li:hover{margin-left:-.5rem;margin-right:-.5rem;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding-left:.5rem;padding-right:.5rem}html.dark .shortcuts-menu li:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.shortcuts-menu h3{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}html.dark .shortcuts-menu h3{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}@media (max-width: 640px){.shortcuts-menu .grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.shortcuts-content .shortcuts-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (max-width: 640px){.shortcuts-menu .shortcuts-content .shortcuts-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.shortcuts-content .shortcuts-grid .shortcuts-category{margin-bottom:.5rem;display:block;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}html.dark .shortcuts-content .shortcuts-grid .shortcuts-category{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.shortcuts-content .shortcuts-grid .shortcuts-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.shortcuts-content .shortcuts-grid .shortcuts-group .shortcut{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;line-height:1.25rem}.shortcuts-content .shortcuts-grid .shortcuts-group .shortcut .shortcut-icon{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}html.dark .shortcuts-content .shortcuts-grid .shortcuts-group .shortcut .shortcut-icon{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.shortcuts-content .shortcuts-grid .shortcuts-group .shortcut .shortcut-description{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}html.dark .shortcuts-content .shortcuts-grid .shortcuts-group .shortcut .shortcut-description{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.shortcuts-content .shortcuts-grid .shortcuts-group .shortcut .shortcut-key{border-radius:.25rem;border-width:1px;border-color:currentColor;padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem}