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

A framework for create front-end easy and fast

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Switcher_ = void 0;
const ui_1 = require("@fluido/ui");
const box_1 = require("../box");
exports.Switcher_ = (0, ui_1.styled)(box_1.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%;
  }
`;