moira-web

1
@import '~styles/variables.less';
2
@import '~styles/mixins.less';
3

4
:global {
5
    html {
6
        -webkit-font-smoothing: antialiased;
7
    }
8

9
    body {
10
        margin: 0;
11
        font-size: 14px;
12
        line-height: 20px;
13
        font-family: 'Segoe UI', sans-serif;
14
    }
15

16
    h1 {
17
        font-weight: 100;
18
        font-size: 42px;
19
        line-height: 50px;
20
    }
21

22
    h2 {
23
        font-weight: 300;
24
        font-size: 32px;
25
        line-height: 40px;
26
    }
27

28
    h3 {
29
        font-weight: 500;
30
        font-size: 16px;
31
        line-height: 25px;
32
    }
33

34
    .x-large {
35
        font-size: 18px;
36
        line-height: 25px;
37
    }
38

39
    .large {
40
        font-size: 16px;
41
        line-height: 20px;
42
    }
43

44
    .small {
45
        font-size: 12px;
46
        line-height: 15px;
47
    }
48
}
49