1 |
|
2 |
|
3 |
|
4 |
|
5 | @import url(http://fonts.googleapis.com/css?family=Oxygen:400italic,400,300,700);
|
6 |
|
7 |
|
8 |
|
9 |
|
10 | @font-size: 1rem;
|
11 | @font-size-xxsm: @font-size * 0.6875;
|
12 | @font-size-xsm: @font-size * 0.75;
|
13 | @font-size-sm: @font-size * 0.875;
|
14 | @font-size-m: @font-size * 1.125;
|
15 | @font-size-l: @font-size * 1.25;
|
16 | @font-size-xl: @font-size * 1.5;
|
17 | @font-size-xxl: @font-size * 2;
|
18 |
|
19 |
|
20 |
|
21 |
|
22 |
|
23 | html,
|
24 | button,
|
25 | input,
|
26 | select,
|
27 | textarea {
|
28 | font-family: 'Oxygen', sans-serif;
|
29 | }
|
30 |
|
31 | body {
|
32 | color: @off-black;
|
33 | font-size: @font-size;
|
34 | line-height: 1.4;
|
35 | }
|
36 |
|
37 |
|
38 |
|
39 |
|
40 |
|
41 |
|
42 | h1,
|
43 | h2,
|
44 | h3,
|
45 | h4,
|
46 | h5,
|
47 | h6 {
|
48 | margin: @spacing 0;
|
49 | }
|
50 |
|
51 | h1 {
|
52 | font-size: @font-size-xxl;
|
53 | }
|
54 |
|
55 | h2 {
|
56 | font-size: @font-size-xl;
|
57 | }
|
58 |
|
59 | h3 {
|
60 | font-size: @font-size-l;
|
61 | }
|
62 |
|
63 | h4 {
|
64 | font-size: @font-size-m;
|
65 | }
|
66 |
|
67 | h5 {
|
68 | font-size: @font-size;
|
69 | }
|
70 |
|
71 | h6 {
|
72 | font-size: @font-size-sm;
|
73 | }
|
74 |
|
75 | .header-with-rule {
|
76 | border-bottom: 1px solid @light-gray;
|
77 | padding-bottom: @spacing-xxsm;
|
78 | }
|
79 |
|
80 |
|
81 |
|
82 |
|
83 | .text-left {
|
84 | text-align: left;
|
85 | }
|
86 |
|
87 | .text-center {
|
88 | text-align: center;
|
89 | }
|
90 |
|
91 | .text-right {
|
92 | text-align: right;
|
93 | } |
\ | No newline at end of file |