@enact/moonstone
Version:
Large-screen/TV support library for Enact, containing a variety of UI components.
32 lines (31 loc) • 519 B
CSS
.panel {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
padding: 1rem 0.625rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.panel:global(.enact-fit) {
height: auto;
}
:global(.enact-locale-right-to-left) .panel {
direction: rtl;
}
.body {
position: relative;
padding-top: 0.5rem;
flex: 1;
min-height: 0;
opacity: 0;
transition: opacity 200ms ease-out;
will-change: opacity;
}
.body.noHeader {
padding-top: 0;
}
.body.visible {
opacity: 1;
}