dioxus-mdx 0.3.1

MDX parsing and rendering components for Dioxus
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
73
74
75
76
77
78
79
80
81
82
83

/* Syntax highlighting tokens use light-dark() so they adapt automatically
   to whatever color-scheme the page declares (works with DaisyUI themes,
   data-theme attributes, and system preferences). */
:root {
  --sy-text: light-dark(#383a42, #c0c5ce);
  --sy-comment: light-dark(#a0a1a7, #65737e);
  --sy-keyword: light-dark(#a626a4, #b48ead);
  --sy-storage: light-dark(#a626a4, #b48ead);
  --sy-type: light-dark(#c18401, #ebcb8b);
  --sy-function: light-dark(#4078f2, #8fa1b3);
  --sy-string: light-dark(#50a14f, #a3be8c);
  --sy-number: light-dark(#986801, #d08770);
  --sy-constant: light-dark(#986801, #d08770);
  --sy-variable: light-dark(#e45649, #bf616a);
  --sy-tag: light-dark(#e45649, #bf616a);
  --sy-attribute: light-dark(#986801, #d08770);
  --sy-operator: light-dark(#383a42, #c0c5ce);
  --sy-punctuation: light-dark(#383a42, #c0c5ce);
  --sy-support: light-dark(#4078f2, #8fa1b3);
  --sy-macro: light-dark(#0184bc, #96b5b4);
  --sy-entity: light-dark(#c18401, #ebcb8b);
}

/* Base text color in code blocks */
.syntax-highlight code { color: var(--sy-text); }

/* Comments */
.sy-comment { color: var(--sy-comment); font-style: italic; }
.sy-comment span { color: inherit; }

/* Keywords and storage (fn, let, pub, struct, impl, etc.) */
.sy-keyword { color: var(--sy-keyword); }
.sy-storage { color: var(--sy-storage); }

/* Types and classes */
.sy-support.sy-type { color: var(--sy-type); }
.sy-entity.sy-name.sy-type { color: var(--sy-type); }
.sy-entity.sy-name.sy-class { color: var(--sy-type); }
.sy-entity.sy-name.sy-struct { color: var(--sy-type); }
.sy-entity.sy-name.sy-enum { color: var(--sy-type); }
.sy-entity.sy-name.sy-trait { color: var(--sy-type); }
.sy-entity.sy-name.sy-impl { color: var(--sy-type); }

/* Functions and methods */
.sy-entity.sy-name.sy-function { color: var(--sy-function); }
.sy-support.sy-function { color: var(--sy-support); }
.sy-variable.sy-function { color: var(--sy-function); }

/* Strings */
.sy-string { color: var(--sy-string); }
.sy-string span { color: inherit; }

/* Numbers */
.sy-constant.sy-numeric { color: var(--sy-number); }

/* Constants, booleans */
.sy-constant { color: var(--sy-constant); }
.sy-constant.sy-language { color: var(--sy-constant); }

/* Variables */
.sy-variable { color: var(--sy-variable); }

/* Tags (HTML/XML) */
.sy-entity.sy-name.sy-tag { color: var(--sy-tag); }

/* Attributes (HTML/XML) */
.sy-entity.sy-other.sy-attribute-name { color: var(--sy-attribute); }

/* Operators and punctuation */
.sy-keyword.sy-operator { color: var(--sy-operator); }
.sy-punctuation { color: var(--sy-punctuation); }

/* Macros (Rust) */
.sy-support.sy-macro { color: var(--sy-macro); }
.sy-entity.sy-name.sy-macro { color: var(--sy-macro); }

/* Module/namespace/entity names */
.sy-entity.sy-name { color: var(--sy-entity); }
.sy-support { color: var(--sy-support); }

/* Source/meta — base text color */
.sy-source { color: var(--sy-text); }
.sy-meta { color: var(--sy-text); }