react-diagrams/demos/demo-drag-and-drop/sass/main.scss

.body{
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 100%;

  .header{
    display: flex;
    background: rgb(30,30,30);
    flex-grow: 0;
    flex-shrink: 0;
    color: white;
    font-family: Helvetica, Arial;
    padding: 10px;
    >*{
      align-self:center;
    }
  }

  .content{
    display: flex;
    flex-grow: 1;

    .diagram-layer{
      position: relative;
      flex-grow: 1;
    }

    .tray{
      min-width: 200px;
      background: rgb(20,20,20);
      flex-grow: 0;
      flex-shrink: 0;

      .tray-item{
        color: white;
        font-family: Helvetica, Arial;
        padding: 5px;
        margin: 0px 10px;
        border: solid 1px;
        border-radius: 5px;
        margin-bottom: 2px;
        cursor: pointer;
      }
    }
  }
}