@enact/sandstone/Heading/Heading.module.css

Large-screen/TV support library for Enact, containing a variety of UI components.

.heading {
  margin: 0 0.75rem 1.5rem 0.75rem;
  padding: 0 0 0.375rem 0;
  letter-spacing: 0;
  font-style: normal;
  line-height: 1.3em;
}
:global(.enact-locale-non-italic) .heading {
  font-style: normal;
}
:global(.enact-locale-km) .heading {
  line-height: 1.5em;
}
:global(.enact-locale-si) .heading {
  line-height: 1.5em;
}
:global(.enact-locale-th) .heading {
  line-height: 1.5em;
}
:global(.enact-locale-vi) .heading {
  line-height: 1.5em;
}
.heading.large,
.heading.medium,
.heading.small,
.heading.tiny {
  border-bottom: 1px solid transparent;
}
.heading.title {
  font-family: "Sandstone";
  line-height: 1.3em;
  font-weight: normal;
  font-size: 2.25rem;
  font-kerning: normal;
}
:global(.enact-locale-non-latin) .heading.title {
  font-family: "Sandstone";
}
:global(.enact-locale-km) .heading.title {
  line-height: 1.5em;
}
:global(.enact-locale-si) .heading.title {
  line-height: 1.5em;
}
:global(.enact-locale-th) .heading.title {
  line-height: 1.5em;
}
:global(.enact-locale-vi) .heading.title {
  line-height: 1.5em;
}
:global(.enact-locale-km) .heading.title {
  font-size: 2.375rem;
}
:global(.enact-locale-si) .heading.title {
  font-size: 2.375rem;
}
:global(.enact-locale-th) .heading.title {
  font-size: 2.375rem;
}
:global(.enact-locale-vi) .heading.title {
  font-size: 2.375rem;
}
.heading.subtitle {
  font-family: "Sandstone";
  line-height: 1.4em;
  font-weight: normal;
  font-size: 1.25rem;
}
:global(.enact-locale-non-latin) .heading.subtitle {
  font-family: "Sandstone";
}
:global(.enact-locale-km) .heading.subtitle {
  line-height: 1.5em;
}
:global(.enact-locale-si) .heading.subtitle {
  line-height: 1.5em;
}
:global(.enact-locale-th) .heading.subtitle {
  line-height: 1.5em;
}
:global(.enact-locale-vi) .heading.subtitle {
  line-height: 1.5em;
}
:global(.enact-locale-km) .heading.subtitle {
  font-size: 1.125rem;
}
:global(.enact-locale-si) .heading.subtitle {
  font-size: 1.125rem;
}
:global(.enact-locale-th) .heading.subtitle {
  font-size: 1.125rem;
}
:global(.enact-locale-vi) .heading.subtitle {
  font-size: 1.125rem;
}
.heading.large {
  font-family: "Sandstone";
  font-weight: 600;
  font-size: 1.5rem;
}
.heading.medium {
  font-family: "Sandstone";
  font-weight: 600;
  font-size: 1.375rem;
}
.heading.small {
  font-family: "Sandstone";
  font-weight: 600;
  font-size: 1.125rem;
}
.heading.tiny {
  font-family: "Sandstone";
  font-weight: 600;
  font-size: 1rem;
}
.heading.titleSpacing {
  margin-bottom: 0;
}
.heading.subtitleSpacing {
  margin-bottom: 0;
}
.heading.largeSpacing {
  margin-bottom: 1.60417rem;
  min-height: 1.60417rem;
}
.heading.mediumSpacing {
  margin-bottom: 0.85417rem;
  min-height: 0.85417rem;
}
.heading.smallSpacing {
  margin-bottom: 0.35417rem;
  min-height: 0.35417rem;
}
.heading.noneSpacing {
  margin-bottom: 0;
  min-height: 0;
}
.heading:global(.neutral) {
  color: rgb(var(--sand-text-color-rgb, 230, 230, 230));
}
.heading:global(.neutral).subtitle {
  color: var(--sand-text-sub-color, #abaeb3);
}
.heading:global(.neutral).showLine {
  border-bottom-color: rgb(var(--sand-text-color-rgb, 230, 230, 230));
}
:global(.enact-a11y-high-contrast) .heading:global(.neutral):global(.highContrast) {
  color: rgb(var(--sand-text-color-rgb, 230, 230, 230));
}
:global(.enact-a11y-high-contrast) .heading:global(.neutral):global(.highContrast).subtitle {
  color: var(--sand-text-sub-color, #abaeb3);
}
:global(.enact-a11y-high-contrast) .heading:global(.neutral):global(.highContrast).showLine {
  border-bottom-color: rgb(var(--sand-text-color-rgb, 230, 230, 230));
}
.heading:global(.light) {
  color: rgb(var(--sand-text-color-rgb, 46, 50, 57));
}
.heading:global(.light).subtitle {
  color: var(--sand-text-sub-color, #2e3239);
}
.heading:global(.light).showLine {
  border-bottom-color: rgb(var(--sand-text-color-rgb, 46, 50, 57));
}
.heading:global(.game) {
  color: rgb(var(--sand-text-color-rgb, 230, 230, 230));
}
.heading:global(.game).subtitle {
  color: var(--sand-text-sub-color, #abaeb3);
}
.heading:global(.game).showLine {
  border-bottom-color: #8151ff;
}
:global(.green) .heading:global(.game) {
  color: rgb(var(--sand-text-color-rgb, 230, 230, 230));
}
:global(.green) .heading:global(.game).subtitle {
  color: var(--sand-text-sub-color, #abaeb3);
}
:global(.green) .heading:global(.game).showLine {
  border-bottom-color: #3e6354;
}
:global(.orange) .heading:global(.game) {
  color: rgb(var(--sand-text-color-rgb, 230, 230, 230));
}
:global(.orange) .heading:global(.game).subtitle {
  color: var(--sand-text-sub-color, #abaeb3);
}
:global(.orange) .heading:global(.game).showLine {
  border-bottom-color: #ea5e00;
}