UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

eufemia.dnb.no/uilib

dnbexperience/eufemia

73 lines (55 loc) • 1.56 kB
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
--- title: 'Helper classes' description: 'A list of typography CSS classes' version: 10.104.0 generatedAt: 2026-04-17T18:46:12.787Z checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40 --- # Helper classes This is a list of all the typography helper classes available. They are used by the [Span](/uilib/elements/span) and [Paragraph](/uilib/elements/paragraph) components, but can also be used on their own. For visual examples, see the [Paragraph demos](/uilib/elements/paragraph/#demos). For details on sizes and weights, see the [Font weights](/uilib/typography/font-weight/), [Font size](/uilib/typography/font-size/) and [Line Height](/uilib/typography/line-height/) documentation. ## CSS classes `.dnb-t` ### Font weight ``` .dnb-t__weight--regular .dnb-t__weight--medium .dnb-t__weight--bold ``` ### Font size ``` .dnb-t__size--xx-large .dnb-t__size--x-large .dnb-t__size--large .dnb-t__size--basis .dnb-t__size--medium .dnb-t__size--small .dnb-t__size--x-small ``` ### Line heights ``` .dnb-t__line-height--xx-large .dnb-t__line-height--x-large .dnb-t__line-height--large .dnb-t__line-height--basis .dnb-t__line-height--medium .dnb-t__line-height--small .dnb-t__line-height--x-small ``` ### Text alignment ``` .dnb-t__align--center .dnb-t__align--left .dnb-t__align--right ``` ### Font family ``` .dnb-t__family--default .dnb-t__family--heading .dnb-t__family--monospace ``` ### Underline / italic ``` .dnb-t__decoration--underline .dnb-t__slant--italic ```