UNPKG

@pubsweet/ui

Version:

React component library for use in pubsweet apps

38 lines (29 loc) • 850 B
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
CSS variables are used to define font families. ### fontInterface ```js const FontInterface = require('styled-components').default.div` font-family: ${props => props.theme.fontInterface}; ` ;<FontInterface>{faker.lorem.sentence(5)}</FontInterface> ``` ### fontHeading ```js const FontHeading = require('styled-components').default.div` font-family: ${props => props.theme.fontHeading}; ` ;<FontHeading>{faker.lorem.sentence(5)}</FontHeading> ``` ### fontReading ```js const FontReading = require('styled-components').default.div` font-family: ${props => props.theme.fontReading}; ` ;<FontReading>{faker.lorem.sentence(5)}</FontReading> ``` ### fontWriting ```js const FontWriting = require('styled-components').default.div` font-family: ${props => props.theme.fontWriting}; ` ;<FontWriting>{faker.lorem.sentence(5)}</FontWriting> ```