Files: f4e4a28efa9669795a51da866c37c6f55b6df49c / styles / light / blog-card.mcss
689 bytesRaw
1 | BlogCard { |
2 | box-shadow: rgba(0, 0, 0, 0.1) 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: #fff |
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