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

A framework for create front-end easy and fast

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