@enact/moonstone
Version:
Large-screen/TV support library for Enact, containing a variety of UI components.
76 lines (75 loc) • 1.71 kB
CSS
.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;
}