Files: 6e309f8eeaa5f795ea26b439be0f4fcf4c4103a4 / styles / dark / blog-card.mcss
711 bytesRaw
1 | BlogCard { |
2 | box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px |
3 | margin: 2rem 0 |
4 | |
5 | display: flex |
6 | flex-direction: column |
7 | |
8 | div.content { |
9 | display: flex |
10 | flex-direction: row |
11 | flex-grow: 1 |
12 | |
13 | cursor: pointer |
14 | |
15 | |
16 | div.Thumbnail { |
17 | margin-right: 1rem |
18 | } |
19 | |
20 | div.text { |
21 | padding: .5rem |
22 | div.summary { |
23 | } |
24 | div.read { |
25 | margin-top: 1rem |
26 | text-decoration: underline |
27 | } |
28 | } |
29 | |
30 | } |
31 | background-color: rgba(255, 255, 255, 0.08) |
32 | } |
33 | |
34 | Thumbnail { |
35 | min-width: 20rem |
36 | width: 20rem |
37 | min-height: 10rem |
38 | /* height: 10rem */ |
39 | |
40 | -empty { |
41 | color: #fff |
42 | font-size: 1.8rem |
43 | opacity: .8 |
44 | |
45 | display: flex |
46 | justify-content: center |
47 | align-items: center |
48 | } |
49 | } |
50 | |
51 | |
52 |
Built with git-ssb-web