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

A framework for create front-end easy and fast

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Cover_ = void 0;
const ui_1 = require("@fluido/ui");
const box_1 = require("../box");
exports.Cover_ = (0, ui_1.styled)(box_1.Box, {
    functions: { makeNthChildSelector: ui_1.makeNthChildSelector },
}) `
  display: flex;
  flex-direction: column;
  min-height: #or(~$minHeight, 100vh);
  gap: #or(~$gap, $theme.spaces.md);

  & > :is(#func(makeNthChildSelector, $centered)) {
    margin-top: auto;
    margin-bottom: auto;
  }

  & > :is(#func(makeNthChildSelector, $fill)) {
    flex: 1;
  }
`;