Skip to content
This repository has been archived by the owner on Apr 6, 2020. It is now read-only.

Latest commit

 

History

History
72 lines (58 loc) · 1.84 KB

README.md

File metadata and controls

72 lines (58 loc) · 1.84 KB
Create React Native App styled with Tailwind, a ridiculously awesome utility-first CSS framework.


Note: This is a work in progress. Right now, this includes a React Native-compatible version of the stylesheet generated by Tailwind's default configuration. In the future, the plan is to implement Tailwind correctly and add a script that strips out any CSS rules that are not compatible with React Native and converts the remaining rules into a StyleSheet.


Supported Utilities

Layout

  • Display
  • Position

Typography

  • Color
  • Font Family
  • Font Style
  • Font Weight
  • Letter Spacing
  • Line Height
  • Text Alignment

Backgrounds

  • Background Color

Borders

  • Border Color
  • Border Style
  • Border Width
  • Border Radius

Flexbox

  • Flex Direction
  • Flex Wrapping
  • Align Items
  • Align Content
  • Align Self
  • Justify Content
  • Flex

Spacing

  • Margin
  • Padding

Sizing

  • Width
  • Min-Width
  • Max-Width
  • Height
  • Min-Height
  • Max-Height

Miscellaneous

  • Opacity

Resources

License

MIT