crna-tailwind
Create React Native App styled with Tailwind, a ridiculously awesome utility-first CSS framework.
Last updated a year ago by taylorbryant .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install crna-tailwind 
SYNC missed versions from official npm registry.

CRNA Tailwind

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

Current Tags

  • 0.1.0                                ...           latest (a year ago)

1 Versions

  • 0.1.0                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 0
Last Month 0
Dependencies (3)
Dev Dependencies (3)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |