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

A framework for create front-end easy and fast

import { styled } from '@fluido/ui';
import { Box } from '../box';
export const Sidebar_ = styled(Box) `
  display: flex;
  flex-wrap: wrap;
  gap: #or(~$gap, $theme.spaces.md);
  align-items: #select($preventStretch, flex-start, stretch);

  & > #select($side != right, :first-child, :last-child) {
    flex-basis: ~$sideWidth;
    flex-grow: 1;
  }

  & > #select($side != right, :last-child, :first-child) {
    flex-basis: 0;
    flex-grow: 9999;
    min-width: min(#or(~$contentMin, 50%), 100%);
  }
`;