@enact/sandstone
Version:
Large-screen/TV support library for Enact, containing a variety of UI components.
32 lines (31 loc) • 871 B
CSS
.holePunchScrim {
height: var(--hole-height);
width: var(--hole-width);
top: var(--hole-top);
left: var(--hole-left);
position: absolute;
}
.holePunchScrim:global(.neutral) {
border-radius: 0.25rem;
box-shadow: 0 0 0 100rem rgba(0, 0, 0, 0.6);
}
:global(.enact-a11y-high-contrast) .holePunchScrim:global(.neutral):global(.highContrast) {
border-radius: 0.25rem;
box-shadow: 0 0 0 100rem rgba(0, 0, 0, 0.6);
}
.holePunchScrim:global(.light) {
border-radius: 0.25rem;
box-shadow: 0 0 0 100rem rgba(0, 0, 0, 0.6);
}
.holePunchScrim:global(.game) {
border-radius: 0;
box-shadow: 0 0 0 100rem rgba(0, 0, 0, 0.6);
}
:global(.green) .holePunchScrim:global(.game) {
border-radius: 0;
box-shadow: 0 0 0 100rem rgba(0, 0, 0, 0.6);
}
:global(.orange) .holePunchScrim:global(.game) {
border-radius: 0;
box-shadow: 0 0 0 100rem rgba(0, 0, 0, 0.6);
}