sidebar.scss 947 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

.sidebar-label-holder {
Mattias J Duffy's avatar
Mattias J Duffy committed
9 10 11 12 13
  margin-left: 16px;
  margin-right: 16px;
}
.sidebar-label-holder>*{
    margin-bottom:16px;
14
}
Andrew Hrdy's avatar
Andrew Hrdy committed
15 16

.sidebar-open {
17
  flex: 1 0 100px;
18
}
Andrew Hrdy's avatar
Andrew Hrdy committed
19 20 21

.sidebar-closed {
  flex: 1 0 0;
22
}
Andrew Hrdy's avatar
Andrew Hrdy committed
23 24 25 26 27 28 29 30

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

  @include transition(150ms ease-in-out);
31
}
Andrew Hrdy's avatar
Andrew Hrdy committed
32 33

.sidebar-divider {
Mattias J Duffy's avatar
Mattias J Duffy committed
34
  margin: 16px !important;
35
}
Andrew Hrdy's avatar
Andrew Hrdy committed
36 37 38 39

.sidebar-row1 {
  display: flex;
  padding: 8px;
40
}
Andrew Hrdy's avatar
Andrew Hrdy committed
41 42 43 44

.sidebar-avatar {
  width: 100px !important;
  height: 100px !important;
45
}
Andrew Hrdy's avatar
Andrew Hrdy committed
46 47 48 49 50 51

.sidebar-title {
  height: 100px;
  margin-left: 8px;
  display: flex;
  align-items: center;
52
}
Andrew Hrdy's avatar
Andrew Hrdy committed
53 54 55 56 57

.sidebar-row2 {
  position: absolute;
  bottom: 0;
  width: 100%;
58
}
Andrew Hrdy's avatar
Andrew Hrdy committed
59 60 61 62 63

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

Andrew Hrdy's avatar
Andrew Hrdy committed
64
@media screen and (max-width: map-get($breakpoints, lg) - 1px) {
Andrew Hrdy's avatar
Andrew Hrdy committed
65 66
  .sidebar-root {
    display: none !important;
67
  }
Andrew Hrdy's avatar
Andrew Hrdy committed
68
}