@import './_variables.scss';

.svg-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  color: inherit;
  vertical-align: middle;
  fill: none;
  stroke: currentColor;
  circle {
    fill: none;
  }
  &.background {
    circle {
      fill: inherit;
    }
    path {
      fill: $blue;
    }
  }
}

.svg-fill {
  fill: currentColor;
  stroke: none;
}

.svg-up {
  /* default */
  transform: rotate(0deg);
}

.svg-right {
  transform: rotate(90deg);
}

.svg-down {
  transform: rotate(180deg);
}

.svg-left {
  transform: rotate(-90deg);
}