0.8.1 • Published 3 years ago
@solariera/web-style-css v0.8.1
Style Functions
Style functions for React Web
1. Usage
1-1. Installation
# npm
npm install @solariera/web-style-css
# yarn
yarn add @solariera/web-style-css
2. Functions
2-1. Flex Style
Functions | Parameters |
---|---|
flexBasicStyle | flexDirection?: string flexWrap?: string styleDisplay?: string |
flexContainerStyle | justifyContent?: string alignContent?: string alignItems?: string |
flexItemsStyle | flexGrow?: number flexShrink?: number flexBasis?: string \| number alignSelf?: string order?: number |
2-2. Image Style
Functions | Parameters |
---|---|
imagePositionStyle | x?: number y?: number unit?: string |
imageSizeStyle | width?: number \| string height?: number \| string unit?: string |
imageViewStyle | base64: string repeat?: string |
2-3. Misc
Functions | Parameters |
---|---|
cursorStyle | cursor?: string |
listTypeStyle | listStyleType?: string |
overflowStyle | overflow?: string |
transitionStyle | duration?: number timingFunction?: string durationUnit?: string |
2-4. Object
Functions | Parameters |
---|---|
bgColorStyle | bgColor?: string bgColorAlpha?: number |
blurStyle | blur?: number unit?: string |
borderStyle | borderWidth?: number borderColor?: string borderColorAlpha?: number borderStyle?: string borderLeft?: boolean borderRight?: boolean borderTop?: boolean borderBottom?: boolean unit?: string |
floatStyle | floatDirection?: string |
marginStyle | marginLeft?: number marginRight?: number marginTop?: number marginBottom?: number unit?: string |
opacityStyle | opacity?: number |
paddingStyle | paddingLeft?: number paddingRight?: number paddingTop?: number paddingBottom?: number unit?: string |
positionStyle | position?: string left?: number right?: number top?: number bottom?: number unit?: string |
roundStyle | roundSize?: number \| number[] unit?: string |
scaleStyle | scale?: number scaleY?: number origin?: string |
sizeStyle | width?: number height?: number unit?: string |
2-5. Text
Functions | Parameters |
---|---|
fontColorStyle | fontColor?: string fontColorAlpha?: number |
fontFamilyStyle | fontFamily?: string |
fontSizeStyle | fontSize?: number fontUnit?: string |
fontWeightStyle | fontWeight?: number fontStyle?: string |
letterSpacingStyle | letterSpacing?: number unit?: string |
lineHeightStyle | lineHeight?: number unit?: string |
textAlignStyle | textAlign?: string |
textStrokeStyle | strokeWidth?: number strokeColor?: string strokeColorAlpha?: number |
0.8.1
3 years ago
0.8.0
3 years ago
0.7.0
3 years ago
0.6.3
3 years ago
0.5.4
3 years ago
0.6.2
3 years ago
0.5.6
3 years ago
0.5.5
3 years ago
0.6.1
3 years ago
0.6.0
3 years ago
0.5.3
3 years ago
0.5.2
3 years ago
0.3.7
3 years ago
0.5.0
3 years ago
0.4.0
3 years ago
0.5.1
3 years ago
0.3.0
3 years ago
0.3.6
3 years ago
0.3.5
3 years ago
0.3.2
3 years ago
0.3.1
3 years ago
0.3.4
3 years ago
0.3.3
3 years ago
0.2.1
3 years ago
0.2.0
3 years ago
0.1.0
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago