r2c/user/themes/r2c/scss/template/_section.scss

body{
  overflow: hidden;
}

#page{
  height: 100%;
  .navbar{
    width: 100%;
    height: 50px;
  }
  .handler{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    position: absolute;
    top: 50%;
    z-index: 999;
    cursor: grab;
  }
  .hand1{
    background: green;
    opacity: 0.5;
    left : calc((100%/3) - 25px);
  }
  .hand2{
    background: red;
    opacity: 0.5;
    right: calc((100%/3) - 25px);
  }
  .mouseDown{
    cursor: grabbing;
  }

  #start{
    width: 100%;
    height: calc(100% - 50px);
    .top, .bottom{
      width: 100%;
      display: inline-flex;
      justify-content: space-between;
    }
    .top{
      position: relative;
      height: $H50;
    }
    .bottom{
      position: absolute;
      height: auto;
      top: $H50-25;
      bottom: 0;
    }
    .blocs{
      overflow-y: auto;
      // position: relative;
      margin: 2px;
      padding: 20px;
      width: $W33;
      &:nth-child(1){
        background: red;
      }
      &:nth-child(2){
        background: pink;
        left: $L33;
      }
      &:nth-child(3){
        background: green;
      }
    }
    .bottom{
      .blocs{
      }
    }
  }
}