searchBar.scss 664 Bytes
Newer Older
1
.search-bar-paper-background {
Andrew Hrdy's avatar
Andrew Hrdy committed
2
3
  height: 44px;
  width: 400px;
4
  display: flex;
Andrew Hrdy's avatar
Andrew Hrdy committed
5
6
7
8
9
10
11
12
  border-radius: 4px !important;
  background-color: rgba(0, 0, 0, 0.04) !important;
  box-shadow: none !important;

  &.search-bar-focus {
    background-color: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24) !important;
  }
13
14
}

Andrew Hrdy's avatar
Andrew Hrdy committed
15
.search-bar-left-search-container {
16
17
18
19
20
21
22
23
24
25
26
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0 8px;
}

.search-bar-search-icon {
  display: block;
  color: rgba(0,0,0,0.54);
}

Andrew Hrdy's avatar
Andrew Hrdy committed
27
.search-bar-input {
28
29
  display: flex !important;
  align-items: center !important;
Andrew Hrdy's avatar
Andrew Hrdy committed
30
31
  transition: ease-in-out width 250ms;
  width: 100%
32
}