$white: #fff;
$light-blue: #e4f0ff;

.notes-container {
  background-color: $white;
  bottom: 0;
  counter-reset: note-footer;
  height: 135px;
  left: 15%;
  max-height: 700px;
  min-height: 135px;
  position: fixed;
  width: 80%;
  z-index: 0;

  .resize-area {
    background-image: linear-gradient(to right, #000 30%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 10px 1px;
    background-repeat: repeat-x;
    cursor: row-resize;
    height: 6px;
    position: absolute;
    top: -14px;
    width: 100%;
   }
  }