a reactive (signals based) hypermedia web framework (wip)
stormlightlabs.github.io/volt/
desertthunder.dev
hypermedia
frontend
signals
1/**
2 * Images are responsive by default, maintains aspect ratio
3 */
4img {
5 max-width: 100%;
6 height: auto;
7 display: block;
8 border-radius: var(--radius-sm);
9}
10
11/**
12 * Figures with captions
13 * Common in academic and technical writing
14 */
15figure {
16 margin: var(--space-xl) 0;
17 max-width: var(--content-width);
18}
19
20figcaption {
21 margin-top: var(--space-sm);
22 font-size: var(--font-size-sm);
23 color: var(--color-text-muted);
24 font-style: italic;
25 text-align: center;
26}
27
28video, audio {
29 max-width: 100%;
30 margin: var(--space-xl) 0;
31}
32
33canvas, svg {
34 max-width: 100%;
35 height: auto;
36}
37
38iframe {
39 max-width: 100%;
40 border: 1px solid var(--color-border);
41 border-radius: var(--radius-md);
42 margin: var(--space-xl) 0;
43}