sidebar.scss 1.43 KB
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 18
//   flex: 1 0 400px;
 transform: translateX(0px);
19
}
Andrew Hrdy's avatar
Andrew Hrdy committed
20 21

.sidebar-closed {
22 23
//   flex: 1 0 0;
 transform: translateX(400px);
24
}
Andrew Hrdy's avatar
Andrew Hrdy committed
25 26 27 28 29

.sidebar-root {
  overflow: hidden;
  display: block;
  box-sizing: border-box;
30 31 32 33 34 35 36
  position: absolute;
  right:0;
  height:calc(100% - 64px);
  width:400px;

  @include transition(300ms cubic-bezier(0.820, 0.165, 0.340, 0.930));
}
Mattias J Duffy's avatar
Mattias J Duffy committed
37 38 39 40 41

.sidebar-root::-webkit-scrollbar {
    display: none;
}

42 43
.card-container-offset-open{
    flex: 1 0 400px;
Andrew Hrdy's avatar
Andrew Hrdy committed
44

45 46 47 48 49 50 51
}
.card-container-offset-closed{
    flex: 1 0 0px;

}
.card-container-offset{
    // flex: 1 0 400px;
52
}
Andrew Hrdy's avatar
Andrew Hrdy committed
53 54

.sidebar-divider {
Mattias J Duffy's avatar
Mattias J Duffy committed
55
  margin: 16px !important;
56
}
Andrew Hrdy's avatar
Andrew Hrdy committed
57 58 59 60

.sidebar-row1 {
  display: flex;
  padding: 8px;
61
}
Andrew Hrdy's avatar
Andrew Hrdy committed
62 63 64 65

.sidebar-avatar {
  width: 100px !important;
  height: 100px !important;
66
}
Andrew Hrdy's avatar
Andrew Hrdy committed
67 68 69 70 71 72

.sidebar-title {
  height: 100px;
  margin-left: 8px;
  display: flex;
  align-items: center;
73
}
Andrew Hrdy's avatar
Andrew Hrdy committed
74 75 76 77 78

.sidebar-row2 {
  position: absolute;
  bottom: 0;
  width: 100%;
79
}
Andrew Hrdy's avatar
Andrew Hrdy committed
80 81 82 83

.sidebar-toggle-map-btn {
  width: 100%;
}
84
.sidebar-scroll{
Andrew Hrdy's avatar
Andrew Hrdy committed
85 86
  height:calc(100% - 220px - 116px - 32px) !important;
  overflow-y: auto;
87
}
Andrew Hrdy's avatar
Andrew Hrdy committed
88

Andrew Hrdy's avatar
Andrew Hrdy committed
89
@media screen and (max-width: map-get($breakpoints, lg) - 1px) {
Andrew Hrdy's avatar
Andrew Hrdy committed
90 91
  .sidebar-root {
    display: none !important;
92
  }
93 94 95
  .card-container-offset{
      display: none !important;
  }
Andrew Hrdy's avatar
Andrew Hrdy committed
96
}