Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/jhroemer/jhroemer.github.io. My personal website jensroemer.com
Something went wrong. Try again.
1.4 kB · 101 lines
CSS
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102.root { margin-top: 2rem;}
.heading { margin-top: 1rem;}
.note { font-size: 0.875rem; line-height: calc(1.25 / 0.875);}
.noteMuted { color: var(--text-secondary);}
.skeleton { max-width: 91.666667%; animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}
.skeletonLine { height: 0.75rem; width: 16rem; margin-bottom: 0.5rem; background-color: var(--text-secondary); border-radius: 0.375rem;}
.skeletonBlock { height: 100px; background-color: var(--text-secondary); border-radius: 0.375rem;}
.stats { display: flex; gap: 0.5rem;}
.statsLarge { font-size: 1rem; line-height: 1.5;}
.statsSmall { font-size: 0.75rem; line-height: calc(1 / 0.75);}
.stat { display: flex; align-items: center; gap: 0.5rem;}
.comment { padding: 0.5rem; margin-top: 0.5rem;}
.author { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; line-height: calc(1.25 / 0.875); text-decoration: none;}
.avatar { width: 1rem; height: 1rem; border-radius: 9999px;}
.handleMuted { color: var(--text-secondary);}
.text { margin-top: 0.25rem; font-size: 0.875rem; line-height: calc(1.25 / 0.875);}
.actions { margin-top: 0.5rem;}
.replies { border-left: 1px solid oklch(43.9% 0 0); padding-left: 0.5rem;}
@keyframes pulse { 50% { opacity: 0.5; }}