%content-type {
  display: inline-block;
  width: 14px;
  height: 16px;
  padding-left: 14px;
  background-position: 8px center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.videosequence-icon {
  @extend %content-type;
  background-image: url('../img/content-types/videosequence.png');
}

.video-icon {
  @extend %content-type;
  background-image: url('../img/content-types/video.png');
}

.problemset-icon {
  @extend %content-type;
  background-image: url('../img/content-types/problemset.png');
}

.problem-icon {
  @extend %content-type;
  background-image: url('../img/content-types/problem.png');
}

.lab-icon {
  @extend %content-type;
  background-image: url('../img/content-types/lab.png');
}

.tab-icon {
  @extend %content-type;
  background-image: url('../img/content-types/lab.png');
}

.html-icon {
  @extend %content-type;
  background-image: url('../img/content-types/html.png');
}

.vertical-icon {
  @extend %content-type;
  background-image: url('../img/content-types/vertical.png');
}

.sequential-icon {
  @extend %content-type;
  background-image: url('../img/content-types/sequential.png');
}

.chapter-icon {
  @extend %content-type;
  background-image: url('../img/content-types/chapter.png');
}

.module-icon {
  @extend %content-type;
  background-image: url('../img/content-types/module.png');
}

.module-icon {
  @extend %content-type;
  background-image: url('../img/content-types/module.png');
}
