@enact/moonstone/Heading/Heading.module.css

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

.heading {
  border-bottom: 1px solid transparent;
  margin: 0 0.375rem 0.5625rem 0.375rem;
  padding: 0;
  min-height: 0.5625rem;
  letter-spacing: 0;
  line-height: 1.3em;
  font-family: "Moonstone";
}
:global(.enact-locale-non-latin) .heading {
  font-family: "Moonstone";
  line-height: 1.5em;
}
.heading.showLine {
  padding: 0 0 0.375rem 0;
}
.heading.large {
  font-family: "Moonstone";
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
}
.heading.medium {
  font-family: "Moonstone";
  font-weight: 600;
  font-style: normal;
  font-size: 1.375rem;
}
.heading.small,
.heading.tiny {
  font-family: "Moonstone";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
}
.heading.largeSpacing {
  margin-bottom: 1.58333rem;
  min-height: 1.58333rem;
}
.heading.mediumSpacing {
  margin-bottom: 0.83333rem;
  min-height: 0.83333rem;
}
.heading.smallSpacing {
  margin-bottom: 0.33333rem;
  min-height: 0.33333rem;
}
.heading.noneSpacing {
  margin-bottom: 0;
  min-height: 0;
}
.heading:global(.moonstone) {
  color: #ccc;
}
.heading:global(.moonstone).showLine {
  border-bottom-color: #595959;
}
:global(.enact-a11y-high-contrast) .heading:global(.moonstone.highContrast) {
  color: #ccc;
}
:global(.enact-a11y-high-contrast) .heading:global(.moonstone.highContrast).showLine {
  border-bottom-color: #595959;
}
.heading:global(.moonstone-light) {
  color: #4d4d4d;
}
.heading:global(.moonstone-light).showLine {
  border-bottom-color: #686868;
}
:global(.enact-a11y-high-contrast) .heading:global(.moonstone-light.highContrast) {
  color: #4d4d4d;
}
:global(.enact-a11y-high-contrast) .heading:global(.moonstone-light.highContrast).showLine {
  border-bottom-color: #686868;
}