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 | @importhttps://compass-style.org/files/hl/partials/ base.sass
body#home
:background-color #fff
h1
+replace-text("compass.png")
:height 118px
:margin-top 1em
.tagline
+column(5, true)
+prepend(4)
+compass-font
:font-size 26px
:text-align right
:margin
:top -1.5em
:bottom 1.5em
.description
+column(6)
p
:font-size 22px
:color #3f3837
:border-right 2px dashed #3f3837
:padding-right 20px
a
+hover-link
+link-colors(#3068a9,#5f49a9)
ol#next-steps
// Note: We're using an ol as a blueprint column
// So we have to reset its box model
+reset-box-model
+column(3, true)
+no-bullets
+compass-font
li
:font-size 20px
:line-height 36px
:margin-bottom 1em
:padding-left 50px
:background
:repeat no-repeat
:position left center
li.download
:background-image= image_url("icons/download.png")
li.learn
:background-image= image_url("icons/learn.png")
li.support
:background-image= image_url("icons/support.png")
li.get-involved
:background-image= image_url("icons/get_involved.png")
|