@mixin fontPoppins($size: 16px) {
  font-family: 'Poppins';
  font-size: $size;
}

.fontXs {
  @include fontPoppins(10px);
}

.fontSm {
  @include fontPoppins(12px);
}

.fontMd {
  @include fontPoppins(14px);
}

.fontLg {
  @include fontPoppins(16px);
}

.fontXL {
  @include fontPoppins(18px);
}

.font2Xl {
  @include fontPoppins(24px);
}

.font-size-8 {
  @include fontPoppins(8px);
}

.font-size-10 {
  @include fontPoppins(10px);
}

.font-size-20 {
  @include fontPoppins(20px);
}

.font-size-32 {
  @include fontPoppins(32px);
}

.font-size-80 {
  @include fontPoppins(80px);
}

//NOTE: Please Don't use these classes use Typography component TODO: Need to remove this file