Files: 5e079c1ed4ae498b22ca2dad8c325053457a193c / app / page / threadNew.mcss
1206 bytesRaw
1 | Page -threadNew { |
2 | |
3 | div.content { |
4 | display: flex |
5 | |
6 | div.container { |
7 | flex-basis: 100% |
8 | $maxWidth |
9 | margin: 0 auto |
10 | |
11 | div.flash { |
12 | margin-bottom: 2rem; |
13 | background: #fff; |
14 | padding: 1rem; |
15 | } |
16 | |
17 | div.field { |
18 | margin-bottom: .5rem |
19 | $maxWidth |
20 | |
21 | display: flex |
22 | align-items: center |
23 | |
24 | div.label { |
25 | flex-basis: 4rem |
26 | padding-left: 1rem |
27 | margin-right: 1rem |
28 | } |
29 | |
30 | input { |
31 | flex-grow: 1 |
32 | $fontBasic |
33 | padding: .6rem |
34 | $borderSubtle |
35 | border-radius: 4rem |
36 | outline: none |
37 | } |
38 | |
39 | div.recps { |
40 | display: flex |
41 | |
42 | div.recp { |
43 | padding: .3rem |
44 | min-width: 5rem |
45 | $borderSubtle |
46 | border-radius: 6rem |
47 | $backgroundPrimaryText |
48 | |
49 | margin-right: 1rem |
50 | |
51 | display: flex |
52 | align-items: center |
53 | |
54 | img { |
55 | width: 2rem |
56 | height: 2rem |
57 | border-radius: 2rem |
58 | } |
59 | |
60 | div.name { |
61 | margin: 0 .5rem |
62 | } |
63 | } |
64 | } |
65 | |
66 | } |
67 | } |
68 | } |
69 | } |
70 |
Built with git-ssb-web