File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1- # nu- react-native-acss
1+ # @ sacss/ react-native
22
33[ ![ npm package] [ npm-badge ]] [ npm ]
44
55[ npm-badge ] : https://img.shields.io/npm/v/npm-package.png?style=flat-square
6- [ npm ] : https://www.npmjs.org/package/@_nu /react-native-acss
6+ [ npm ] : https://www.npmjs.org/package/@sacss /react-native
77
88Quick way to write style in react native.
99
1010Idea from Atomic CSS Design system.
1111
1212```
13- $ yarn add @_nu /react-native-acss
13+ $ yarn add @sacss /react-native
1414```
1515
1616## How to use?
1717
1818``` JSX
1919import React from ' react' ;
20- import {Text , View , ImageBackground , Image } from ' ./packages/withAcss ' ;
20+ import {Text , View , ImageBackground , Image } from ' @sacss/react-native ' ;
2121import mImg1 from " ./assets/1.jpg" ;
2222import mImg2 from " ./assets/2.jpg" ;
2323
@@ -43,7 +43,7 @@ export default function App() {
4343``` JSX
4444import React from ' react' ;
4545import {Text , View } from ' react-native' ;
46- import widthAcss from ' ./packages/withAcss ' ;
46+ import withAcss from ' @sacss/react-native ' ;
4747
4848const CusText = widthAcss (Text );
4949const CusView = widthAcss (View);
Original file line number Diff line number Diff line change 11{
2- "name" : " @_nu /react-native-acss " ,
3- "version" : " 0 .0.3 " ,
4- "description" : " ACSS react native version" ,
2+ "name" : " @sacss /react-native" ,
3+ "version" : " 1 .0.0 " ,
4+ "description" : " Static Atomic CSS React Native version" ,
55 "main" : " lib/index.js" ,
66 "files" : [
77 " lib"
88 ],
9- "author" : " yfe-team " ,
9+ "author" : " ziven27 " ,
1010 "license" : " MIT" ,
11- "repository" : " git@github.com:nu-system /react-native-acss .git" ,
12- "bugs" : " https://github.com/nu-system /react-native-acss /issues" ,
13- "homepage" : " https://nu-system .github.io/react-native/acss/ " ,
11+ "repository" : " git@github.com:s-acss /react-native.git" ,
12+ "bugs" : " https://github.com/s-acss /react-native/issues" ,
13+ "homepage" : " https://s-acss .github.io/docs/use.rn " ,
1414 "keywords" : [
1515 " acss" ,
16+ " sacss" ,
1617 " css" ,
1718 " atomic" ,
18- " vanilla" ,
19- " mixin" ,
2019 " react native"
2120 ],
2221 "scripts" : {
You can’t perform that action at this time.
0 commit comments