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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

/* ═══════════════════════════════════════════════════════════════
   ICON — Family F Data tokens compliant
   ═══════════════════════════════════════════════════════════════ */

[data-rs-icon] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--icon-color, currentColor);
  vertical-align: var(--icon-vertical-align);
}

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

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

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

[data-rs-icon][data-rs-variant="default"]     { color: var(--icon-color); }
[data-rs-icon][data-rs-variant="muted"]       { color: var(--icon-color-muted); }
[data-rs-icon][data-rs-variant="primary"]     { color: var(--icon-color-primary); }
[data-rs-icon][data-rs-variant="destructive"] { color: var(--icon-color-destructive); }
[data-rs-icon][data-rs-variant="success"]     { color: var(--icon-color-success); }
[data-rs-icon][data-rs-variant="warning"]     { color: var(--icon-color-warning); }

[data-rs-icon-inner] {
  display: flex;
  width: 100%;
  height: 100%;
}

[data-rs-icon-inner] svg {
  width: 100%;
  height: 100%;
  stroke-width: var(--icon-stroke-width);
}

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}

[data-rs-icon][data-rs-spin] [data-rs-icon-inner] {
  animation: icon-spin var(--motion-duration-slow) linear infinite;
}

[data-rs-icon][data-rs-state~="disabled"] {
  color: var(--icon-color-disabled);
  pointer-events: none;
}