-
Notifications
You must be signed in to change notification settings - Fork 42
/
index.js
50 lines (48 loc) · 1.05 KB
/
index.js
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
import {
colours,
fonts,
fontSizes,
spacing
} from "@times-components/styleguide";
const styles = {
bylineOpinion: {
color: colours.section.comment,
fontFamily: fonts.supporting,
fontSize: fontSizes.cardMetaMobile,
letterSpacing: 0.6,
lineHeight: 12,
marginTop: spacing(3),
textTransform: "uppercase"
},
container: {
alignItems: "center",
paddingTop: spacing(4),
paddingBottom: spacing(2)
},
headline: {
color: colours.functional.brandColour,
fontFamily: fonts.headline,
fontSize: fontSizes.tileLeadHeadline,
lineHeight: 35,
paddingHorizontal: spacing(2),
textAlign: "center"
},
imageContainer: {
overflow: "hidden",
width: "30%"
},
strapline: {
fontFamily: fonts.bodyRegular,
color: colours.functional.secondary,
fontSize: fontSizes.meta,
lineHeight: 20,
paddingHorizontal: spacing(8),
textAlign: "center"
},
summaryContainer: {
alignItems: "center",
paddingTop: spacing(2),
paddingBottom: spacing(3)
}
};
export default styles;