sidebar.scss 794 Bytes
Newer Older
Andrew Hrdy's avatar
Andrew Hrdy committed
1
.sidebar-label-row {
2
3
  display: flex;
}
Andrew Hrdy's avatar
Andrew Hrdy committed
4
5
6

.sidebar-label-holder {
  margin: 16px;
7
}
Andrew Hrdy's avatar
Andrew Hrdy committed
8
9
10

.sidebar-open {
  flex: 1 0 400px;
11
}
Andrew Hrdy's avatar
Andrew Hrdy committed
12
13
14

.sidebar-closed {
  flex: 1 0 0;
15
}
Andrew Hrdy's avatar
Andrew Hrdy committed
16
17
18
19
20
21
22
23

.sidebar-root {
  overflow: hidden;
  display: block;
  box-sizing: border-box;
  position: relative;

  @include transition(150ms ease-in-out);
24
}
Andrew Hrdy's avatar
Andrew Hrdy committed
25
26
27

.sidebar-divider {
  margin: 16px;
28
}
Andrew Hrdy's avatar
Andrew Hrdy committed
29
30
31
32

.sidebar-row1 {
  display: flex;
  padding: 8px;
33
}
Andrew Hrdy's avatar
Andrew Hrdy committed
34
35
36
37

.sidebar-avatar {
  width: 100px !important;
  height: 100px !important;
38
}
Andrew Hrdy's avatar
Andrew Hrdy committed
39
40
41
42
43
44

.sidebar-title {
  height: 100px;
  margin-left: 8px;
  display: flex;
  align-items: center;
45
}
Andrew Hrdy's avatar
Andrew Hrdy committed
46
47
48
49
50

.sidebar-row2 {
  position: absolute;
  bottom: 0;
  width: 100%;
51
}
Andrew Hrdy's avatar
Andrew Hrdy committed
52
53
54
55
56

.sidebar-toggle-map-btn {
  width: 100%;
}

Andrew Hrdy's avatar
Andrew Hrdy committed
57
@media screen and (max-width: map-get($breakpoints, lg)) {
Andrew Hrdy's avatar
Andrew Hrdy committed
58
59
  .sidebar-root {
    display: none !important;
60
  }
Andrew Hrdy's avatar
Andrew Hrdy committed
61
}