<div class="triangle"></div>
$color-blue: #82D7FF;
$color-gray: #F4F5FF;

$color-mark: rgba($color-blue, .7);
$color-none: $color-gray;

.triangle {
  width: 0px;
  border-top: 20px solid $color-mark;
  border-bottom: 20px solid $color-gray;
  border-left: 20px solid $color-gray;
  border-right: 20px solid $color-gray;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.