@fluido/ui-containers
Version:
A framework for create front-end easy and fast
20 lines (17 loc) • 482 B
JavaScript
import { makeNthChildSelector, styled } from '@fluido/ui';
import { Box } from '../box';
export const Cover_ = styled(Box, {
functions: { makeNthChildSelector },
}) `
display: flex;
flex-direction: column;
min-height: #or(~$minHeight, 100vh);
gap: #or(~$gap, $theme.spaces.md);
& > :is(#func(makeNthChildSelector, $centered)) {
margin-top: auto;
margin-bottom: auto;
}
& > :is(#func(makeNthChildSelector, $fill)) {
flex: 1;
}
`;