gistfile1.txt

<div class="dogear-right primary revenue-calculator">
stuff goes inside here
</div>

===========
CSS
===========

.dogear {
  position: absolute;

  &:after,
  &:before {
    background: transparent;
    content: "";
    position: absolute;
  }

  &.primary {
    background: lighten($slushie, 10%);
    color: #fff;

    &:after {
      border-top: 15px solid $berry;
    }
  }

  &.secondary {
    background: $gray-8;
    color: $gray-5;

    &:after {
      border-top: 15px solid $gray-4;
    }
  }
}

.dogear-right,
.dogear-left,
.dogear-top,
.dogear-bottom {
 @extend .dogear;
}

.dogear-right {
  right: -20px;
  top: 20px;

  &:after {
    border-right: 20px solid transparent;
    right: 0;
    top: 100%;
  }
}

.dogear-left {
  left: -20px;
  top: 20px;

  &:after {
    border-left: 20px solid transparent;
    left: 0;
    top: 100%;
  }
}