@worktools/flex-styles v0.2.3

Flex styles

通用样式

Usage

yarn add @worktools/flex-styles

Layout styles:

// layout styles

center;
column;
columnParted;
expand;
flex; // alias for expand, same
fullscreen;
noShrink;
row;
rowCenter;
rowMiddle;
rowParted;

// preset styles

absCenter;
absLeftCenter;
absRightCenter;
absRightTop;
alignItemBottom;
alignItemCenter;
displayFlex;
flexWrap;
fullHeight;
inlineBlock;
inlineRow;
inlineRowMiddle;
maxHeight80vh;
middleSection;
minHeight;
relative;
verticalAlignBottom;
xHiddenYAuto;

Also a Space component for fixing layout:

import { Space } from "@worktools/flex-styles"

<Space width={8} />

// or
<Space height={8} />

License

MIT