Files: 99cb8e2543b997e4f1db57956811f7789da47388 / app / page / statsShow.mcss
1631 bytesRaw
1 | Page -statsShow { |
2 | div.content { |
3 | flex-grow: 0 |
4 | $backgroundPrimaryText |
5 | margin-top: 1rem |
6 | width: 1000px |
7 | |
8 | h1 { |
9 | font-size: .8rem |
10 | letter-spacing: 4px |
11 | } |
12 | |
13 | section.totals { |
14 | display: flex |
15 | justify-content: space-between |
16 | |
17 | div { |
18 | div.count { |
19 | font-size: 3rem |
20 | font-weight: 600 |
21 | margin-right: .5rem |
22 | } |
23 | strong { |
24 | margin-right: .5rem |
25 | } |
26 | } |
27 | } |
28 | |
29 | section.graph { |
30 | display: flex |
31 | flex-wrap: wrap |
32 | justify-content: center |
33 | |
34 | margin: 2rem 0 |
35 | |
36 | canvas { |
37 | margin-bottom: 1rem |
38 | } |
39 | div.changeRange { |
40 | |
41 | } |
42 | } |
43 | |
44 | table.blogs { |
45 | margin: 1rem 0 |
46 | |
47 | thead { |
48 | tr { |
49 | margin-bottom: 1rem |
50 | color: hsl(0, 0%, 25%) |
51 | td { |
52 | |
53 | } |
54 | } |
55 | } |
56 | tbody { |
57 | tr.blog { |
58 | margin-bottom: 1rem |
59 | td.details { |
60 | width: 100% |
61 | padding: .8rem 2rem .8rem 0 |
62 | border-bottom: 1px solid rgba(0, 0, 0, .05) |
63 | |
64 | div.title { |
65 | font-size: 1.3rem |
66 | font-weight: 600 |
67 | margin-bottom: .5rem |
68 | } |
69 | |
70 | a { |
71 | color: hsl(0, 0%, 15%) |
72 | font-size: .8rem |
73 | text-decoration: none |
74 | |
75 | :hover { |
76 | text-decoration: underline |
77 | } |
78 | } |
79 | } |
80 | td.comments, td.likes { |
81 | padding: 0 2.5rem |
82 | font-size: 1.3rem |
83 | font-weight: 600 |
84 | text-align: center |
85 | } |
86 | } |
87 | } |
88 | } |
89 | } |
90 | |
91 | } |
92 |
Built with git-ssb-web