drizzle-css 0.1.0

Classless-first CSS framework — exposes compiled CSS as &'static str constants.
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

/* Dark mode — auto via prefers-color-scheme, plus explicit .dark / .light overrides.
   Values come from --dark-* tokens in tokens.css. Override there to retheme. */

@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    color-scheme: dark;

    --color-bg:         var(--dark-color-bg);
    --color-surface:    var(--dark-color-surface);
    --color-surface-2:  var(--dark-color-surface-2);
    --color-text:       var(--dark-color-text);
    --color-muted:      var(--dark-color-muted);
    --color-border:     var(--dark-color-border);
    --color-link:       var(--dark-color-link);
    --color-link-hover: var(--dark-color-link-hover);
    --color-selection:  var(--dark-color-selection);

    --shadow-sm: var(--dark-shadow-sm);
    --shadow:    var(--dark-shadow);
    --shadow-lg: var(--dark-shadow-lg);
  }
}

:root.dark {
  color-scheme: dark;

  --color-bg:         var(--dark-color-bg);
  --color-surface:    var(--dark-color-surface);
  --color-surface-2:  var(--dark-color-surface-2);
  --color-text:       var(--dark-color-text);
  --color-muted:      var(--dark-color-muted);
  --color-border:     var(--dark-color-border);
  --color-link:       var(--dark-color-link);
  --color-link-hover: var(--dark-color-link-hover);
  --color-selection:  var(--dark-color-selection);

  --shadow-sm: var(--dark-shadow-sm);
  --shadow:    var(--dark-shadow);
  --shadow-lg: var(--dark-shadow-lg);
}

:root.light { color-scheme: light; }