@retriever-ui/system
Version:
43 lines (42 loc) • 1.3 kB
TypeScript
import * as CSS from 'csstype';
import { CSSResponsive, ThemeCSS } from '../type/theme';
export interface AlignmentProps {
/**
* The CSS `align-items` property
*/
alignItems?: CSSResponsive<CSS.Property.AlignItems>;
/**
* The CSS `align-content` property
*/
alignContent?: CSSResponsive<CSS.Property.AlignContent>;
/**
* The CSS `align-self` property
*/
alignSelf?: CSSResponsive<CSS.Property.AlignSelf>;
/**
* The CSS `justify-items` property
*/
justifyItems?: CSSResponsive<CSS.Property.JustifyItems>;
/**
* The CSS `justify-content` property
*/
justifyContent?: CSSResponsive<CSS.Property.JustifyContent>;
/**
* The CSS `justify-self` property
*/
justifySelf?: CSSResponsive<CSS.Property.JustifySelf>;
/**
* The CSS `place-items` property
*/
placeItems?: CSSResponsive<CSS.Property.PlaceItems>;
/**
* The CSS `place-content` property
*/
placeContent?: CSSResponsive<CSS.Property.PlaceContent>;
/**
* The CSS `place-self` property
*/
placeSelf?: CSSResponsive<CSS.Property.PlaceSelf>;
}
declare const alignment: ({ theme, ...props }: ThemeCSS<AlignmentProps>) => import("@emotion/utils").SerializedStyles;
export default alignment;