/* === Icon === */
i.icon {
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  font-style: normal;
  position: relative;
}
.icon-back,
.icon-prev,
.icon-forward,
.icon-next {
  &:after {
    .core-icons-font();
  }
}
.icon[class*="color-"] {
  color: var(--f7-theme-color);
}

.if-ios-theme({
  @import url('./icon-ios.less');
});
.if-md-theme({
  @import url('./icon-md.less');
});
.if-aurora-theme({
  @import url('./icon-aurora.less');
});