canonrs-server 0.1.0

CanonRS server-side rendering support
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

/* ═══════════════════════════════════════════════════════════════
   STACK — Family H Layout tokens compliant
   ═══════════════════════════════════════════════════════════════ */

[data-rs-stack] {
  display: flex;
  flex-direction: column;
  gap: var(--stack-default-gap);
}

[data-rs-stack][data-rs-direction="horizontal"] {
  flex-direction: row;
  align-items: center;
}

[data-rs-stack][data-rs-direction="vertical"] {
  flex-direction: column;
}

[data-rs-stack][data-rs-gap="2xs"] { gap: var(--space-2xs); }
[data-rs-stack][data-rs-gap="xs"]  { gap: var(--space-xs); }
[data-rs-stack][data-rs-gap="sm"]  { gap: var(--space-sm); }
[data-rs-stack][data-rs-gap="md"]  { gap: var(--space-md); }
[data-rs-stack][data-rs-gap="lg"]  { gap: var(--space-lg); }
[data-rs-stack][data-rs-gap="xl"]  { gap: var(--space-xl); }
[data-rs-stack][data-rs-gap="2xl"] { gap: var(--space-2xl); }
[data-rs-stack][data-rs-gap="0"]   { gap: 0; }

[data-rs-stack] [data-rs-region="items"] {
  display: contents;
}