dioxus-tw-components 0.2.11

Components made 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

.callout {
	--callout-bg: color-mix(in oklab, var(--primary) 10%, transparent);
	--callout-text: var(--primary);
	--callout-border: var(--primary);
	display: flex;
	flex-direction: column;
	background-color: var(--callout-bg);
	border-color: var(--callout-text);
	color: var(--callout-text);
	border-left-width: 6px;
	border-style: solid;
	padding: 0.5rem;
	padding-left: 1rem;
	border-radius: var(--radius);
}

.callout[data-variant="note"] {
	--callout-bg: color-mix(in oklab, var(--primary) 10%, transparent);
	--callout-border: var(--primary);
	--callout-text: var(--primary);
}

.callout[data-variant="tip"] {
	--callout-bg: color-mix(in oklab, var(--success) 10%, transparent);
	--callout-border: var(--success);
	--callout-text: var(--success);
}

.callout[data-variant="warning"] {
	--callout-bg: color-mix(in oklab, rgb(240, 177, 0) 10%, transparent);
	--callout-border: rgb(240, 177, 0);
	--callout-text: rgb(240, 177, 0);
}

.callout[data-variant="caution"] {
	--callout-bg: color-mix(in oklab, var(--destructive) 10%, transparent);
	--callout-border: var(--destructive);
	--callout-text: var(--destructive);
}