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

A framework for create front-end easy and fast

import { styled } from '@fluido/ui';
import { Box } from '../box';
export const Center_ = styled(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));
`;