@fluido/ui-containers/esm/cover/styled.js

A framework for create front-end easy and fast

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;
  }
`;