git ssb

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