// Icon utilities (v1 compatible)
// For Font Awesome or other icon fonts

/**
 * @section Icon Sizes
 */

/** @public Base icon size */
.icon {
  display: inline-block;
  font-size: 1.25em;
  line-height: 1;
  vertical-align: middle;
  color: inherit;
}

/** @public Extra small icon */
.icon-xs {
  display: inline-block;
  font-size: var(--text-xs);
  line-height: 1;
  vertical-align: middle;
  color: inherit;
}

/** @public Small icon */
.icon-sm {
  display: inline-block;
  font-size: var(--text-sm);
  line-height: 1;
  vertical-align: middle;
  color: inherit;
}

/** @public Medium icon */
.icon-md {
  display: inline-block;
  font-size: var(--text-base);
  line-height: 1;
  vertical-align: middle;
  color: inherit;
}

/** @public Large icon */
.icon-lg {
  display: inline-block;
  font-size: var(--text-lg);
  line-height: 1;
  vertical-align: middle;
  color: inherit;
}

/** @public Extra large icon */
.icon-xl {
  display: inline-block;
  font-size: var(--text-xl);
  line-height: 1;
  vertical-align: middle;
  color: inherit;
}

/** @public 2XL icon */
.icon-2xl {
  display: inline-block;
  font-size: var(--text-2xl);
  line-height: 1;
  vertical-align: middle;
  color: inherit;
}

/** @public 3XL icon */
.icon-3xl {
  display: inline-block;
  font-size: var(--text-3xl);
  line-height: 1;
  vertical-align: middle;
  color: inherit;
}

/** @public 4XL icon */
.icon-4xl {
  display: inline-block;
  font-size: var(--text-4xl);
  line-height: 1;
  vertical-align: middle;
  color: inherit;
}