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
32
33
34
35
36
37
38
39
40
41
42
43

/* ═══════════════════════════════════════════════════════════════
   SPINNER — Family E Feedback tokens compliant
   ═══════════════════════════════════════════════════════════════ */

[data-rs-spinner] {
  display: inline-block;
  animation: spinner-rotate var(--spinner-rotation-duration) var(--spinner-rotation-ease) infinite;
}

[data-rs-spinner][data-rs-size="sm"] {
  width: var(--spinner-size-sm);
  height: var(--spinner-size-sm);
}

[data-rs-spinner][data-rs-size="md"] {
  width: var(--spinner-size-md);
  height: var(--spinner-size-md);
}

[data-rs-spinner][data-rs-size="lg"] {
  width: var(--spinner-size-lg);
  height: var(--spinner-size-lg);
}

[data-rs-spinner][data-rs-state~="idle"] {
  opacity: var(--spinner-opacity-paused);
  animation-play-state: paused;
}

[data-rs-spinner][data-rs-state~="loading"] {
  animation-play-state: running;
}

[data-rs-spinner] path {
  stroke: var(--spinner-color);
  stroke-width: var(--spinner-stroke-width);
  stroke-linecap: round;
  fill: none;
}

@keyframes spinner-rotate {
  100% { transform: rotate(360deg); }
}