|
1 | | -@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,900) |
2 | | - |
3 | | -@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700) |
4 | | - |
5 | | -$footer-height: 100px |
6 | | -$background-color: #2e3140 |
7 | | -$text-color: #ffc37a |
8 | | -$link-color: #ffffd3 |
9 | | -$hover-color: #ffffba |
10 | | -$open-sans: "Open Sans", "sans-serif" |
11 | | - |
12 | | -=box-sizing($box-model) |
13 | | - -webkit-box-sizing: $box-model |
14 | | - -moz-box-sizing: $box-model |
15 | | - box-sizing: $box-model |
16 | | - |
17 | | -* |
18 | | - margin: 0 |
19 | | - padding: 0 |
20 | | - |
21 | | -html |
22 | | - position: relative |
23 | | - min-height: 100% |
24 | | - |
25 | | -body |
26 | | - background-color: $background-color |
27 | | - color: $text-color |
28 | | - font-family: $open-sans |
29 | | - +box-sizing(border-box) |
30 | | - |
31 | | -#container |
32 | | - max-width: 1200px |
33 | | - min-width: 800px |
34 | | - margin: 0 auto $footer-height auto |
35 | | - padding: 0 20px |
36 | | - |
37 | | -header |
38 | | - padding-top: $footer-height / 2 |
39 | | - |
40 | | -footer |
41 | | - position: absolute |
42 | | - bottom: 0 |
43 | | - height: $footer-height |
44 | | - width: 230px |
45 | | - font-size: 40px |
46 | | - a |
47 | | - color: $text-color |
48 | | - padding-right: 10px |
49 | | - |
50 | | -a |
51 | | - color: $link-color |
52 | | - text-decoration: none |
53 | | - |
54 | | -a:hover |
55 | | - color: $hover-color |
56 | | - text-decoration: none |
57 | | - |
58 | | -h1, h2 |
59 | | - font-family: 'Raleway', 'sans-serif' |
60 | | - |
61 | | -h1 |
62 | | - font-weight: 900 |
63 | | - font-size: 60px |
64 | | - |
65 | | -h2 |
66 | | - font-weight: 700 |
67 | | - font-size: 35px |
68 | | - |
69 | | -#index |
70 | | - font-size: 32px |
71 | | - line-height: 50px |
72 | | - margin-top: 150px |
73 | | - text-align: right |
| 1 | +@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,900); |
| 2 | +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); |
| 3 | +* { |
| 4 | + margin: 0; |
| 5 | + padding: 0; } |
| 6 | + |
| 7 | +html { |
| 8 | + position: relative; |
| 9 | + min-height: 100%; } |
| 10 | + |
| 11 | +body { |
| 12 | + background-color: #2e3140; |
| 13 | + color: #ffc37a; |
| 14 | + font-family: "Open Sans", "sans-serif"; |
| 15 | + -webkit-box-sizing: border-box; |
| 16 | + -moz-box-sizing: border-box; |
| 17 | + box-sizing: border-box; } |
| 18 | + |
| 19 | +#container { |
| 20 | + max-width: 1200px; |
| 21 | + min-width: 800px; |
| 22 | + margin: 0 auto 100px auto; |
| 23 | + padding: 0 20px; } |
| 24 | + |
| 25 | +header { |
| 26 | + padding-top: 50px; } |
| 27 | + |
| 28 | +footer { |
| 29 | + position: absolute; |
| 30 | + bottom: 0; |
| 31 | + height: 100px; |
| 32 | + width: 230px; |
| 33 | + font-size: 40px; } |
| 34 | + footer a { |
| 35 | + color: #ffc37a; |
| 36 | + padding-right: 10px; } |
| 37 | + |
| 38 | +a { |
| 39 | + color: #ffffd3; |
| 40 | + text-decoration: none; } |
| 41 | + |
| 42 | +a:hover { |
| 43 | + color: #ffffba; |
| 44 | + text-decoration: none; } |
| 45 | + |
| 46 | +h1, h2 { |
| 47 | + font-family: 'Raleway', 'sans-serif'; } |
| 48 | + |
| 49 | +h1 { |
| 50 | + font-weight: 900; |
| 51 | + font-size: 60px; } |
| 52 | + |
| 53 | +h2 { |
| 54 | + font-weight: 700; |
| 55 | + font-size: 35px; } |
| 56 | + |
| 57 | +#index { |
| 58 | + font-size: 32px; |
| 59 | + line-height: 50px; |
| 60 | + margin-top: 150px; |
| 61 | + text-align: right; } |
0 commit comments