{"repo":"tachyons-css/react-native-style-tachyons","free":true,"listed":false,"github":"https://github.com/tachyons-css/react-native-style-tachyons","clone":"git clone https://github.com/tachyons-css/react-native-style-tachyons.git","description":"Better styling for React Native","language":"TypeScript","stars":690,"topics":["react-native","stylesheet","responsive","typography","android","ios","react","css-modules","css"],"license":"Apache-2.0","category":"mobile-apps","readme_excerpt":"React Native Style Tachyons Overview React Native Style Tachyons brings functional styling to react-native. It is inspired by Tachyons and uses it's scales and naming convention. More about the advantages of this approach. Let's see how tachyons compares to traditional styling: 1. Traditional react-native style: 2. Improved with react-native-style-tachyons : 3. or even simpler: Of course you can use your old styles along tachyons' classes. Advantages Less code No need to maintain a separate stylesheet No need to find a proper name for every component you want to style Looking at a component tells you exactly how it looks, it's all in one place. Tachyons' scale Dimensions and typography build on a proven scale, which is relative to rem , the root font-size. Instead of having to find proper values for padding (or margin, width or height), you use a simple 7-step scale. pa2 gets you padding of 0.5rem . The scale progresses with powers of two, so each step is twice as big as the last. This means everything will always line up, no more \"off-by-one-pixel\"-problems. You can scale the entire design just by setting a different rem . This is a great advantage when building a responsive app. More about Tachyons' spacing More about Tachyons' typography The optional fontRem parameter scales the font sizes independently of other styles. Usage react-native-style-tachyons needs to know your rem upon start: 1. In the entry point of your app include: ##### Sensible rem/fontRem values Experienc","default_branch":null,"files":null,"tree":[],"storefront":"/r/tachyons-css","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/tachyons-css/react-native-style-tachyons/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}