rustio-admin 0.32.0

Django Admin, but for Rust. A small, focused admin framework.
Documentation 
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72

/* ============================================================
   RustIO — Elevation tokens
   Light: soft, low-spread shadows.
   Dark: depth comes from surface-step + a faint top highlight,
         NOT heavy dark shadows.

   Same scope ordering as colors.css: auto-dark @media before the
   explicit [data-theme] blocks so explicit themes win by source order.
   ============================================================ */

/* --- Default = Light --- */
:root {
  --rio-shadow-sm:  0 1px 2px rgba(20, 30, 54, 0.07),
                    0 4px 10px -3px rgba(20, 30, 54, 0.06);
  --rio-shadow-md:  0 2px 4px rgba(20, 30, 54, 0.05),
                    0 6px 16px -8px rgba(20, 30, 54, 0.12);
  --rio-shadow-lg:  0 8px 24px -12px rgba(20, 30, 54, 0.18),
                    0 2px 6px -2px rgba(20, 30, 54, 0.08);
  --rio-shadow-xl:  0 24px 48px -20px rgba(20, 30, 54, 0.24),
                    0 6px 16px -8px rgba(20, 30, 54, 0.12);
  --rio-shadow-inset: inset 0 1px 1px rgba(15, 23, 42, 0.03);
  --rio-shadow-card:  0 1px 2px rgba(15, 23, 42, 0.05), 0 5px 14px -3px rgba(15, 23, 42, 0.06), 0 14px 30px -10px rgba(15, 23, 42, 0.07);
  /* top highlight is a no-op on light surfaces */
  --rio-highlight-top: 0 0 0 0 transparent; /* @kind shadow */
}

/* --- Auto dark: lean on surface contrast + a faint 1px top highlight. --- */
@media (prefers-color-scheme: dark) {
  :root {
    --rio-shadow-sm:  0 1px 0 rgba(255, 255, 255, 0.03),
                      0 1px 2px rgba(0, 0, 0, 0.20);
    --rio-shadow-md:  0 1px 0 rgba(255, 255, 255, 0.03),
                      0 4px 12px -6px rgba(0, 0, 0, 0.40);
    --rio-shadow-lg:  0 1px 0 rgba(255, 255, 255, 0.04),
                      0 12px 28px -14px rgba(0, 0, 0, 0.50);
    --rio-shadow-xl:  0 1px 0 rgba(255, 255, 255, 0.05),
                      0 28px 56px -24px rgba(0, 0, 0, 0.60);
    --rio-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.30);
    --rio-shadow-card:  0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 28px -6px rgba(0, 0, 0, 0.55);
    --rio-highlight-top: inset 0 1px 0 rgba(255, 255, 255, 0.04); /* @kind shadow */
  }
}

/* --- Explicit light (wins over auto-dark by source order) --- */
[data-theme="light"] {
  --rio-shadow-sm:  0 1px 2px rgba(20, 30, 54, 0.07),
                    0 4px 10px -3px rgba(20, 30, 54, 0.06);
  --rio-shadow-md:  0 2px 4px rgba(20, 30, 54, 0.05),
                    0 6px 16px -8px rgba(20, 30, 54, 0.12);
  --rio-shadow-lg:  0 8px 24px -12px rgba(20, 30, 54, 0.18),
                    0 2px 6px -2px rgba(20, 30, 54, 0.08);
  --rio-shadow-xl:  0 24px 48px -20px rgba(20, 30, 54, 0.24),
                    0 6px 16px -8px rgba(20, 30, 54, 0.12);
  --rio-shadow-inset: inset 0 1px 1px rgba(15, 23, 42, 0.03);
  --rio-shadow-card:  0 1px 2px rgba(15, 23, 42, 0.05), 0 5px 14px -3px rgba(15, 23, 42, 0.06), 0 14px 30px -10px rgba(15, 23, 42, 0.07);
  --rio-highlight-top: 0 0 0 0 transparent; /* @kind shadow */
}

/* --- Explicit dark --- */
[data-theme="dark"] {
  --rio-shadow-sm:  0 1px 0 rgba(255, 255, 255, 0.03),
                    0 1px 2px rgba(0, 0, 0, 0.20);
  --rio-shadow-md:  0 1px 0 rgba(255, 255, 255, 0.03),
                    0 4px 12px -6px rgba(0, 0, 0, 0.40);
  --rio-shadow-lg:  0 1px 0 rgba(255, 255, 255, 0.04),
                    0 12px 28px -14px rgba(0, 0, 0, 0.50);
  --rio-shadow-xl:  0 1px 0 rgba(255, 255, 255, 0.05),
                    0 28px 56px -24px rgba(0, 0, 0, 0.60);
  --rio-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.30);
  --rio-shadow-card:  0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 28px -6px rgba(0, 0, 0, 0.55);
  --rio-highlight-top: inset 0 1px 0 rgba(255, 255, 255, 0.04); /* @kind shadow */
}