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

.search-bar{
  width:100%;
  height:$four-baselines;
  background: white;
  -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: absolute;
  width: 100%;
  top: $three-baselines+($four-baselines - $icon-height)/2;
  height:$icon-height;
  left: $doc-margin + 40px;
}
.search-icon {
  position:absolute;
  width:20px;
  height:$icon-height;
  left: $doc-margin;
  top: $three-baselines+($four-baselines - $icon-height)/2;
}

input {
  font-family: $base-font-family;
  font-size: $h3-size;
}