holakit/assets/css/general/typography.css

Yet another design-driven UI component set.

.hola-body-typography {
  color: var(--hola-text-dark-color);
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, "Lantinghei SC",
    sans-serif;
}

.hola-body-typography h1 {
  font-size: 2em;
}
.hola-body-typography h2 {
  font-size: 1.5em;
}
.hola-body-typography h3 {
  font-size: 1.17em;
}
.hola-body-typography :matches(h4, h5, h6) {
  font-size: 1em;
}

.hola-body-typography :matches(h1, h2, h3, h4, h5, h6) a {
  color: inherit;
  text-decoration: inherit;
}

.hola-body-typography a {
  color: var(--hola-primary-color);
}

.hola-body-typography p {
  margin-bottom: 1em;
}
.hola-body-typography p:last-child {
  margin-bottom: 0;
}

@media (max-width: 700px) {
  .hola-body-typography {
    font-size: 0.9rem;
  }
}