|
124
|
1 .album { |
|
|
2 display: flex; |
|
|
3 flex-wrap: wrap; |
|
|
4 } |
|
|
5 |
|
|
6 .album__item { |
|
|
7 width: 400px; |
|
|
8 margin: 0 0.1em 2em 0.1em; |
|
|
9 } |
|
|
10 |
|
|
11 .album__vignette { |
|
|
12 background-color: #444; |
|
|
13 height: 300px; |
|
|
14 position: relative; |
|
|
15 } |
|
|
16 |
|
|
17 .album__thumbnail { |
|
|
18 height: 100%; |
|
|
19 display: block; |
|
|
20 margin: 0 auto; |
|
|
21 } |
|
|
22 |
|
|
23 .album__comments-bar { |
|
|
24 display: block; |
|
|
25 font-size: 0.8em; |
|
|
26 color: black; |
|
|
27 text-align: right; |
|
|
28 cursor: pointer; |
|
|
29 } |
|
|
30 |
|
|
31 .album__comments-bar:hover { |
|
|
32 background-color: #ddd; |
|
|
33 font-weight: bold; |
|
|
34 } |
|
|
35 |
|
|
36 .comments__count { |
|
|
37 font-weight: bold; |
|
|
38 } |
