Files: 0b92c858144de8d256d81493eaae7f81668cc93e / app / page / settings.mcss
1405 bytesRaw
1 | Page -settings { |
2 | padding-top: 1rem |
3 | background: #fff |
4 | |
5 | div.content { |
6 | padding: 1rem |
7 | $maxWidthSmaller |
8 | |
9 | h1 { |
10 | font-size: 1.5rem |
11 | font-weight: 300 |
12 | |
13 | padding-bottom: 1rem |
14 | $borderBottomLight |
15 | margin-top: 0 |
16 | margin-bottom: 4rem |
17 | } |
18 | |
19 | section { |
20 | display: flex |
21 | align-content: center |
22 | |
23 | div { |
24 | padding: .5rem |
25 | |
26 | display: flex |
27 | align-items: center |
28 | |
29 | img.Avatar { |
30 | $circleLarge |
31 | margin-bottom: 1rem |
32 | } |
33 | |
34 | i.fa, img { |
35 | cursor: pointer |
36 | margin: 0 .5rem |
37 | |
38 | :hover { |
39 | $colorFontPrimary |
40 | } |
41 | } |
42 | } |
43 | div.left { |
44 | flex-basis: 40% |
45 | $colorFontSubtle |
46 | |
47 | justify-content: flex-end |
48 | } |
49 | div.right { |
50 | flex-basis: 60% |
51 | justify-content: flex-start |
52 | } |
53 | |
54 | -introduction { |
55 | margin-bottom: 2rem |
56 | } |
57 | |
58 | -version { |
59 | div.right { |
60 | $colorFontSubtle |
61 | } |
62 | } |
63 | |
64 | -sharing { |
65 | div.left { |
66 | align-items: flex-start |
67 | padding-top: .8rem |
68 | } |
69 | div.right { |
70 | flex-direction: column |
71 | align-items: flex-start |
72 | } |
73 | } |
74 | } |
75 | } |
76 | } |
77 | |
78 | Button -language { |
79 | margin-right: 1rem |
80 | } |
81 | |
82 | |
83 | Button -websharingmetrics { |
84 | margin-right: 1rem |
85 | margin-bottom: 1rem |
86 | } |
87 | |
88 | Button -zoom { |
89 | margin-right: 1rem |
90 | min-width: .5rem |
91 | } |
92 | |
93 |
Built with git-ssb-web