@financial-times/o-teaser 7.1.2 → 7.1.3
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 +14 -1
- package/src/scss/elements/_timestamp.scss +0 -15
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [7.1.3](https://github.com/Financial-Times/origami/compare/o-teaser-v7.1.2...o-teaser-v7.1.3) (2025-05-29)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* o-teaser timestamp margin ([e4c2815](https://github.com/Financial-Times/origami/commit/e4c2815ff3e11cdc880da8c7cd25fcda0540539c))
|
|
9
|
+
|
|
3
10
|
## [7.1.2](https://github.com/Financial-Times/origami/compare/o-teaser-v7.1.1...o-teaser-v7.1.2) (2025-04-29)
|
|
4
11
|
|
|
5
12
|
|
package/package.json
CHANGED
package/src/scss/_mixins.scss
CHANGED
|
@@ -89,7 +89,20 @@
|
|
|
89
89
|
@mixin _oTeaserElementsTimestamp {
|
|
90
90
|
.o-teaser__timestamp-date,
|
|
91
91
|
.o-teaser__timestamp {
|
|
92
|
-
|
|
92
|
+
font-family: oPrivateFoundationGet('o3-type-label-font-family');
|
|
93
|
+
font-size: oPrivateFoundationGet('o3-type-label-font-size');
|
|
94
|
+
font-weight: oPrivateFoundationGet('o3-type-label-font-weight');
|
|
95
|
+
line-height: oPrivateFoundationGet('o3-type-label-line-height');
|
|
96
|
+
text-transform: oPrivateFoundationGet('o3-type-label-text-case');
|
|
97
|
+
color: $_o-teaser-muted;
|
|
98
|
+
display: block;
|
|
99
|
+
// Moves timestamp to the bottom when stretched modifier is used
|
|
100
|
+
margin-top: auto;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.o-teaser__timestamp {
|
|
104
|
+
// and ensures there is always some gap above
|
|
105
|
+
padding-top: oPrivateSpacingByName('s4');
|
|
93
106
|
}
|
|
94
107
|
|
|
95
108
|
@include _oTeaserTimestampVariants;
|
|
@@ -1,18 +1,3 @@
|
|
|
1
|
-
/// Timestamp base styles
|
|
2
|
-
@mixin _oTeaserTimestamp {
|
|
3
|
-
font-family: oPrivateFoundationGet('o3-type-label-font-family');
|
|
4
|
-
font-size: oPrivateFoundationGet('o3-type-label-font-size');
|
|
5
|
-
font-weight: oPrivateFoundationGet('o3-type-label-font-weight');
|
|
6
|
-
line-height: oPrivateFoundationGet('o3-type-label-line-height');
|
|
7
|
-
text-transform: oPrivateFoundationGet('o3-type-label-text-case');
|
|
8
|
-
color: $_o-teaser-muted;
|
|
9
|
-
display: block;
|
|
10
|
-
// Moves timestamp to the bottom when stretched modifier is used
|
|
11
|
-
margin-top: auto;
|
|
12
|
-
// and ensures there is always some gap above
|
|
13
|
-
padding-top: oPrivateSpacingByName('s4');
|
|
14
|
-
}
|
|
15
|
-
|
|
16
1
|
/// Timestamp variant styles adding coloured prefixes.
|
|
17
2
|
/// Includes keyframe declaration so must be used outside of
|
|
18
3
|
/// a selector
|