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

A framework for create front-end easy and fast

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Center_ = void 0;
const ui_1 = require("@fluido/ui");
const box_1 = require("../box");
exports.Center_ = (0, ui_1.styled)(box_1.Box) `
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: #or(~$maxWidth, 65ch);
  text-align: #and($andText, center);
  display: #and($intrinsic, flex);
  flex-direction: #and($intrinsic, column);
  align-items: #and($intrinsic, var(--center, center));
`;