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

/* ============================================================================
   Primitive: Grid — layout puro, sem responsive
   ============================================================================ */

[data-rs-grid] {
    display: grid;
}

[data-rs-grid][data-rs-cols="1"]    { grid-template-columns: repeat(1, 1fr); }
[data-rs-grid][data-rs-cols="2"]    { grid-template-columns: repeat(2, 1fr); }
[data-rs-grid][data-rs-cols="3"]    { grid-template-columns: repeat(3, 1fr); }
[data-rs-grid][data-rs-cols="4"]    { grid-template-columns: repeat(4, 1fr); }
[data-rs-grid][data-rs-cols="6"]    { grid-template-columns: repeat(6, 1fr); }
[data-rs-grid][data-rs-cols="12"]   { grid-template-columns: repeat(12, 1fr); }
[data-rs-grid][data-rs-cols="auto"] { grid-template-columns: repeat(auto-fit, minmax(var(--grid-min-col-width), 1fr)); }

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