@hazae41/labase 1.0.9 → 1.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/animations/index.css +24 -0
- package/src/text/index.css +16 -0
package/package.json
CHANGED
package/src/animations/index.css
CHANGED
|
@@ -78,6 +78,22 @@
|
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
+
@keyframes -scale-xywh-in {
|
|
82
|
+
from {
|
|
83
|
+
opacity: 0%;
|
|
84
|
+
transform: scale(0%);
|
|
85
|
+
translate: calc(-100vw + var(--x) + (0.5 * var(--w))) calc(var(--y) - (0.5 * var(--h)));
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
@keyframes -scale-xywh-out {
|
|
90
|
+
to {
|
|
91
|
+
opacity: 0%;
|
|
92
|
+
transform: scale(0%);
|
|
93
|
+
translate: calc(-100vw + var(--x) + (0.5 * var(--w))) calc(var(--y) - (0.5 * var(--h)));
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
|
|
81
97
|
@keyframes vibrate-loop {
|
|
82
98
|
from {
|
|
83
99
|
transform: rotate(-1deg);
|
|
@@ -143,6 +159,14 @@
|
|
|
143
159
|
animation: scale-xywh-out 300ms ease-in;
|
|
144
160
|
}
|
|
145
161
|
|
|
162
|
+
@utility -animate-scale-xywh-in {
|
|
163
|
+
animation: -scale-xywh-in 300ms ease-out;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
@utility -animate-scale-xywh-out {
|
|
167
|
+
animation: -scale-xywh-out 300ms ease-in;
|
|
168
|
+
}
|
|
169
|
+
|
|
146
170
|
@utility animate-vibrate-loop {
|
|
147
171
|
animation: vibrate-loop 125ms ease-in-out infinite alternate;
|
|
148
172
|
}
|
package/src/text/index.css
CHANGED
|
@@ -44,4 +44,20 @@
|
|
|
44
44
|
@variant dark {
|
|
45
45
|
@apply text-black/75;
|
|
46
46
|
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
@utility text-white-contrast {
|
|
50
|
+
@apply text-white/50;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@utility text-black-contrast {
|
|
54
|
+
@apply text-black/50;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@utility text-white-half-contrast {
|
|
58
|
+
@apply text-white/75;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
@utility text-black-half-contrast {
|
|
62
|
+
@apply text-black/75;
|
|
47
63
|
}
|