& {
  &.xx-small {
    font-size: 0.8rem; /* 12.8px (0.8 * 16) */
  }

  &.x-small {
    font-size: 1rem; /* 16px */
  }

  &.small {
    font-size: 1.3rem; /* 20.8px (1.3 * 16) */
  }

  &.medium {
    font-size: 1.6rem; /* 25.6px (1.6 * 16) */
  }

  &.large {
    font-size: 2rem; /* 32px (2 * 16) */
  }

  &.x-large {
    font-size: 2.5rem; /* 40px (2.5 * 16) */
  }

  &.xx-large {
    font-size: 3rem; /* 48px (3 * 16) */
  }

  &.xxx-large {
    font-size: 4rem; /* 64px (4 * 16) */
  }

  &.smaller {
    font-size: smaller;
  }

  &.larger {
    font-size: larger;
  }
}