sidebar.scss 852 Bytes
Newer Older
Mattias J Duffy's avatar
Mattias J Duffy committed
1
2
3
@import '../_variables.scss';
@import '../_mixins.scss';

Andrew Hrdy's avatar
Andrew Hrdy committed
4
.sidebar-label-row {
5
6
  display: flex;
}
Andrew Hrdy's avatar
Andrew Hrdy committed
7
8
9

.sidebar-label-holder {
  margin: 16px;
10
}
Andrew Hrdy's avatar
Andrew Hrdy committed
11
12
13

.sidebar-open {
  flex: 1 0 400px;
14
}
Andrew Hrdy's avatar
Andrew Hrdy committed
15
16
17

.sidebar-closed {
  flex: 1 0 0;
18
}
Andrew Hrdy's avatar
Andrew Hrdy committed
19
20
21
22
23
24
25
26

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

  @include transition(150ms ease-in-out);
27
}
Andrew Hrdy's avatar
Andrew Hrdy committed
28
29
30

.sidebar-divider {
  margin: 16px;
31
}
Andrew Hrdy's avatar
Andrew Hrdy committed
32
33
34
35

.sidebar-row1 {
  display: flex;
  padding: 8px;
36
}
Andrew Hrdy's avatar
Andrew Hrdy committed
37
38
39
40

.sidebar-avatar {
  width: 100px !important;
  height: 100px !important;
41
}
Andrew Hrdy's avatar
Andrew Hrdy committed
42
43
44
45
46
47

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

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

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

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