OLD | NEW |
1 @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700|Montserrat
:400,700); | 1 @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700|Montserrat
:400,700); |
2 | 2 |
3 /* Override bootstrap variables */ | 3 /* Override bootstrap variables */ |
4 $sansFontFamily: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif !de
fault; | 4 $sansFontFamily: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif !de
fault; |
5 $baseFontSize: 14px !default; | 5 $baseFontSize: 14px !default; |
6 $baseLineHeight: 22px !default; | 6 $baseLineHeight: 22px !default; |
7 | 7 |
8 $dartFont: 'Montserrat', sans-serif; | 8 $dartFont: 'Montserrat', sans-serif; |
9 | 9 |
10 @import "compass_twitter_bootstrap_awesome"; | 10 @import "compass_twitter_bootstrap_awesome"; |
11 | 11 |
12 /* colors from logo */ | 12 /* colors from logo */ |
13 $blue-dark: #0081C6; | 13 $blue-dark: #0081C6; |
14 $blue-light: #00A4E4; | 14 $blue-light: #00A4E4; |
15 $green-dark: #00D2B8; | 15 $green-dark: #00D2B8; |
16 $green-light: #55DDCA; | 16 $green-light: #55DDCA; |
17 | 17 |
18 body { | 18 body { |
19 padding-top: 60px; | 19 padding-top: 60px; |
20 padding-bottom: 40px; | |
21 } | 20 } |
22 | 21 |
23 /* place after the body + padding */ | 22 /* place after the body + padding */ |
24 | 23 |
25 @import "compass_twitter_bootstrap_responsive"; | 24 @import "compass_twitter_bootstrap_responsive"; |
26 | 25 |
27 section { | 26 section { |
28 margin-bottom: 1em; | 27 margin-bottom: 1em; |
29 } | 28 } |
30 | 29 |
(...skipping 168 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
199 } | 198 } |
200 | 199 |
201 .book { | 200 .book { |
202 margin-bottom: 2em; | 201 margin-bottom: 2em; |
203 img.cover { | 202 img.cover { |
204 box-shadow: 8px 8px 15px #CCC; | 203 box-shadow: 8px 8px 15px #CCC; |
205 } | 204 } |
206 } | 205 } |
207 | 206 |
208 footer { | 207 footer { |
209 margin-top: 10px; | 208 border-top: 1px solid #CECECE; |
210 text-align: center; | 209 background-color: #EFEFEF; |
| 210 color: $grayLight; |
| 211 font-size: $baseFontSize - 1; |
| 212 padding: 70px 0; |
| 213 margin-top: 50px; |
| 214 ul { |
| 215 list-style: none; |
| 216 margin: 0; |
| 217 } |
211 p { | 218 p { |
212 font-size: $baseFontSize - 2; | 219 font-size: $baseFontSize - 2; |
213 color: $grayLight; | 220 } |
| 221 .copyright { |
| 222 padding-top: 30px; |
| 223 text-align: center; |
214 } | 224 } |
215 } | 225 } |
216 | 226 |
217 @import "syntax"; | 227 @import "syntax"; |
OLD | NEW |