rustio-admin 0.24.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

/* ============================================================
 * rustio-admin / base / utilities
 *
 * Tiny single-purpose helpers — typographic scale forcers,
 * tabular-numeric data, the prose container, and the .rio-icon
 * inline-SVG glyph baseline. These are the framework's only
 * "atom" classes; everything else is a component.
 * ============================================================ */

/* Tabular numerals on data — IDs, counts, timestamps. */
.rio-num, [data-tabular] { font-variant-numeric: tabular-nums; }

/* Strong, content-grade prose container (settings/help pages). */
.rio-prose {
  font-size: var(--rio-fs-lg);            /* 17px */
  line-height: var(--rio-lh-body);        /* 1.6 */
  max-width: 68ch;
}
.rio-prose p { margin: 0 0 var(--rio-s4); }
.rio-prose:lang(ar) p { line-height: var(--rio-lh-arabic); }

/* Force a specific size on muted / hint text — never below 13px. */
.rio-text-xs { font-size: var(--rio-fs-xs); }
.rio-text-sm { font-size: var(--rio-fs-sm); }
.rio-text-md { font-size: var(--rio-fs-md); }

/* Force-dense line-height for chip / badge / tag-like surfaces. */
.rio-tight { line-height: var(--rio-lh-ui); }

/* Inline-SVG glyph — sits on the text baseline. Used in buttons,
 * sidebar links, dropdowns, search inputs. */
.rio-icon {
  display: inline-block;
  vertical-align: -2px;
  width: 1em;
  height: 1em;
}

/* Visually hide an element while keeping it in the accessibility
 * tree. Used by forms that need a no-JS submit fallback whose
 * visible affordance is the input itself (Enter-to-submit). Same
 * pattern as Bootstrap's / Tailwind's `.sr-only`. */
.rio-visually-hidden {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}