0.8.1 • Published 4 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-css2. 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
4 years ago
0.8.0
4 years ago
0.7.0
4 years ago
0.6.3
4 years ago
0.5.4
4 years ago
0.6.2
4 years ago
0.5.6
4 years ago
0.5.5
4 years ago
0.6.1
4 years ago
0.6.0
4 years ago
0.5.3
4 years ago
0.5.2
4 years ago
0.3.7
4 years ago
0.5.0
4 years ago
0.4.0
4 years ago
0.5.1
4 years ago
0.3.0
4 years ago
0.3.6
4 years ago
0.3.5
4 years ago
0.3.2
4 years ago
0.3.1
4 years ago
0.3.4
4 years ago
0.3.3
4 years ago
0.2.1
4 years ago
0.2.0
4 years ago
0.1.0
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago