atom/static/panes.less

@import "ui-variables";

// Pane-items are things that go inside a pane. Like the UI-Demo, the
// settings-view, the archive-view, the image-view. Etc. Basically a non-
// editor resource with a tab.
.panes {
  display: -webkit-flex;
  -webkit-flex: 1;

  .pane-column {
    display: -webkit-flex;
    -webkit-flex: 1;
    -webkit-flex-direction: column;
  }

  .pane-row {
    display: -webkit-flex;
    -webkit-flex: 1;
    -webkit-flex-direction: row;
  }

  .pane {
    position: relative;
    -webkit-flex: 1;

    .flexbox-repaint-hack {
      display: -webkit-flex;
      -webkit-flex-flow: column;

      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }

    .pane-item {
      color: @text-color;
      background-color: @pane-item-background-color;
    }

    .item-views {
      -webkit-flex: 1;
      display: -webkit-flex;
      min-height: 0;
    }

    .item-views > * {
      -webkit-flex: 1;
      min-width: 0;
    }
  }
}