@financial-times/o-labels 6.5.0 → 6.5.1
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/CHANGELOG.md +7 -0
- package/package.json +1 -1
- package/src/scss/_mixins.scss +0 -34
- package/src/scss/_variables.scss +0 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
### [6.5.1](https://www.github.com/Financial-Times/origami/compare/o-labels-v6.5.0...o-labels-v6.5.1) (2022-10-31)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* remove blinking animation from live label ([6bb0da6](https://www.github.com/Financial-Times/origami/commit/6bb0da6545915d455e6046626602776368162394))
|
|
9
|
+
|
|
3
10
|
## [6.5.0](https://www.github.com/Financial-Times/origami/compare/o-labels-v6.4.1...o-labels-v6.5.0) (2022-10-20)
|
|
4
11
|
|
|
5
12
|
|
package/package.json
CHANGED
package/src/scss/_mixins.scss
CHANGED
|
@@ -217,40 +217,6 @@
|
|
|
217
217
|
@extend %_o-labels-indicator-live-color;
|
|
218
218
|
}
|
|
219
219
|
@extend %_o-labels-timestamp-typography;
|
|
220
|
-
|
|
221
|
-
@if($status == 'live') {
|
|
222
|
-
& > %_o-labels-indicator__status:before {
|
|
223
|
-
animation: _o-labels-live-pulse 1.2s ease-in-out infinite;
|
|
224
|
-
// Prevent animation of the live label if the reader has indicated
|
|
225
|
-
// that they prefer reduced motion. This may be conservative but
|
|
226
|
-
// as the live indicator is presented alongside content (including
|
|
227
|
-
// the front page at the time of writing) we do not want to risk
|
|
228
|
-
// severely distracting some readers.
|
|
229
|
-
// https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html
|
|
230
|
-
@media (prefers-reduced-motion) {
|
|
231
|
-
animation: none;
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
// output keyframes once when live status is output
|
|
236
|
-
@if($status == 'live' and $_o-labels-indicator-live-pulse-output: false) {
|
|
237
|
-
$_o-labels-indicator-live-pulse-output: true !global;
|
|
238
|
-
@keyframes _o-labels-live-pulse {
|
|
239
|
-
0% {
|
|
240
|
-
opacity: 1;
|
|
241
|
-
}
|
|
242
|
-
30% {
|
|
243
|
-
opacity: 0.4;
|
|
244
|
-
}
|
|
245
|
-
70% {
|
|
246
|
-
opacity: 0.4;
|
|
247
|
-
}
|
|
248
|
-
100% {
|
|
249
|
-
opacity: 1;
|
|
250
|
-
}
|
|
251
|
-
}
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
220
|
}
|
|
255
221
|
|
|
256
222
|
|
package/src/scss/_variables.scss
CHANGED
|
@@ -64,9 +64,3 @@ $_o-labels-indicator-status: (
|
|
|
64
64
|
'new',
|
|
65
65
|
'updated'
|
|
66
66
|
);
|
|
67
|
-
|
|
68
|
-
/// Whether or not the animation keyframes for the live indicator
|
|
69
|
-
/// label has already been output.
|
|
70
|
-
/// @type Boolean
|
|
71
|
-
/// @access private
|
|
72
|
-
$_o-labels-indicator-live-pulse-output: false !default;
|