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.68 kB
CSS
.footnote-ref{cursor:pointer;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.footnote-ref:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.footnote-ref{font-size:.75em;vertical-align:super;line-height:0}.footnotes-section{margin-top:2rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:2rem}.footnotes-section h2{margin-bottom:1rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}@media print{.footnotes-section{margin-top:2rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding-top:2rem;page-break-before:always}}.footnotes-list{margin:0;list-style-type:none;padding:0;counter-reset:footnotes}.footnotes-list li{position:relative;margin-bottom:1rem;padding-left:2.5rem;counter-increment:footnotes;display:block}.footnotes-list li:before{position:absolute;left:0;top:0;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));content:counter(footnotes) ".";width:2em;text-align:right;padding-right:1em}.footnotes-list li:hover:before{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.footnotes-list li:target{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}@media print{.footnotes-list li{-moz-column-break-inside:avoid;break-inside:avoid}}.footnote-line{margin-top:.5rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));display:block}.footnote-line:first-child{margin-top:0}.footnote-line:last-child{margin-bottom:0}