0.8.1 • Published 3 years ago

@solariera/web-style-css v0.8.1

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

Style Functions

npm npm npm bundle size

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

FunctionsParameters
flexBasicStyleflexDirection?: string flexWrap?: string styleDisplay?: string
flexContainerStylejustifyContent?: string alignContent?: string alignItems?: string
flexItemsStyleflexGrow?: number flexShrink?: number flexBasis?: string \| number alignSelf?: string order?: number

2-2. Image Style

FunctionsParameters
imagePositionStylex?: number y?: number unit?: string
imageSizeStylewidth?: number \| string height?: number \| string unit?: string
imageViewStylebase64: string repeat?: string

2-3. Misc

FunctionsParameters
cursorStylecursor?: string
listTypeStylelistStyleType?: string
overflowStyleoverflow?: string
transitionStyleduration?: number timingFunction?: string durationUnit?: string

2-4. Object

FunctionsParameters
bgColorStylebgColor?: string bgColorAlpha?: number
blurStyleblur?: number unit?: string
borderStyleborderWidth?: number borderColor?: string borderColorAlpha?: number borderStyle?: string borderLeft?: boolean borderRight?: boolean borderTop?: boolean borderBottom?: boolean unit?: string
floatStylefloatDirection?: string
marginStylemarginLeft?: number marginRight?: number marginTop?: number marginBottom?: number unit?: string
opacityStyleopacity?: number
paddingStylepaddingLeft?: number paddingRight?: number paddingTop?: number paddingBottom?: number unit?: string
positionStyleposition?: string left?: number right?: number top?: number bottom?: number unit?: string
roundStyleroundSize?: number \| number[] unit?: string
scaleStylescale?: number scaleY?: number origin?: string
sizeStylewidth?: number height?: number unit?: string

2-5. Text

FunctionsParameters
fontColorStylefontColor?: string fontColorAlpha?: number
fontFamilyStylefontFamily?: string
fontSizeStylefontSize?: number fontUnit?: string
fontWeightStylefontWeight?: number fontStyle?: string
letterSpacingStyleletterSpacing?: number unit?: string
lineHeightStylelineHeight?: number unit?: string
textAlignStyletextAlign?: string
textStrokeStylestrokeWidth?: 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