Commit 5495ac517c38b10be3282d62dea400168a427b21
Adds styles for gatherings
Alan Shaw committed on 9/21/2017, 8:43:30 PMParent: b37ae77198a3ac258726bdf306d783f31965a1e1
Files changed
styles/dark/gathering-card.mcss | changed |
styles/dark/gathering-card.mcss | ||
---|---|---|
@@ -1,8 +1,8 @@ | ||
1 | 1 | GatheringCard { |
2 | - border: 1px solid #DDD | |
3 | - padding: 10px | |
4 | - margin-bottom: 10px | |
2 | + padding: 20px | |
3 | + margin: 20px -20px | |
4 | + border-top: 1px solid #2d2c2c | |
5 | 5 | |
6 | 6 | a.image { |
7 | 7 | display: block |
8 | 8 | margin-top: 10px |
@@ -16,43 +16,59 @@ | ||
16 | 16 | margin: 10px 0 |
17 | 17 | padding-top: 10px; |
18 | 18 | |
19 | 19 | div.title { |
20 | - font-size: 90%; | |
21 | - color: #555; | |
22 | - font-weight: bold; | |
20 | + font-size: 75%; | |
23 | 21 | margin-bottom: 10px; |
22 | + text-align: center | |
24 | 23 | } |
25 | 24 | div.attendees { |
26 | - margin: 0 5px | |
27 | - a { | |
28 | - margin-right: 4px | |
29 | - img { | |
30 | - height: 45px | |
31 | - width: 45px | |
32 | - } | |
25 | + text-align: center | |
26 | + | |
27 | + a + a { | |
28 | + margin-left: 10px | |
33 | 29 | } |
30 | + | |
31 | + (img) { | |
32 | + height: 45px | |
33 | + width: 45px | |
34 | + border-radius: 3px | |
35 | + } | |
34 | 36 | } |
35 | 37 | div.actions { |
38 | + text-align: center | |
36 | 39 | margin-top: 10px |
40 | + | |
41 | + button { | |
42 | + :first-child { | |
43 | + ::before { | |
44 | + content: 'โ ' | |
45 | + } | |
46 | + } | |
47 | + } | |
37 | 48 | button + button { |
38 | 49 | margin-left: 5px |
39 | 50 | } |
40 | 51 | } |
41 | 52 | } |
42 | 53 | |
43 | 54 | div.title { |
44 | - font-size: 200% | |
55 | + a { | |
56 | + font-size: 200% | |
57 | + } | |
45 | 58 | button { |
46 | 59 | float: right; |
47 | - font-size: 60%; | |
60 | + | |
61 | + ::before { | |
62 | + content: 'โ ' | |
63 | + } | |
48 | 64 | } |
49 | 65 | } |
50 | 66 | div.time { |
51 | - color: #555 | |
52 | - font-size: 120% | |
67 | + color: #757474 | |
53 | 68 | } |
54 | 69 | div.description { |
55 | - border-top: 3px solid #CCC; | |
56 | - margin-top: 10px; | |
70 | + margin: 20px 0 0 | |
71 | + padding: 20px | |
72 | + background: #2d2c2c | |
57 | 73 | } |
58 | 74 | } |
Built with git-ssb-web