sanhuang / react-native-css-snippets

react native css snippets for sublime text

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

複製原先作者寫好的snippets,調整成只作用在Typescript(.ts,.tsx)以及babel ES6(.jsx)情況下避免影響原先過多的snippets造成可能問題。

Trigger Content
ass→ alignSelf: 'stretch'
asa→ alignSelf: 'auto'
asc→ alignSelf: 'center'
asfe→ alignSelf: 'flex-end'
asfs→ alignSelf: 'flex-start'
ais→ alignItems: 'stretch'
aic→ alignItems: 'center'
aife→ alignItems: 'flex-end'
aifs→ alignItems: 'flex-start'
bgc→ backgroundColor
bd→ border
bdt→ borderTop
bdr→ borderRight
bdb→ borderBottom
bdl→ borderLeft
bdrs→ borderRadius
bdtlr→ borderTopLeftRadius
bdtrr→ borderTopRightRadius
bdbrr→ borderBottomRightRadius
bdblr→ borderBottomLeftRadius
t→ top
r→ right
b→ bottom
l→ left
c→ color
hsl→ color: hsl()
hsla→ color: hsla()
rgb→ color: rgb()
rgba→ color: rgba()
f→ flex: 1
fdcr→ flexDirection: 'column-reverse'
fdc→ flexDirection: 'column'
fdrr→ flexDirection: 'row-reverse'
fdr→ flexDirection: 'row'
fww→ flexWrap: 'wrap'
fwnw→ flexWrap: 'nowrap'
ff→ fontFamily
fs→ fontSize
tac→ textAlign: 'center'
taj→ textAlign: 'justify'
tal→ textAlign: 'left'
tar→ textAlign: 'right'
ta→ textAlign: 'auto'
tdll→ textDecorationLine: 'line-through'
tdlu→ textDecorationLine: 'underline'
tdl→ textDecorationLine: 'none'
tdlul→ textDecorationLine: 'underline line-through'
tsc→ textShadowColor
tso→ textShadowOffset
tsr→ textShadowRadius
fsn→ fontStyle: 'normal'
fsi→ fontStyle: 'italic'
fwn→ fontWeight: 'normal'
fwb→ fontWeight: 'bold'
fw→ fontWeight
h→ height
maxh→ maxHeight
minh→ minHeight
w→ width
maxw→ maxWidth
minw minWidth
o opacity
ofh overflow: 'hidden'
ofv overflow: 'visible'
ofs overflow: 'scroll'
pr→ position: 'relative'
pa→ position: 'absolute'
lh→ lineHeight
pd→ padding
pdt→ paddingTop
pdr→ paddingRight
pdb→ paddingBottom
pdl→ paddingLeft
pdh→ paddingHorizontal
pdv→ paddingVertical
m→ margin
mt→ marginTop
mr→ marginRight
mb→ marginBottom
ml→ marginLeft
mh→ marginHorizontal
mv→ marginVertical
jcc→ justifyContent: 'center'
jcfe→ justifyContent: 'flex-end'
jcfs→ justifyContent: 'flex-start'
jcsa→ justifyContent: 'space-around'
jcsb→ justifyContent: 'space-between'
zi→ zIndex

About

react native css snippets for sublime text