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

A framework for create front-end easy and fast

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