Files: aa4c25f3c365e275c42b08f8e34ef4e6c2b66d93 / app / page / settings.mcss
1050 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 | border-bottom: 1px solid gainsboro |
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 | |
55 | section -introduction { |
56 | margin-bottom: 2rem |
57 | } |
58 | } |
59 | } |
60 | |
61 | Button -language { |
62 | margin-right: 1rem |
63 | } |
64 | |
65 | Button -zoom { |
66 | margin-right: 1rem |
67 | min-width: .5rem |
68 | } |
69 | |
70 |
Built with git-ssb-web