dwind 0.7.0

Style your DOMINATOR applications using a tailwind-like syntax and utility class collection!
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

.bg-unset {
    background-color: unset;
}

/*
    gradients
*/

.linear-gradient-0 {
    background: linear-gradient(0deg, var(--dw-gradient-from), var(--dw-gradient-to));
}

.linear-gradient-45 {
    background: linear-gradient(45deg, var(--dw-gradient-from), var(--dw-gradient-to));
}

.linear-gradient-90 {
    background: linear-gradient(90deg, var(--dw-gradient-from), var(--dw-gradient-to));
}

.linear-gradient-135 {
    background: linear-gradient(135deg, var(--dw-gradient-from), var(--dw-gradient-to));
}

.linear-gradient-180 {
    background: linear-gradient(180deg, var(--dw-gradient-from), var(--dw-gradient-to));
}

/*
    Tailwind-style gradient directions
*/

.bg-none {
    background-image: none;
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--dw-gradient-stops));
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--dw-gradient-stops));
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--dw-gradient-stops));
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--dw-gradient-stops));
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--dw-gradient-stops));
}

.bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--dw-gradient-stops));
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--dw-gradient-stops));
}

.bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--dw-gradient-stops));
}