Something went wrong. Try again.
a reactive (signals based) hypermedia web framework (wip) stormlightlabs.github.io/volt
hypermedia frontend signals
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586/** * List spacing and indentation * * Nested lists inherit spacing */ul, ol { margin-bottom: var(--space-lg); padding-left: var(--space-xl); max-width: var(--content-width);}
/** * List items */li { margin-bottom: var(--space-sm);}
li::marker { color: var(--color-accent);}
/** * Nested lists - Reduced spacing */li > ul, li > ol { margin-top: var(--space-sm); margin-bottom: var(--space-sm);}
/** * Description lists - For key-value pairs */dl { margin-bottom: var(--space-lg); max-width: var(--content-width);}
dt { font-weight: 700; margin-top: var(--space-md); margin-bottom: var(--space-xs);}
dd { margin-left: var(--space-xl); margin-bottom: var(--space-sm); color: var(--color-text-muted);}
table { width: 100%; max-width: var(--content-width); margin: var(--space-xl) 0; border-collapse: collapse; overflow-x: auto; display: block;}
thead { background-color: var(--color-bg-alt); border-bottom: 2px solid var(--color-border);}
th { padding: var(--space-sm) var(--space-md); text-align: left; font-weight: 700; color: var(--color-text);}
td { padding: var(--space-sm) var(--space-md); border-bottom: 1px solid var(--color-border);}
tbody tr:nth-child(even) { background-color: var(--color-bg-alt);}
tbody tr:hover { background-color: var(--color-border); transition: background-color var(--transition-fast);}