appBar.scss 975 Bytes
Newer Older
Andrew Hrdy's avatar
Andrew Hrdy committed
1
2
@import '../variables';

Andrew Hrdy's avatar
Andrew Hrdy committed
3
4
5
.app-bar {
  background-color: white !important;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2) !important;
6
}
Andrew Hrdy's avatar
Andrew Hrdy committed
7
8
9

.app-bar-title {
  margin-right: auto !important;
10
}
Andrew Hrdy's avatar
Andrew Hrdy committed
11
12
13

.app-bar-menu-button {
  display: none !important;
14
}
Andrew Hrdy's avatar
Andrew Hrdy committed
15
16
17
18
19

.app-bar-logo {
  width: 30px;
  height: 30px;
  margin-right: 5px;
20
}
Andrew Hrdy's avatar
Andrew Hrdy committed
21
22
23

.app-bar-text-color {
  color: #354052;
24
}
Andrew Hrdy's avatar
Andrew Hrdy committed
25

Andrew Hrdy's avatar
Andrew Hrdy committed
26
@media screen and (max-width: map-get($breakpoints, lg) - 1px) {
Andrew Hrdy's avatar
Andrew Hrdy committed
27
28
29
30
  .app-bar-link-button {
    display: block !important;
    padding: 0 !important;
    text-align: left;
31
  }
Andrew Hrdy's avatar
Andrew Hrdy committed
32
33
34

  .app-bar-menu-button {
    display: inherit !important;
35
  }
Andrew Hrdy's avatar
Andrew Hrdy committed
36
37
38
39

  .app-bar-hide {
    max-height: 0 !important;
    overflow: hidden
40
  }
Andrew Hrdy's avatar
Andrew Hrdy committed
41
42
43

  .app-bar-tool-bar {
    flex-wrap: wrap;
44
  }
Andrew Hrdy's avatar
Andrew Hrdy committed
45
46
47
48
49
50

  .app-bar-link-container {
    display: block;
    flex-basis: 100%;
    transition: ease-in-out 2s;
  }
Andrew Hrdy's avatar
Andrew Hrdy committed
51
52
53
54
55
56

  .app-bar-search-expanded {
    .app-bar-logo, .app-bar-title, .app-bar-menu-button, .app-bar-link-container {
      display: none !important;
    }
  }
Andrew Hrdy's avatar
Andrew Hrdy committed
57
}