www/lib/ionic/scss/_split-pane.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
28
29


/**
 * Split Pane
 * --------------------------------------------------
 */

.split-pane {
  @include display-flex();
  @include align-items(stretch);
  width: 100%;
  height: 100%;
}

.split-pane-menu {
  @include flex(0, 0, $split-pane-menu-width);

  overflow-y: auto;
  width: $split-pane-menu-width;
  height: 100%;
  border-right: 1px solid $split-pane-menu-border-color;

  @media all and (max-width: 568px) {
    border-right: none;
  }
}

.split-pane-content {
  @include flex(1, 0, auto);
}