searchBar.scss 906 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
  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;
12
    border: 1px solid rgba(0,0,0,0.15);
Andrew Hrdy's avatar
Andrew Hrdy committed
13
  }
14
15
}

Andrew Hrdy's avatar
Andrew Hrdy committed
16
.search-bar-left-search-container {
17
18
19
20
21
22
23
24
25
26
27
  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
28
.search-bar-input {
29
30
  display: flex !important;
  align-items: center !important;
Andrew Hrdy's avatar
Andrew Hrdy committed
31
32
  transition: ease-in-out width 250ms;
  width: 100%
Andrew Hrdy's avatar
Andrew Hrdy committed
33
34
35
36
37
38
39
40
41
42
43
44
}

.search-bar-close-btn {
  width: 44px !important;
  height: 44px !important;
  display: none !important;
}

.search-bar-has-value {
  .search-bar-close-btn {
    display: inline-flex !important;
  }
45
}