src/components/ToC/ToC.module.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

@use "@styles/abstracts/mixins" as mix;

.wrapper {
  padding-bottom: var(--spacing-sm);

  @include mix.media("screen") {
    @include mix.dimensions("lg") {
      max-height: 100vh;
      position: sticky;
      top: 0;
      overflow: auto;
      visibility: hidden;

      > * {
        visibility: visible;
      }

      &:hover {
        visibility: visible;
      }
    }
  }
}

.list {
  margin-bottom: 0;
}