rishabhsrao/voxel-hologram

@mixin voxel-hologram-code-block__example() {
  border-color: $voxel-hologram-code-block__example__border--color;
  border-style: $voxel-hologram-code-block__example__border--style;
  border-width: $voxel-hologram-code-block__example__border--width;
  min-height: $voxel-hologram-code-block__example__min-height;
  padding-bottom: $voxel-hologram-code-block__example__padding--bottom;
  padding-left: $voxel-hologram-code-block__example__padding--left;
  padding-right: $voxel-hologram-code-block__example__padding--right;
  padding-top: $voxel-hologram-code-block__example__padding--top;
  position: relative;

  &:before {
    background-image: url("../images/example.png");
    content: "";
    display: block;
    height: $voxel-hologram-code-block__icon__height;
    position: absolute;
    right: $voxel-hologram-code-block__icon__right;
    top: $voxel-hologram-code-block__icon__top;
    width: $voxel-hologram-code-block__icon__width;
  }
}

@mixin voxel-hologram-code-block__example__container() {
  overflow: auto;
  padding-bottom: $voxel-hologram-code-block__example__container__padding--bottom;
  padding-top: $voxel-hologram-code-block__example__container__padding--top;
  resize: both;
}