wudo/components/03-organisms/header/header.css at main · wunderio/wudo · GitHub

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
.site-header__main--content {
  position: relative;
  padding-block: var(--space-lg);
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-lg);
  border-bottom: 1px solid var(--color-gray-200, #e5e5e5);
}
.site-header__main--content .contextual-region {
  position: static;
}
.site-header__main--content .contextual-region .contextual {
  display: none;
}
.site-header__main--content .site-header__menu {
  position: absolute;
  inset: 0 auto auto 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  order: 9999;
  flex: 0 1 100%;
}
.site-header__main--content .site-header__menu.is-open {
  position: revert;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .site-header__main--content .site-header__menu {
    position: revert;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    order: 2;
    flex: 0 1 auto;
  }
}
.site-header__main--content .site-header__menu-toggle {
  display: flex;
}