stili

Style normalizer for creating universal React/React Native components.

Install

$ yarn add stili

Usage

normalizeWebStyle(style: TStyle) => TCssWebProps
normalizeNativeStyle(style: TStyle) => TCssNativeProps

• TStyle – normalized styles
• TCssWebProps – web specific styles
• TCssNativeProps – native specific styles

In web file

import { normalizeWebStyle } from 'stili'

normalizeWebStyle({ lineHeight: 16 })
// field target: { lineHeight: '16px' }

In native file

import { normalizeNativeStyle } from 'stili'

normalizeNativeStyle({ lineHeight: 16 })
// field target: { lineHeight: 16 }