Files: e82f383b2cc56a63e4afa6eb79a83f8b874713f6 / ftu / styles.js
926 bytesRaw
1 | const compile = require('micro-css') |
2 | |
3 | const styles = ` |
4 | App { |
5 | overflow: hidden |
6 | position: fixed |
7 | top: 0 |
8 | bottom: 0 |
9 | right: 0 |
10 | left: 0 |
11 | } |
12 | |
13 | Page { |
14 | padding-top: 6.5rem |
15 | margin-top: 0 |
16 | height: calc(100%) |
17 | |
18 | div.content { |
19 | max-width: 35rem |
20 | padding: 2rem |
21 | section { |
22 | display: flex |
23 | align-items: center |
24 | justify-content: center |
25 | |
26 | div { |
27 | padding: .5rem |
28 | |
29 | display: flex |
30 | align-items: center |
31 | } |
32 | } |
33 | |
34 | section.welcome { |
35 | flex-direction: column |
36 | } |
37 | } |
38 | } |
39 | |
40 | Header { |
41 | height: 6.5rem |
42 | background-color: #2f5ea1 |
43 | |
44 | display: initial |
45 | |
46 | img.logoName { |
47 | margin: 1rem |
48 | } |
49 | |
50 | div.window-controls { |
51 | position: fixed |
52 | top: 0 |
53 | right: 0 |
54 | z-index: 100 |
55 | |
56 | display: flex |
57 | |
58 | img { |
59 | padding: .5rem |
60 | cursor: pointer |
61 | :hover { |
62 | filter: drop-shadow(rgba(255, 255, 255, .5) 0 0 2px) |
63 | } |
64 | } |
65 | } |
66 | } |
67 | ` |
68 | |
69 | module.exports = compile(styles) |
70 |
Built with git-ssb-web