/* icons
   ========================================================================== */

.c-icon {
  position: relative;
  top: -.1em;
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}

.c-icon__svg {
  display: inline-block;
  width: auto;
  height: em($baseline);
  vertical-align: top;
  fill: currentColor;
  stroke-width: 0;
  stroke: currentColor;
}

// close
.c-icon--close {
  position: static;
  vertical-align: top;
}

// rotate
.c-icon--rotate-90 {
  transform: rotate(90deg);
}

.c-icon--rotate-180 {
  transform: rotate(180deg);
}

.c-icon--rotate-270 {
  transform: rotate(270deg);
}

// flip
.c-icon--flip-horizontal {
  transform: scaleX(-1);
}

.c-icon--flip-vertical {
  transform: scaleY(-1);
}