$white: #fff;
$light-blue: #e4f0ff;
$black: #000;
$bg-rgba: rgba(255, 255, 255, 0);

.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, $black 30%, $bg-rgba  0%);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 10px 1px;
    cursor: row-resize;
    height: 6px;
    position: absolute;
    top: -14px;
    width: 100%;
   }
  }