Skip to content

πŸ›« Platform.select for native CSS-IN-JS solutions(styled-components, emotion, etc.)

Notifications You must be signed in to change notification settings

junhoyeo/css-in-js-platform

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ›« css-in-js-platform

npm version weekly downloads npm bundle size
NPM

πŸ“¦ Installation

npm install css-in-js-platform
# Or with yarn
yarn add css-in-js-platform

πŸš€ Usage

You can use this module in 3 different ways.

import platform from 'css-in-js-platform';

const exampleText = styled.Text`
  ${platform({
    ios: css`
      font-size: 14px;
    `,
    android: css`
      font-size: 12px;
    `,
  })}
`;
import platform from 'css-in-js-platform';

const exampleText = styled.Text`
  font-size: 14px;

  ${platform('android', css`
    font-size: 14px;
  `)}
`;
import platform from 'css-in-js-platform';

const exampleText = styled.Text`
  font-size: 14px;

  ${platform.android(css`
    font-size: 14px;
  `)}
`;
  • The platform keys can be one of 'ios' | 'android' | 'macos' | 'windows' | 'web', which is from PlatformOSType of react-native(here).

About

πŸ›« Platform.select for native CSS-IN-JS solutions(styled-components, emotion, etc.)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published