JLH/JLHWEB/src/styles/mixins.scss

/* Font global css variable */
@mixin text-style-h-1-medium {
  font-size: 38px;
  font-weight: 500;
  font-style: normal;
  line-height: 46px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-h-2-medium {
  font-size: 30px;
  font-weight: 500;
  font-style: normal;
  line-height: 40px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-h-3-medium {
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  line-height: 32px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-h-3-regular {
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-h-4-regular {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-h-4-medium {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-h-5-regular {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-h-5-medium {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-h-5-bold {
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-body-regular {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-body-medium {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-body-bold {
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-body-regular-underline {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 22px;
  text-decoration: underline;
  text-transform: none;
}
@mixin text-style-body-regular-strikethrough {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 22px;
  text-decoration: line-through;
  text-transform: none;
}
@mixin text-style-body-code {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-footnote-description {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
}
@mixin text-style-footnote-system-monospace {
  font-size: 10px;
  font-weight: 400;
  font-style: normal;
  line-height: 17px;
  text-decoration: none;
  text-transform: none;
}