git ssb

1
Sheet {
2
  position: fixed;
3
  max-height: 80vh;
4
  max-width: 800px;
5
  margin: auto;
6
  top: 38px;
7
  left: 0;
8
  right: 0;
9
  width: 80vw;
10
  background: #f8f8f8;
11
  border: 2px solid #9c9a9a;
12
  box-shadow: 0 0 40px rgba(0,0,0,0.5);
13
  border-bottom-left-radius: 4px;
14
  border-bottom-right-radius: 4px;
15
  display: flex
16
  flex-direction: column
17
  z-index: 50
18
19
  -private {
20
    footer {
21
      background-color: #fffbf4
22
    }
23
  }
24
25
  -public {
26
    footer {
27
      border-color: #c7c3ff;
28
      background-color: #f4f4fd;
29
    }
30
  }
31
32
  section {
33
    overflow-y: auto
34
    flex: 1
35
  }
36
37
  footer {
38
    flex-shrink: 0;
39
    min-height: 20px;
40
    display: flex;
41
    justify-content: flex-end;
42
    padding: 10px;
43
    position: relative
44
    border-top: 1px solid #DDD
45
    align-items: center
46
   
47
    img {
48
      max-height: 24px;
49
    }
50
    
51
    div.info {
52
      flex: 1
53
      padding: 8px
54
      font-size: 13px
55
    }
56
57
    button {
58
      margin-left: 10px
59
    }
60
  }
61
}
62