single-file-core 1.6.13 → 1.6.14
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/core/infobar.js +18 -4
- package/package.json +1 -1
package/core/infobar.js
CHANGED
|
@@ -149,12 +149,26 @@ const INFOBAR_STYLES = `
|
|
|
149
149
|
}
|
|
150
150
|
`;
|
|
151
151
|
const INFOBAR_ANIMATIONS_STYLES = `
|
|
152
|
-
.infobar {
|
|
152
|
+
.infobar::before {
|
|
153
|
+
content: "";
|
|
154
|
+
position: absolute;
|
|
155
|
+
inset: 0;
|
|
156
|
+
z-index: -1;
|
|
157
|
+
background-color: #dd6a00;
|
|
158
|
+
border-radius: inherit;
|
|
159
|
+
opacity: 0;
|
|
160
|
+
pointer-events: none;
|
|
153
161
|
animation-name: flash;
|
|
154
162
|
animation-duration: .5s;
|
|
155
163
|
animation-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
|
|
156
164
|
animation-delay: 1s;
|
|
157
165
|
animation-iteration-count: 2;
|
|
166
|
+
transition: visibility 0s 999999s;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.infobar:focus-within::before, .infobar.infobar-focus::before {
|
|
170
|
+
visibility: hidden;
|
|
171
|
+
transition-delay: 0s;
|
|
158
172
|
}
|
|
159
173
|
|
|
160
174
|
.infobar::after {
|
|
@@ -180,10 +194,10 @@ const INFOBAR_ANIMATIONS_STYLES = `
|
|
|
180
194
|
|
|
181
195
|
@keyframes flash {
|
|
182
196
|
0%, 100% {
|
|
183
|
-
|
|
197
|
+
opacity: 0;
|
|
184
198
|
}
|
|
185
199
|
50% {
|
|
186
|
-
|
|
200
|
+
opacity: 1;
|
|
187
201
|
}
|
|
188
202
|
}
|
|
189
203
|
|
|
@@ -199,7 +213,7 @@ const INFOBAR_ANIMATIONS_STYLES = `
|
|
|
199
213
|
}
|
|
200
214
|
|
|
201
215
|
@media (prefers-reduced-motion: reduce) {
|
|
202
|
-
.infobar,
|
|
216
|
+
.infobar::before,
|
|
203
217
|
.infobar::after {
|
|
204
218
|
animation-name: none;
|
|
205
219
|
}
|