Skip to content

Commit 72e85e8

Browse files
hardingjnewbery
authored andcommitted
CSS: add two-column-list class, and customize for sponsors listing
1 parent 4248b29 commit 72e85e8

File tree

1 file changed

+44
-0
lines changed

1 file changed

+44
-0
lines changed

assets/main.scss

+44
Original file line numberDiff line numberDiff line change
@@ -3,3 +3,47 @@
33
---
44

55
@import "minima";
6+
7+
br.clear {
8+
clear: left;
9+
}
10+
11+
.two-column-list ul {
12+
margin-left: 4em;
13+
}
14+
15+
.two-column-list li {
16+
list-style: none;
17+
float: left;
18+
width: 16em;
19+
text-align: left;
20+
margin-bottom: 20px;
21+
}
22+
23+
.two-column-list li:nth-child(2n+1) {
24+
margin-right: 100px;
25+
clear: both;
26+
}
27+
28+
// Enable this if you want to use a two-column list with FontAwesome
29+
// icons replacing the bullets
30+
//.two-column-list .fa-li {
31+
// top: 0.75em;
32+
//}
33+
34+
p.sponsor-quote {
35+
font-style: italic;
36+
margin-top: 20px;
37+
}
38+
39+
.sponsors h3 {
40+
font-weight: 700;
41+
font-size: 120%;
42+
margin-bottom: 0;
43+
}
44+
45+
// The long text quotes make this application of a two-column list
46+
// desire more vertical spacing between the quotes
47+
.sponsors li {
48+
margin-bottom: 60px;
49+
}

0 commit comments

Comments
 (0)