res/css/partials/search-bar.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

.search-bar{
  position: fixed;
  top: $top-bar-height;
  width:100%;
  height:$search-bar-height;
  box-shadow:black;
  alpha:0.3;
  distance:1;
  background: white;
  border: 1px solid #919095;//$mid-grey
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
}

.search-input{
  position: fixed;
  width: 100%;
  top: $top-bar-height+($search-bar-height - $search-icon-height)/2;
  height:$search-icon-height;
  left: $left-margin + 40px;
}
.search-icon {
  position:fixed;
  width:20px;
  height:$search-icon-height;
  left: $left-margin;
  top: $top-bar-height+($search-bar-height - $search-icon-height)/2;

}