git ssb

1
2
3
.screen {
4
  position: absolute;
5
  top: 0px; bottom: 0px;
6
}
7
8
.column {
9
  display: flex;
10
  flex-direction: column;
11
//  background: yellow;
12
  margin: 10px;
13
}
14
15
.row {
16
  display: flex;
17
  flex-direction: row;
18
}
19
20
.stretch {
21
  flex-basis: 0;
22
//  flex-grow: 1;
23
//  flex-shrink: 1;
24
}
25
26
27
.fixed {
28
  flex-grow: 1;
29
  flex-shrink: 1;
30
}
31
32
.scroll-y {
33
  overflow-y: auto;
34
}
35
36
.scroll-x {
37
  overflow-x: auto;
38
}
39
40
.button {
41
  border: 2px; margin: 3px;
42
  max-width: 50px;
43
  overflow-x: hidden;
44
}
45
46
47
img {
48
  max-width: 600px;
49
  display: block;
50
//  overflow-x: auto;
51
}
52
53
pre {
54
  max-width: 650px;
55
//  overflow-x: auto;
56
//  overflox-y: none;
57
}
58
59
.content {
60
  width: 800px;
61
}
62
63
.content > div {
64
  overflow-x: show;
65
  margin-left: auto;
66
  margin-right: auto;
67
}
68
69
.content > div > * {
70
  max-width: 600px;
71
}
72
73
.tabs > .row {
74
  flex-grow: 0; flex-shrink: 0;
75
  margin: 10px;
76
}
77
78
.tabs > .row > * {
79
  max-width: 50px;
80
  overflow-x: hidden;
81
  margin-right: 5px;
82
}
83
84
.selected {
85
  background: yellow;
86
}
87
88
.tabs > .row > .selected {
89
  max-width: 200px;
90
}
91
92
.message {
93
  border: 1px solid black;
94
  padding: 5px;
95
  background: white;
96
  display: block;
97
  flex-basis: 0;
98
}
99
100
.message > .title > .message_meta {
101
  margin-right: 5px;
102
}
103
.message > .title > .avatar {
104
  margin-right: 5px;
105
}
106
107
108
.suggest-box > * {
109
  background: white;
110
  margin: 3px;
111
}
112
113
.suggest-box{
114
//  display: flex;
115
//  flex-direction: row;
116
  width: 200px;
117
}
118
119
.suggest-box img {
120
  width: 50px;
121
}
122
.suggest-box,.selected img {
123
  width: 200px;
124
}
125
126
.avatar {
127
  display: flex;
128
  flex-direction: row;
129
}
130
.avatar img {
131
  width: 40px;
132
  height: 40px;
133
  //display: inline-block;
134
}
135
136