@fluido/ui-containers
Version:
A framework for create front-end easy and fast
22 lines (18 loc) • 478 B
JavaScript
import { styled } from '@fluido/ui';
import { Box } from '../box';
export const Switcher_ = styled(Box) `
display: flex;
flex-wrap: wrap;
gap: #or(~$gap, $theme.spaces.xl);
& > * {
flex-grow: 1;
flex-basis: calc((#or(~$threshold, 30rem) - 100%) * 999);
}
& > :nth-last-child(n + #math(#or($limit, 5) + 1)),
& > :nth-last-child(n + #math(#or($limit, 5) + 1)) ~ * {
flex-basis: 100%;
}
& > * > * {
max-width: 100%;
}
`;