style

提供布局、表单样式。

安装

npm install @joyzl/style

import 'style';

使用

布局类

横向：h(horizontal)

h horizontal

ht horizontal-top

hc horizontal-center

hb horizontal-bottom

g grow

hr

纵向：v(vertical)

v vertical

vl vertical-left

vc vertical-center

vr vertical-right

g grow

hr

层叠：s(stack)

s stack

f fill/full

t top

tl top-left

tc top-center

tr top-right

l left

lt left-top

lc left-center

lb left-bottom

r right

rt right-top

rc right-center

rb right-bottom

b bottom

bl bottom-left

bc bottom-center

br bottom-right

cm center-middle

分栏：c(column)

c2 column-2

c3 column-3

c4 column-4

c5 column-5

c6 column-6

宽高：h(height),w(width)

w0 width-0

w5 width-5

w10 width-10

w15 width-15

w20 width-20

w25 width-25

w30 width-30

w35 width-35

w40 width-40

w45 width-45

w50 width-50

w55 width-55

w60 width-60

w65 width-65

w70 width-70

w75 width-75

w80 width-80

w85 width-85

w90 width-90

w95 width-95

w100 width-100

w61 width-61

w38 width-38

h0 height-0

h5 height-5

h10 height-10

h15 height-15

h20 height-20

h25 height-25

h30 height-30

h35 height-35

h40 height-40

h45 height-45

h50 height-50

h55 height-55

h60 height-60

h65 height-65

h70 height-70

h75 height-75

h80 height-80

h85 height-85

h90 height-90

h95 height-95

h100 height-100

h61 height-61

h38 height-38

间隔

外边距：m(margin)

m0 margin-0

m1 margin-1

ma margin-auto

ms margin-small

mm margin-medium

ml margin-large

mx margin-extra

hm0 horizontal-margin-0

hm1 horizontal-margin-1

hma horizontal-margin-auto

hms horizontal-margin-small

hmm horizontal-margin-medium

hml horizontal-margin-large

hmx horizontal-margin-extra

vm0 vertical-margin-0

vm1 vertical-margin-1

vma vertical-margin-auto

vms vertical-margin-small

vmm vertical-margin-medium

vml vertical-margin-large

vmx vertical-margin-extra

内边距：p(padding)

p0 padding-0

p1 padding-1

pa padding-auto

ps padding-small

pm padding-medium

pl padding-large

px padding-extra

滚动条

s scroll

sx scroll-x

sy scroll-y