Skip to content

styled-components/styled-components-native-code-mod

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 

styled-components-native-code-mod

Transforms v1 styled-components to v2. It

  • Adds px units where relevant
  • Fixes font-family to include quotes
npm install -g jscodeshift
npm install https://github.com/styled-components/styled-components-native-code-mod
jscodeshift -t styled-components-native-code-mod/transforms/units <path>

Will modify files in place, so make sure you can recover if it goes wrong!

In

styled.View`
  top: 10;
  flex: 1;
  margin: 10 20;
  font-family: Georgia;
  color: ${props => props.color};
`;

Out

styled.View`
  top: 10px;
  flex: 1;
  margin: 10px 20px;
  font-family: "Georgia";
  color: ${props => props.color};
`;

Caveats

If you interpolate values that need units, you'll have to do that manually.

const value = '10';

styled.View`
  top: ${value};
`;

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published