├── .gitignore
├── App.js
├── App.test.js
├── CONTRIBUTING.md
├── LICENSE.md
├── README.md
├── app.json
├── components
└── tailwind
│ └── index.js
├── package.json
├── renovate.json
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
2 |
3 | # expo
4 | .expo/
5 |
6 | # dependencies
7 | /node_modules
8 |
9 | # misc
10 | .env.local
11 | .env.development.local
12 | .env.test.local
13 | .env.production.local
14 |
15 | npm-debug.log*
16 | yarn-debug.log*
17 | yarn-error.log*
18 |
19 | # dev
20 | .vscode
21 | .DS_Store
22 |
--------------------------------------------------------------------------------
/App.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { StyleSheet, Text, View } from "react-native";
3 | import * as tw from "./components/tailwind";
4 |
5 | export default class App extends React.Component {
6 | render() {
7 | return (
8 |
16 | Open up App.js to start working on your app!
17 | Changes you make will automatically reload.
18 | Shake your phone to open the developer menu.
19 |
20 | );
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import App from './App';
3 |
4 | import renderer from 'react-test-renderer';
5 |
6 | it('renders without crashing', () => {
7 | const rendered = renderer.create().toJSON();
8 | expect(rendered).toBeTruthy();
9 | });
10 |
--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | ## Contributing
2 |
3 | Hey, there! 👋 Any and all contributions are welcome.
4 |
5 | To lend a helping hand:
6 | * [Fork the repository](https://help.github.com/articles/fork-a-repo/)
7 | * Make your desired changes
8 | * [Create a pull request](https://help.github.com/articles/creating-a-pull-request/)
9 |
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | Copyright (c) 2018 Taylor Bryant
2 |
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 |
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 |
7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
8 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
6 |
7 |
13 |
14 | *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](https://facebook.github.io/react-native/docs/stylesheet.html).*
15 |
16 |
17 |
18 | ## Supported Utilities
19 | ### Layout
20 | * Display
21 | * Position
22 |
23 | ### Typography
24 | * Color
25 | * Font Family
26 | * Font Style
27 | * Font Weight
28 | * Letter Spacing
29 | * Line Height
30 | * Text Alignment
31 |
32 | ### Backgrounds
33 | * Background Color
34 |
35 | ### Borders
36 | * Border Color
37 | * Border Style
38 | * Border Width
39 | * Border Radius
40 |
41 | ### Flexbox
42 | * Flex Direction
43 | * Flex Wrapping
44 | * Align Items
45 | * Align Content
46 | * Align Self
47 | * Justify Content
48 | * Flex
49 |
50 | ### Spacing
51 | * Margin
52 | * Padding
53 |
54 | ### Sizing
55 | * Width
56 | * Min-Width
57 | * Max-Width
58 | * Height
59 | * Min-Height
60 | * Max-Height
61 |
62 | ### Miscellaneous
63 | * Opacity
64 |
65 |
66 | ## Resources
67 | * [Create React Native App documentation](https://github.com/react-community/create-react-native-app)
68 | * [Tailwind documentation](https://tailwindcss.com/docs/what-is-tailwind/)
69 | * [List of available properties in React Native](https://facebook.github.io/react-native/docs/stylesheet.html)
70 |
71 | ## License
72 | [MIT](https://github.com/taylorbryant/crna-tailwind/blob/master/LICENSE.md)
73 |
--------------------------------------------------------------------------------
/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "expo": {
3 | "sdkVersion": "25.0.0"
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/components/tailwind/index.js:
--------------------------------------------------------------------------------
1 | var React = require("react-native");
2 | var { StyleSheet } = React;
3 |
4 | module.exports = StyleSheet.create({
5 | "bg-transparent": {
6 | backgroundColor: "transparent"
7 | },
8 | "bg-black": {
9 | backgroundColor: "#22292f"
10 | },
11 | "bg-grey-darkest": {
12 | backgroundColor: "#3d4852"
13 | },
14 | "bg-grey-darker": {
15 | backgroundColor: "#606f7b"
16 | },
17 | "bg-grey-dark": {
18 | backgroundColor: "#8795a1"
19 | },
20 | "bg-grey": {
21 | backgroundColor: "#b8c2cc"
22 | },
23 | "bg-grey-light": {
24 | backgroundColor: "#dae1e7"
25 | },
26 | "bg-grey-lighter": {
27 | backgroundColor: "#f1f5f8"
28 | },
29 | "bg-grey-lightest": {
30 | backgroundColor: "#f8fafc"
31 | },
32 | "bg-white": {
33 | backgroundColor: "#fff"
34 | },
35 | "bg-red-darkest": {
36 | backgroundColor: "#3b0d0c"
37 | },
38 | "bg-red-darker": {
39 | backgroundColor: "#621b18"
40 | },
41 | "bg-red-dark": {
42 | backgroundColor: "#cc1f1a"
43 | },
44 | "bg-red": {
45 | backgroundColor: "#e3342f"
46 | },
47 | "bg-red-light": {
48 | backgroundColor: "#ef5753"
49 | },
50 | "bg-red-lighter": {
51 | backgroundColor: "#f9acaa"
52 | },
53 | "bg-red-lightest": {
54 | backgroundColor: "#fcebea"
55 | },
56 | "bg-orange-darkest": {
57 | backgroundColor: "#462a16"
58 | },
59 | "bg-orange-darker": {
60 | backgroundColor: "#613b1f"
61 | },
62 | "bg-orange-dark": {
63 | backgroundColor: "#de751f"
64 | },
65 | "bg-orange": {
66 | backgroundColor: "#f6993f"
67 | },
68 | "bg-orange-light": {
69 | backgroundColor: "#faad63"
70 | },
71 | "bg-orange-lighter": {
72 | backgroundColor: "#fcd9b6"
73 | },
74 | "bg-orange-lightest": {
75 | backgroundColor: "#fff5eb"
76 | },
77 | "bg-yellow-darkest": {
78 | backgroundColor: "#453411"
79 | },
80 | "bg-yellow-darker": {
81 | backgroundColor: "#684f1d"
82 | },
83 | "bg-yellow-dark": {
84 | backgroundColor: "#f2d024"
85 | },
86 | "bg-yellow": {
87 | backgroundColor: "#ffed4a"
88 | },
89 | "bg-yellow-light": {
90 | backgroundColor: "#fff382"
91 | },
92 | "bg-yellow-lighter": {
93 | backgroundColor: "#fff9c2"
94 | },
95 | "bg-yellow-lightest": {
96 | backgroundColor: "#fcfbeb"
97 | },
98 | "bg-green-darkest": {
99 | backgroundColor: "#0f2f21"
100 | },
101 | "bg-green-darker": {
102 | backgroundColor: "#1a4731"
103 | },
104 | "bg-green-dark": {
105 | backgroundColor: "#1f9d55"
106 | },
107 | "bg-green": {
108 | backgroundColor: "#38c172"
109 | },
110 | "bg-green-light": {
111 | backgroundColor: "#51d88a"
112 | },
113 | "bg-green-lighter": {
114 | backgroundColor: "#a2f5bf"
115 | },
116 | "bg-green-lightest": {
117 | backgroundColor: "#e3fcec"
118 | },
119 | "bg-teal-darkest": {
120 | backgroundColor: "#0d3331"
121 | },
122 | "bg-teal-darker": {
123 | backgroundColor: "#20504f"
124 | },
125 | "bg-teal-dark": {
126 | backgroundColor: "#38a89d"
127 | },
128 | "bg-teal": {
129 | backgroundColor: "#4dc0b5"
130 | },
131 | "bg-teal-light": {
132 | backgroundColor: "#64d5ca"
133 | },
134 | "bg-teal-lighter": {
135 | backgroundColor: "#a0f0ed"
136 | },
137 | "bg-teal-lightest": {
138 | backgroundColor: "#e8fffe"
139 | },
140 | "bg-blue-darkest": {
141 | backgroundColor: "#12283a"
142 | },
143 | "bg-blue-darker": {
144 | backgroundColor: "#1c3d5a"
145 | },
146 | "bg-blue-dark": {
147 | backgroundColor: "#2779bd"
148 | },
149 | "bg-blue": {
150 | backgroundColor: "#3490dc"
151 | },
152 | "bg-blue-light": {
153 | backgroundColor: "#6cb2eb"
154 | },
155 | "bg-blue-lighter": {
156 | backgroundColor: "#bcdefa"
157 | },
158 | "bg-blue-lightest": {
159 | backgroundColor: "#eff8ff"
160 | },
161 | "bg-indigo-darkest": {
162 | backgroundColor: "#191e38"
163 | },
164 | "bg-indigo-darker": {
165 | backgroundColor: "#2f365f"
166 | },
167 | "bg-indigo-dark": {
168 | backgroundColor: "#5661b3"
169 | },
170 | "bg-indigo": {
171 | backgroundColor: "#6574cd"
172 | },
173 | "bg-indigo-light": {
174 | backgroundColor: "#7886d7"
175 | },
176 | "bg-indigo-lighter": {
177 | backgroundColor: "#b2b7ff"
178 | },
179 | "bg-indigo-lightest": {
180 | backgroundColor: "#e6e8ff"
181 | },
182 | "bg-purple-darkest": {
183 | backgroundColor: "#21183c"
184 | },
185 | "bg-purple-darker": {
186 | backgroundColor: "#382b5f"
187 | },
188 | "bg-purple-dark": {
189 | backgroundColor: "#794acf"
190 | },
191 | "bg-purple": {
192 | backgroundColor: "#9561e2"
193 | },
194 | "bg-purple-light": {
195 | backgroundColor: "#a779e9"
196 | },
197 | "bg-purple-lighter": {
198 | backgroundColor: "#d6bbfc"
199 | },
200 | "bg-purple-lightest": {
201 | backgroundColor: "#f3ebff"
202 | },
203 | "bg-pink-darkest": {
204 | backgroundColor: "#451225"
205 | },
206 | "bg-pink-darker": {
207 | backgroundColor: "#6f213f"
208 | },
209 | "bg-pink-dark": {
210 | backgroundColor: "#eb5286"
211 | },
212 | "bg-pink": {
213 | backgroundColor: "#f66d9b"
214 | },
215 | "bg-pink-light": {
216 | backgroundColor: "#fa7ea8"
217 | },
218 | "bg-pink-lighter": {
219 | backgroundColor: "#ffbbca"
220 | },
221 | "bg-pink-lightest": {
222 | backgroundColor: "#ffebef"
223 | },
224 | "border-transparent": {
225 | borderColor: "transparent"
226 | },
227 | "border-black": {
228 | borderColor: "#22292f"
229 | },
230 | "border-grey-darkest": {
231 | borderColor: "#3d4852"
232 | },
233 | "border-grey-darker": {
234 | borderColor: "#606f7b"
235 | },
236 | "border-grey-dark": {
237 | borderColor: "#8795a1"
238 | },
239 | "border-grey": {
240 | borderColor: "#b8c2cc"
241 | },
242 | "border-grey-light": {
243 | borderColor: "#dae1e7"
244 | },
245 | "border-grey-lighter": {
246 | borderColor: "#f1f5f8"
247 | },
248 | "border-grey-lightest": {
249 | borderColor: "#f8fafc"
250 | },
251 | "border-white": {
252 | borderColor: "#fff"
253 | },
254 | "border-red-darkest": {
255 | borderColor: "#3b0d0c"
256 | },
257 | "border-red-darker": {
258 | borderColor: "#621b18"
259 | },
260 | "border-red-dark": {
261 | borderColor: "#cc1f1a"
262 | },
263 | "border-red": {
264 | borderColor: "#e3342f"
265 | },
266 | "border-red-light": {
267 | borderColor: "#ef5753"
268 | },
269 | "border-red-lighter": {
270 | borderColor: "#f9acaa"
271 | },
272 | "border-red-lightest": {
273 | borderColor: "#fcebea"
274 | },
275 | "border-orange-darkest": {
276 | borderColor: "#462a16"
277 | },
278 | "border-orange-darker": {
279 | borderColor: "#613b1f"
280 | },
281 | "border-orange-dark": {
282 | borderColor: "#de751f"
283 | },
284 | "border-orange": {
285 | borderColor: "#f6993f"
286 | },
287 | "border-orange-light": {
288 | borderColor: "#faad63"
289 | },
290 | "border-orange-lighter": {
291 | borderColor: "#fcd9b6"
292 | },
293 | "border-orange-lightest": {
294 | borderColor: "#fff5eb"
295 | },
296 | "border-yellow-darkest": {
297 | borderColor: "#453411"
298 | },
299 | "border-yellow-darker": {
300 | borderColor: "#684f1d"
301 | },
302 | "border-yellow-dark": {
303 | borderColor: "#f2d024"
304 | },
305 | "border-yellow": {
306 | borderColor: "#ffed4a"
307 | },
308 | "border-yellow-light": {
309 | borderColor: "#fff382"
310 | },
311 | "border-yellow-lighter": {
312 | borderColor: "#fff9c2"
313 | },
314 | "border-yellow-lightest": {
315 | borderColor: "#fcfbeb"
316 | },
317 | "border-green-darkest": {
318 | borderColor: "#0f2f21"
319 | },
320 | "border-green-darker": {
321 | borderColor: "#1a4731"
322 | },
323 | "border-green-dark": {
324 | borderColor: "#1f9d55"
325 | },
326 | "border-green": {
327 | borderColor: "#38c172"
328 | },
329 | "border-green-light": {
330 | borderColor: "#51d88a"
331 | },
332 | "border-green-lighter": {
333 | borderColor: "#a2f5bf"
334 | },
335 | "border-green-lightest": {
336 | borderColor: "#e3fcec"
337 | },
338 | "border-teal-darkest": {
339 | borderColor: "#0d3331"
340 | },
341 | "border-teal-darker": {
342 | borderColor: "#20504f"
343 | },
344 | "border-teal-dark": {
345 | borderColor: "#38a89d"
346 | },
347 | "border-teal": {
348 | borderColor: "#4dc0b5"
349 | },
350 | "border-teal-light": {
351 | borderColor: "#64d5ca"
352 | },
353 | "border-teal-lighter": {
354 | borderColor: "#a0f0ed"
355 | },
356 | "border-teal-lightest": {
357 | borderColor: "#e8fffe"
358 | },
359 | "border-blue-darkest": {
360 | borderColor: "#12283a"
361 | },
362 | "border-blue-darker": {
363 | borderColor: "#1c3d5a"
364 | },
365 | "border-blue-dark": {
366 | borderColor: "#2779bd"
367 | },
368 | "border-blue": {
369 | borderColor: "#3490dc"
370 | },
371 | "border-blue-light": {
372 | borderColor: "#6cb2eb"
373 | },
374 | "border-blue-lighter": {
375 | borderColor: "#bcdefa"
376 | },
377 | "border-blue-lightest": {
378 | borderColor: "#eff8ff"
379 | },
380 | "border-indigo-darkest": {
381 | borderColor: "#191e38"
382 | },
383 | "border-indigo-darker": {
384 | borderColor: "#2f365f"
385 | },
386 | "border-indigo-dark": {
387 | borderColor: "#5661b3"
388 | },
389 | "border-indigo": {
390 | borderColor: "#6574cd"
391 | },
392 | "border-indigo-light": {
393 | borderColor: "#7886d7"
394 | },
395 | "border-indigo-lighter": {
396 | borderColor: "#b2b7ff"
397 | },
398 | "border-indigo-lightest": {
399 | borderColor: "#e6e8ff"
400 | },
401 | "border-purple-darkest": {
402 | borderColor: "#21183c"
403 | },
404 | "border-purple-darker": {
405 | borderColor: "#382b5f"
406 | },
407 | "border-purple-dark": {
408 | borderColor: "#794acf"
409 | },
410 | "border-purple": {
411 | borderColor: "#9561e2"
412 | },
413 | "border-purple-light": {
414 | borderColor: "#a779e9"
415 | },
416 | "border-purple-lighter": {
417 | borderColor: "#d6bbfc"
418 | },
419 | "border-purple-lightest": {
420 | borderColor: "#f3ebff"
421 | },
422 | "border-pink-darkest": {
423 | borderColor: "#451225"
424 | },
425 | "border-pink-darker": {
426 | borderColor: "#6f213f"
427 | },
428 | "border-pink-dark": {
429 | borderColor: "#eb5286"
430 | },
431 | "border-pink": {
432 | borderColor: "#f66d9b"
433 | },
434 | "border-pink-light": {
435 | borderColor: "#fa7ea8"
436 | },
437 | "border-pink-lighter": {
438 | borderColor: "#ffbbca"
439 | },
440 | "border-pink-lightest": {
441 | borderColor: "#ffebef"
442 | },
443 | "rounded-none": {
444 | borderRadius: 0
445 | },
446 | "rounded-sm": {
447 | borderRadius: 2
448 | },
449 | "rounded": {
450 | borderRadius: 4
451 | },
452 | "rounded-lg": {
453 | borderRadius: 8
454 | },
455 | "rounded-full": {
456 | borderRadius: 9999
457 | },
458 | "rounded-t-none": {
459 | borderTopLeftRadius: 0,
460 | borderTopRightRadius: 0
461 | },
462 | "rounded-r-none": {
463 | borderTopRightRadius: 0,
464 | borderBottomRightRadius: 0
465 | },
466 | "rounded-b-none": {
467 | borderBottomRightRadius: 0,
468 | borderBottomLeftRadius: 0
469 | },
470 | "rounded-l-none": {
471 | borderTopLeftRadius: 0,
472 | borderBottomLeftRadius: 0
473 | },
474 | "rounded-t-sm": {
475 | borderTopLeftRadius: 2,
476 | borderTopRightRadius: 2
477 | },
478 | "rounded-r-sm": {
479 | borderTopRightRadius: 2,
480 | borderBottomRightRadius: 2
481 | },
482 | "rounded-b-sm": {
483 | borderBottomRightRadius: 2,
484 | borderBottomLeftRadius: 2
485 | },
486 | "rounded-l-sm": {
487 | borderTopLeftRadius: 2,
488 | borderBottomLeftRadius: 2
489 | },
490 | "rounded-t": {
491 | borderTopLeftRadius: 4,
492 | borderTopRightRadius: 4
493 | },
494 | "rounded-r": {
495 | borderTopRightRadius: 4,
496 | borderBottomRightRadius: 4
497 | },
498 | "rounded-b": {
499 | borderBottomRightRadius: 4,
500 | borderBottomLeftRadius: 4
501 | },
502 | "rounded-l": {
503 | borderTopLeftRadius: 4,
504 | borderBottomLeftRadius: 4
505 | },
506 | "rounded-t-lg": {
507 | borderTopLeftRadius: 8,
508 | borderTopRightRadius: 8
509 | },
510 | "rounded-r-lg": {
511 | borderTopRightRadius: 8,
512 | borderBottomRightRadius: 8
513 | },
514 | "rounded-b-lg": {
515 | borderBottomRightRadius: 8,
516 | borderBottomLeftRadius: 8
517 | },
518 | "rounded-l-lg": {
519 | borderTopLeftRadius: 8,
520 | borderBottomLeftRadius: 8
521 | },
522 | "rounded-t-full": {
523 | borderTopLeftRadius: 9999,
524 | borderTopRightRadius: 9999
525 | },
526 | "rounded-r-full": {
527 | borderTopRightRadius: 9999,
528 | borderBottomRightRadius: 9999
529 | },
530 | "rounded-b-full": {
531 | borderBottomRightRadius: 9999,
532 | borderBottomLeftRadius: 9999
533 | },
534 | "rounded-l-full": {
535 | borderTopLeftRadius: 9999,
536 | borderBottomLeftRadius: 9999
537 | },
538 | "rounded-tl-none": {
539 | borderTopLeftRadius: 0
540 | },
541 | "rounded-tr-none": {
542 | borderTopRightRadius: 0
543 | },
544 | "rounded-br-none": {
545 | borderBottomRightRadius: 0
546 | },
547 | "rounded-bl-none": {
548 | borderBottomLeftRadius: 0
549 | },
550 | "rounded-tl-sm": {
551 | borderTopLeftRadius: 2
552 | },
553 | "rounded-tr-sm": {
554 | borderTopRightRadius: 2
555 | },
556 | "rounded-br-sm": {
557 | borderBottomRightRadius: 2
558 | },
559 | "rounded-bl-sm": {
560 | borderBottomLeftRadius: 2
561 | },
562 | "rounded-tl": {
563 | borderTopLeftRadius: 4
564 | },
565 | "rounded-tr": {
566 | borderTopRightRadius: 4
567 | },
568 | "rounded-br": {
569 | borderBottomRightRadius: 4
570 | },
571 | "rounded-bl": {
572 | borderBottomLeftRadius: 4
573 | },
574 | "rounded-tl-lg": {
575 | borderTopLeftRadius: 8
576 | },
577 | "rounded-tr-lg": {
578 | borderTopRightRadius: 8
579 | },
580 | "rounded-br-lg": {
581 | borderBottomRightRadius: 8
582 | },
583 | "rounded-bl-lg": {
584 | borderBottomLeftRadius: 8
585 | },
586 | "rounded-tl-full": {
587 | borderTopLeftRadius: 9999
588 | },
589 | "rounded-tr-full": {
590 | borderTopRightRadius: 9999
591 | },
592 | "rounded-br-full": {
593 | borderBottomRightRadius: 9999
594 | },
595 | "rounded-bl-full": {
596 | borderBottomLeftRadius: 9999
597 | },
598 | "border-solid": {
599 | borderStyle: "solid"
600 | },
601 | "border-dashed": {
602 | borderStyle: "dashed"
603 | },
604 | "border-dotted": {
605 | borderStyle: "dotted"
606 | },
607 | "border-0": {
608 | borderWidth: 0
609 | },
610 | "border-2": {
611 | borderWidth: 2
612 | },
613 | "border-4": {
614 | borderWidth: 4
615 | },
616 | "border-8": {
617 | borderWidth: 8
618 | },
619 | "border": {
620 | borderWidth: 1
621 | },
622 | "border-t-0": {
623 | borderTopWidth: 0
624 | },
625 | "border-r-0": {
626 | borderRightWidth: 0
627 | },
628 | "border-b-0": {
629 | borderBottomWidth: 0
630 | },
631 | "border-l-0": {
632 | borderLeftWidth: 0
633 | },
634 | "border-t-2": {
635 | borderTopWidth: 2
636 | },
637 | "border-r-2": {
638 | borderRightWidth: 2
639 | },
640 | "border-b-2": {
641 | borderBottomWidth: 2
642 | },
643 | "border-l-2": {
644 | borderLeftWidth: 2
645 | },
646 | "border-t-4": {
647 | borderTopWidth: 4
648 | },
649 | "border-r-4": {
650 | borderRightWidth: 4
651 | },
652 | "border-b-4": {
653 | borderBottomWidth: 4
654 | },
655 | "border-l-4": {
656 | borderLeftWidth: 4
657 | },
658 | "border-t-8": {
659 | borderTopWidth: 8
660 | },
661 | "border-r-8": {
662 | borderRightWidth: 8
663 | },
664 | "border-b-8": {
665 | borderBottomWidth: 8
666 | },
667 | "border-l-8": {
668 | borderLeftWidth: 8
669 | },
670 | "border-t": {
671 | borderTopWidth: 1
672 | },
673 | "border-r": {
674 | borderRightWidth: 1
675 | },
676 | "border-b": {
677 | borderBottomWidth: 1
678 | },
679 | "border-l": {
680 | borderLeftWidth: 1
681 | },
682 | "hidden": {
683 | display: "none"
684 | },
685 | "flex": {
686 | display: "flex"
687 | },
688 | "flex-row": {
689 | flexDirection: "row"
690 | },
691 | "flex-row-reverse": {
692 | flexDirection: "row-reverse"
693 | },
694 | "flex-col": {
695 | flexDirection: "column"
696 | },
697 | "flex-col-reverse": {
698 | flexDirection: "column-reverse"
699 | },
700 | "flex-wrap": {
701 | flexWrap: "wrap"
702 | },
703 | "flex-no-wrap": {
704 | flexWrap: "nowrap"
705 | },
706 | "items-start": {
707 | alignItems: "flex-start"
708 | },
709 | "items-end": {
710 | alignItems: "flex-end"
711 | },
712 | "items-center": {
713 | alignItems: "center"
714 | },
715 | "items-baseline": {
716 | alignItems: "baseline"
717 | },
718 | "items-stretch": {
719 | alignItems: "stretch"
720 | },
721 | "self-auto": {
722 | alignSelf: "auto"
723 | },
724 | "self-start": {
725 | alignSelf: "flex-start"
726 | },
727 | "self-end": {
728 | alignSelf: "flex-end"
729 | },
730 | "self-center": {
731 | alignSelf: "center"
732 | },
733 | "self-stretch": {
734 | alignSelf: "stretch"
735 | },
736 | "justify-start": {
737 | justifyContent: "flex-start"
738 | },
739 | "justify-end": {
740 | justifyContent: "flex-end"
741 | },
742 | "justify-center": {
743 | justifyContent: "center"
744 | },
745 | "justify-between": {
746 | justifyContent: "space-between"
747 | },
748 | "justify-around": {
749 | justifyContent: "space-around"
750 | },
751 | "content-center": {
752 | alignContent: "center"
753 | },
754 | "content-start": {
755 | alignContent: "flex-start"
756 | },
757 | "content-end": {
758 | alignContent: "flex-end"
759 | },
760 | "content-between": {
761 | alignContent: "space-between"
762 | },
763 | "content-around": {
764 | alignContent: "space-around"
765 | },
766 | "flex-1": {
767 | flex: 1
768 | },
769 | "font-sans": {
770 | fontFamily:
771 | "system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif"
772 | },
773 | "font-serif": {
774 | fontFamily:
775 | "Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif"
776 | },
777 | "font-mono": {
778 | fontFamily:
779 | "Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
780 | },
781 | "font-hairline": {
782 | fontWeight: "100"
783 | },
784 | "font-thin": {
785 | fontWeight: "200"
786 | },
787 | "font-light": {
788 | fontWeight: "300"
789 | },
790 | "font-normal": {
791 | fontWeight: "400"
792 | },
793 | "font-medium": {
794 | fontWeight: "500"
795 | },
796 | "font-semibold": {
797 | fontWeight: "600"
798 | },
799 | "font-bold": {
800 | fontWeight: "700"
801 | },
802 | "font-extrabold": {
803 | fontWeight: "800"
804 | },
805 | "font-black": {
806 | fontWeight: "900"
807 | },
808 | "h-1": {
809 | height: 4
810 | },
811 | "h-2": {
812 | height: 8
813 | },
814 | "h-3": {
815 | height: 12
816 | },
817 | "h-4": {
818 | height: 16
819 | },
820 | "h-6": {
821 | height: 24
822 | },
823 | "h-8": {
824 | height: 32
825 | },
826 | "h-10": {
827 | height: 40
828 | },
829 | "h-12": {
830 | height: 48
831 | },
832 | "h-16": {
833 | height: 64
834 | },
835 | "h-24": {
836 | height: 96
837 | },
838 | "h-32": {
839 | height: 128
840 | },
841 | "h-48": {
842 | height: 192
843 | },
844 | "h-64": {
845 | height: 256
846 | },
847 | "h-auto": {
848 | height: "auto"
849 | },
850 | "h-px": {
851 | height: 1
852 | },
853 | "h-full": {
854 | height: "100%"
855 | },
856 | "leading-none": {
857 | lineHeight: 1
858 | },
859 | "leading-tight": {
860 | lineHeight: 1
861 | },
862 | "leading-normal": {
863 | lineHeight: 1
864 | },
865 | "leading-loose": {
866 | lineHeight: 2
867 | },
868 | "m-0": {
869 | marginTop: 0,
870 | marginBottom: 0,
871 | marginRight: 0,
872 | marginLeft: 0
873 | },
874 | "m-1": {
875 | marginTop: 4,
876 | marginBottom: 4,
877 | marginRight: 4,
878 | marginLeft: 4
879 | },
880 | "m-2": {
881 | marginTop: 8,
882 | marginBottom: 8,
883 | marginRight: 8,
884 | marginLeft: 8
885 | },
886 | "m-3": {
887 | marginTop: 12,
888 | marginBottom: 12,
889 | marginRight: 12,
890 | marginLeft: 12
891 | },
892 | "m-4": {
893 | marginTop: 16,
894 | marginBottom: 16,
895 | marginRight: 16,
896 | marginLeft: 16
897 | },
898 | "m-6": {
899 | marginTop: 24,
900 | marginBottom: 24,
901 | marginRight: 24,
902 | marginLeft: 24
903 | },
904 | "m-8": {
905 | marginTop: 32,
906 | marginBottom: 32,
907 | marginRight: 32,
908 | marginLeft: 32
909 | },
910 | "m-auto": {
911 | marginTop: "auto",
912 | marginBottom: "auto",
913 | marginRight: "auto",
914 | marginLeft: "auto"
915 | },
916 | "m-px": {
917 | marginTop: 1,
918 | marginBottom: 1,
919 | marginRight: 1,
920 | marginLeft: 1
921 | },
922 | "my-0": {
923 | marginTop: 0,
924 | marginBottom: 0
925 | },
926 | "mx-0": {
927 | marginLeft: 0,
928 | marginRight: 0
929 | },
930 | "my-1": {
931 | marginTop: 4,
932 | marginBottom: 4
933 | },
934 | "mx-1": {
935 | marginLeft: 4,
936 | marginRight: 4
937 | },
938 | "my-2": {
939 | marginTop: 8,
940 | marginBottom: 8
941 | },
942 | "mx-2": {
943 | marginLeft: 8,
944 | marginRight: 8
945 | },
946 | "my-3": {
947 | marginTop: 12,
948 | marginBottom: 12
949 | },
950 | "mx-3": {
951 | marginLeft: 12,
952 | marginRight: 12
953 | },
954 | "my-4": {
955 | marginTop: 16,
956 | marginBottom: 16
957 | },
958 | "mx-4": {
959 | marginLeft: 16,
960 | marginRight: 16
961 | },
962 | "my-6": {
963 | marginTop: 24,
964 | marginBottom: 24
965 | },
966 | "mx-6": {
967 | marginLeft: 24,
968 | marginRight: 24
969 | },
970 | "my-8": {
971 | marginTop: 32,
972 | marginBottom: 32
973 | },
974 | "mx-8": {
975 | marginLeft: 32,
976 | marginRight: 32
977 | },
978 | "my-auto": {
979 | marginTop: "auto",
980 | marginBottom: "auto"
981 | },
982 | "mx-auto": {
983 | marginLeft: "auto",
984 | marginRight: "auto"
985 | },
986 | "my-px": {
987 | marginTop: 1,
988 | marginBottom: 1
989 | },
990 | "mx-px": {
991 | marginLeft: 1,
992 | marginRight: 1
993 | },
994 | "mt-0": {
995 | marginTop: 0
996 | },
997 | "mr-0": {
998 | marginRight: 0
999 | },
1000 | "mb-0": {
1001 | marginBottom: 0
1002 | },
1003 | "ml-0": {
1004 | marginLeft: 0
1005 | },
1006 | "mt-1": {
1007 | marginTop: 4
1008 | },
1009 | "mr-1": {
1010 | marginRight: 4
1011 | },
1012 | "mb-1": {
1013 | marginBottom: 4
1014 | },
1015 | "ml-1": {
1016 | marginLeft: 4
1017 | },
1018 | "mt-2": {
1019 | marginTop: 8
1020 | },
1021 | "mr-2": {
1022 | marginRight: 8
1023 | },
1024 | "mb-2": {
1025 | marginBottom: 8
1026 | },
1027 | "ml-2": {
1028 | marginLeft: 8
1029 | },
1030 | "mt-3": {
1031 | marginTop: 12
1032 | },
1033 | "mr-3": {
1034 | marginRight: 12
1035 | },
1036 | "mb-3": {
1037 | marginBottom: 12
1038 | },
1039 | "ml-3": {
1040 | marginLeft: 12
1041 | },
1042 | "mt-4": {
1043 | marginTop: 16
1044 | },
1045 | "mr-4": {
1046 | marginRight: 16
1047 | },
1048 | "mb-4": {
1049 | marginBottom: 16
1050 | },
1051 | "ml-4": {
1052 | marginLeft: 16
1053 | },
1054 | "mt-6": {
1055 | marginTop: 24
1056 | },
1057 | "mr-6": {
1058 | marginRight: 24
1059 | },
1060 | "mb-6": {
1061 | marginBottom: 24
1062 | },
1063 | "ml-6": {
1064 | marginLeft: 24
1065 | },
1066 | "mt-8": {
1067 | marginTop: 32
1068 | },
1069 | "mr-8": {
1070 | marginRight: 32
1071 | },
1072 | "mb-8": {
1073 | marginBottom: 32
1074 | },
1075 | "ml-8": {
1076 | marginLeft: 32
1077 | },
1078 | "mt-auto": {
1079 | marginTop: "auto"
1080 | },
1081 | "mr-auto": {
1082 | marginRight: "auto"
1083 | },
1084 | "mb-auto": {
1085 | marginBottom: "auto"
1086 | },
1087 | "ml-auto": {
1088 | marginLeft: "auto"
1089 | },
1090 | "mt-px": {
1091 | marginTop: 1
1092 | },
1093 | "mr-px": {
1094 | marginRight: 1
1095 | },
1096 | "mb-px": {
1097 | marginBottom: 1
1098 | },
1099 | "ml-px": {
1100 | marginLeft: 1
1101 | },
1102 | "max-h-full": {
1103 | maxHeight: "100%"
1104 | },
1105 | "max-w-xs": {
1106 | maxWidth: 320
1107 | },
1108 | "max-w-sm": {
1109 | maxWidth: 480
1110 | },
1111 | "max-w-md": {
1112 | maxWidth: 640
1113 | },
1114 | "max-w-lg": {
1115 | maxWidth: 800
1116 | },
1117 | "max-w-xl": {
1118 | maxWidth: 960
1119 | },
1120 | "max-w-2xl": {
1121 | maxWidth: 1120
1122 | },
1123 | "max-w-3xl": {
1124 | maxWidth: 1280
1125 | },
1126 | "max-w-4xl": {
1127 | maxWidth: 1440
1128 | },
1129 | "max-w-5xl": {
1130 | maxWidth: 1600
1131 | },
1132 | "max-w-full": {
1133 | maxWidth: "100%"
1134 | },
1135 | "min-h-0": {
1136 | minHeight: 0
1137 | },
1138 | "min-h-full": {
1139 | minHeight: "100%"
1140 | },
1141 | "min-w-0": {
1142 | minWidth: 0
1143 | },
1144 | "min-w-full": {
1145 | minWidth: "100%"
1146 | },
1147 | "-m-0": {
1148 | marginTop: 0,
1149 | marginBottom: 0,
1150 | marginRight: 0,
1151 | marginLeft: 0
1152 | },
1153 | "-m-1": {
1154 | marginTop: -4,
1155 | marginBottom: -4,
1156 | marginRight: -4,
1157 | marginLeft: -4
1158 | },
1159 | "-m-2": {
1160 | marginTop: -8,
1161 | marginBottom: -8,
1162 | marginRight: -8,
1163 | marginLeft: -8
1164 | },
1165 | "-m-3": {
1166 | marginTop: -12,
1167 | marginBottom: -12,
1168 | marginRight: -12,
1169 | marginLeft: -12
1170 | },
1171 | "-m-4": {
1172 | marginTop: -16,
1173 | marginBottom: -16,
1174 | marginRight: -16,
1175 | marginLeft: -16
1176 | },
1177 | "-m-6": {
1178 | marginTop: -24,
1179 | marginBottom: -24,
1180 | marginRight: -24,
1181 | marginLeft: -24
1182 | },
1183 | "-m-8": {
1184 | marginTop: -32,
1185 | marginBottom: -32,
1186 | marginRight: -32,
1187 | marginLeft: -32
1188 | },
1189 | "-m-px": {
1190 | marginTop: -1,
1191 | marginBottom: -1,
1192 | marginRight: -1,
1193 | marginLeft: -1
1194 | },
1195 | "-my-0": {
1196 | marginTop: 0,
1197 | marginBottom: 0
1198 | },
1199 | "-mx-0": {
1200 | marginLeft: 0,
1201 | marginRight: 0
1202 | },
1203 | "-my-1": {
1204 | marginTop: -4,
1205 | marginBottom: -4
1206 | },
1207 | "-mx-1": {
1208 | marginLeft: -4,
1209 | marginRight: -4
1210 | },
1211 | "-my-2": {
1212 | marginTop: -8,
1213 | marginBottom: -8
1214 | },
1215 | "-mx-2": {
1216 | marginLeft: -8,
1217 | marginRight: -8
1218 | },
1219 | "-my-3": {
1220 | marginTop: -12,
1221 | marginBottom: -12
1222 | },
1223 | "-mx-3": {
1224 | marginLeft: -12,
1225 | marginRight: -12
1226 | },
1227 | "-my-4": {
1228 | marginTop: -16,
1229 | marginBottom: -16
1230 | },
1231 | "-mx-4": {
1232 | marginLeft: -16,
1233 | marginRight: -16
1234 | },
1235 | "-my-6": {
1236 | marginTop: -24,
1237 | marginBottom: -24
1238 | },
1239 | "-mx-6": {
1240 | marginLeft: -24,
1241 | marginRight: -24
1242 | },
1243 | "-my-8": {
1244 | marginTop: -32,
1245 | marginBottom: -32
1246 | },
1247 | "-mx-8": {
1248 | marginLeft: -32,
1249 | marginRight: -32
1250 | },
1251 | "-my-px": {
1252 | marginTop: -1,
1253 | marginBottom: -1
1254 | },
1255 | "-mx-px": {
1256 | marginLeft: -1,
1257 | marginRight: -1
1258 | },
1259 | "-mt-0": {
1260 | marginTop: 0
1261 | },
1262 | "-mr-0": {
1263 | marginRight: 0
1264 | },
1265 | "-mb-0": {
1266 | marginBottom: 0
1267 | },
1268 | "-ml-0": {
1269 | marginLeft: 0
1270 | },
1271 | "-mt-1": {
1272 | marginTop: -4
1273 | },
1274 | "-mr-1": {
1275 | marginRight: -4
1276 | },
1277 | "-mb-1": {
1278 | marginBottom: -4
1279 | },
1280 | "-ml-1": {
1281 | marginLeft: -4
1282 | },
1283 | "-mt-2": {
1284 | marginTop: -8
1285 | },
1286 | "-mr-2": {
1287 | marginRight: -8
1288 | },
1289 | "-mb-2": {
1290 | marginBottom: -8
1291 | },
1292 | "-ml-2": {
1293 | marginLeft: -8
1294 | },
1295 | "-mt-3": {
1296 | marginTop: -12
1297 | },
1298 | "-mr-3": {
1299 | marginRight: -12
1300 | },
1301 | "-mb-3": {
1302 | marginBottom: -12
1303 | },
1304 | "-ml-3": {
1305 | marginLeft: -12
1306 | },
1307 | "-mt-4": {
1308 | marginTop: -16
1309 | },
1310 | "-mr-4": {
1311 | marginRight: -16
1312 | },
1313 | "-mb-4": {
1314 | marginBottom: -16
1315 | },
1316 | "-ml-4": {
1317 | marginLeft: -16
1318 | },
1319 | "-mt-6": {
1320 | marginTop: -24
1321 | },
1322 | "-mr-6": {
1323 | marginRight: -24
1324 | },
1325 | "-mb-6": {
1326 | marginBottom: -24
1327 | },
1328 | "-ml-6": {
1329 | marginLeft: -24
1330 | },
1331 | "-mt-8": {
1332 | marginTop: -32
1333 | },
1334 | "-mr-8": {
1335 | marginRight: -32
1336 | },
1337 | "-mb-8": {
1338 | marginBottom: -32
1339 | },
1340 | "-ml-8": {
1341 | marginLeft: -32
1342 | },
1343 | "-mt-px": {
1344 | marginTop: -1
1345 | },
1346 | "-mr-px": {
1347 | marginRight: -1
1348 | },
1349 | "-mb-px": {
1350 | marginBottom: -1
1351 | },
1352 | "-ml-px": {
1353 | marginLeft: -1
1354 | },
1355 | "opacity-0": {
1356 | opacity: 0
1357 | },
1358 | "opacity-25": {
1359 | opacity: 0.25
1360 | },
1361 | "opacity-50": {
1362 | opacity: 0.5
1363 | },
1364 | "opacity-75": {
1365 | opacity: 0.75
1366 | },
1367 | "opacity-100": {
1368 | opacity: 1
1369 | },
1370 | "p-0": {
1371 | paddingTop: 0,
1372 | paddingBottom: 0,
1373 | paddingRight: 0,
1374 | paddingLeft: 0
1375 | },
1376 | "p-1": {
1377 | paddingTop: 4,
1378 | paddingBottom: 4,
1379 | paddingRight: 4,
1380 | paddingLeft: 4
1381 | },
1382 | "p-2": {
1383 | paddingTop: 8,
1384 | paddingBottom: 8,
1385 | paddingRight: 8,
1386 | paddingLeft: 8
1387 | },
1388 | "p-3": {
1389 | paddingTop: 12,
1390 | paddingBottom: 12,
1391 | paddingRight: 12,
1392 | paddingLeft: 12
1393 | },
1394 | "p-4": {
1395 | paddingTop: 16,
1396 | paddingBottom: 16,
1397 | paddingRight: 16,
1398 | paddingLeft: 16
1399 | },
1400 | "p-6": {
1401 | paddingTop: 24,
1402 | paddingBottom: 24,
1403 | paddingRight: 24,
1404 | paddingLeft: 24
1405 | },
1406 | "p-8": {
1407 | paddingTop: 32,
1408 | paddingBottom: 32,
1409 | paddingRight: 32,
1410 | paddingLeft: 32
1411 | },
1412 | "p-px": {
1413 | paddingTop: 1,
1414 | paddingBottom: 1,
1415 | paddingRight: 1,
1416 | paddingLeft: 1
1417 | },
1418 | "py-0": {
1419 | paddingTop: 0,
1420 | paddingBottom: 0
1421 | },
1422 | "px-0": {
1423 | paddingLeft: 0,
1424 | paddingRight: 0
1425 | },
1426 | "py-1": {
1427 | paddingTop: 4,
1428 | paddingBottom: 4
1429 | },
1430 | "px-1": {
1431 | paddingLeft: 4,
1432 | paddingRight: 4
1433 | },
1434 | "py-2": {
1435 | paddingTop: 8,
1436 | paddingBottom: 8
1437 | },
1438 | "px-2": {
1439 | paddingLeft: 8,
1440 | paddingRight: 8
1441 | },
1442 | "py-3": {
1443 | paddingTop: 12,
1444 | paddingBottom: 12
1445 | },
1446 | "px-3": {
1447 | paddingLeft: 12,
1448 | paddingRight: 12
1449 | },
1450 | "py-4": {
1451 | paddingTop: 16,
1452 | paddingBottom: 16
1453 | },
1454 | "px-4": {
1455 | paddingLeft: 16,
1456 | paddingRight: 16
1457 | },
1458 | "py-6": {
1459 | paddingTop: 24,
1460 | paddingBottom: 24
1461 | },
1462 | "px-6": {
1463 | paddingLeft: 24,
1464 | paddingRight: 24
1465 | },
1466 | "py-8": {
1467 | paddingTop: 32,
1468 | paddingBottom: 32
1469 | },
1470 | "px-8": {
1471 | paddingLeft: 32,
1472 | paddingRight: 32
1473 | },
1474 | "py-px": {
1475 | paddingTop: 1,
1476 | paddingBottom: 1
1477 | },
1478 | "px-px": {
1479 | paddingLeft: 1,
1480 | paddingRight: 1
1481 | },
1482 | "pt-0": {
1483 | paddingTop: 0
1484 | },
1485 | "pr-0": {
1486 | paddingRight: 0
1487 | },
1488 | "pb-0": {
1489 | paddingBottom: 0
1490 | },
1491 | "pl-0": {
1492 | paddingLeft: 0
1493 | },
1494 | "pt-1": {
1495 | paddingTop: 4
1496 | },
1497 | "pr-1": {
1498 | paddingRight: 4
1499 | },
1500 | "pb-1": {
1501 | paddingBottom: 4
1502 | },
1503 | "pl-1": {
1504 | paddingLeft: 4
1505 | },
1506 | "pt-2": {
1507 | paddingTop: 8
1508 | },
1509 | "pr-2": {
1510 | paddingRight: 8
1511 | },
1512 | "pb-2": {
1513 | paddingBottom: 8
1514 | },
1515 | "pl-2": {
1516 | paddingLeft: 8
1517 | },
1518 | "pt-3": {
1519 | paddingTop: 12
1520 | },
1521 | "pr-3": {
1522 | paddingRight: 12
1523 | },
1524 | "pb-3": {
1525 | paddingBottom: 12
1526 | },
1527 | "pl-3": {
1528 | paddingLeft: 12
1529 | },
1530 | "pt-4": {
1531 | paddingTop: 16
1532 | },
1533 | "pr-4": {
1534 | paddingRight: 16
1535 | },
1536 | "pb-4": {
1537 | paddingBottom: 16
1538 | },
1539 | "pl-4": {
1540 | paddingLeft: 16
1541 | },
1542 | "pt-6": {
1543 | paddingTop: 24
1544 | },
1545 | "pr-6": {
1546 | paddingRight: 24
1547 | },
1548 | "pb-6": {
1549 | paddingBottom: 24
1550 | },
1551 | "pl-6": {
1552 | paddingLeft: 24
1553 | },
1554 | "pt-8": {
1555 | paddingTop: 32
1556 | },
1557 | "pr-8": {
1558 | paddingRight: 32
1559 | },
1560 | "pb-8": {
1561 | paddingBottom: 32
1562 | },
1563 | "pl-8": {
1564 | paddingLeft: 32
1565 | },
1566 | "pt-px": {
1567 | paddingTop: 1
1568 | },
1569 | "pr-px": {
1570 | paddingRight: 1
1571 | },
1572 | "pb-px": {
1573 | paddingBottom: 1
1574 | },
1575 | "pl-px": {
1576 | paddingLeft: 1
1577 | },
1578 | "absolute": {
1579 | position: "absolute"
1580 | },
1581 | "relative": {
1582 | position: "relative"
1583 | },
1584 | "pin-none": {
1585 | top: "auto",
1586 | right: "auto",
1587 | bottom: "auto",
1588 | left: "auto"
1589 | },
1590 | "pin": {
1591 | top: 0,
1592 | right: 0,
1593 | bottom: 0,
1594 | left: 0
1595 | },
1596 | "pin-y": {
1597 | top: 0,
1598 | bottom: 0
1599 | },
1600 | "pin-x": {
1601 | right: 0,
1602 | left: 0
1603 | },
1604 | "pin-t": {
1605 | top: 0
1606 | },
1607 | "pin-r": {
1608 | right: 0
1609 | },
1610 | "pin-b": {
1611 | bottom: 0
1612 | },
1613 | "pin-l": {
1614 | left: 0
1615 | },
1616 | "text-left": {
1617 | textAlign: "left"
1618 | },
1619 | "text-center": {
1620 | textAlign: "center"
1621 | },
1622 | "text-right": {
1623 | textAlign: "right"
1624 | },
1625 | "text-justify": {
1626 | textAlign: "justify"
1627 | },
1628 | "text-transparent": {
1629 | color: "transparent"
1630 | },
1631 | "text-black": {
1632 | color: "#22292f"
1633 | },
1634 | "text-grey-darkest": {
1635 | color: "#3d4852"
1636 | },
1637 | "text-grey-darker": {
1638 | color: "#606f7b"
1639 | },
1640 | "text-grey-dark": {
1641 | color: "#8795a1"
1642 | },
1643 | "text-grey": {
1644 | color: "#b8c2cc"
1645 | },
1646 | "text-grey-light": {
1647 | color: "#dae1e7"
1648 | },
1649 | "text-grey-lighter": {
1650 | color: "#f1f5f8"
1651 | },
1652 | "text-grey-lightest": {
1653 | color: "#f8fafc"
1654 | },
1655 | "text-white": {
1656 | color: "#fff"
1657 | },
1658 | "text-red-darkest": {
1659 | color: "#3b0d0c"
1660 | },
1661 | "text-red-darker": {
1662 | color: "#621b18"
1663 | },
1664 | "text-red-dark": {
1665 | color: "#cc1f1a"
1666 | },
1667 | "text-red": {
1668 | color: "#e3342f"
1669 | },
1670 | "text-red-light": {
1671 | color: "#ef5753"
1672 | },
1673 | "text-red-lighter": {
1674 | color: "#f9acaa"
1675 | },
1676 | "text-red-lightest": {
1677 | color: "#fcebea"
1678 | },
1679 | "text-orange-darkest": {
1680 | color: "#462a16"
1681 | },
1682 | "text-orange-darker": {
1683 | color: "#613b1f"
1684 | },
1685 | "text-orange-dark": {
1686 | color: "#de751f"
1687 | },
1688 | "text-orange": {
1689 | color: "#f6993f"
1690 | },
1691 | "text-orange-light": {
1692 | color: "#faad63"
1693 | },
1694 | "text-orange-lighter": {
1695 | color: "#fcd9b6"
1696 | },
1697 | "text-orange-lightest": {
1698 | color: "#fff5eb"
1699 | },
1700 | "text-yellow-darkest": {
1701 | color: "#453411"
1702 | },
1703 | "text-yellow-darker": {
1704 | color: "#684f1d"
1705 | },
1706 | "text-yellow-dark": {
1707 | color: "#f2d024"
1708 | },
1709 | "text-yellow": {
1710 | color: "#ffed4a"
1711 | },
1712 | "text-yellow-light": {
1713 | color: "#fff382"
1714 | },
1715 | "text-yellow-lighter": {
1716 | color: "#fff9c2"
1717 | },
1718 | "text-yellow-lightest": {
1719 | color: "#fcfbeb"
1720 | },
1721 | "text-green-darkest": {
1722 | color: "#0f2f21"
1723 | },
1724 | "text-green-darker": {
1725 | color: "#1a4731"
1726 | },
1727 | "text-green-dark": {
1728 | color: "#1f9d55"
1729 | },
1730 | "text-green": {
1731 | color: "#38c172"
1732 | },
1733 | "text-green-light": {
1734 | color: "#51d88a"
1735 | },
1736 | "text-green-lighter": {
1737 | color: "#a2f5bf"
1738 | },
1739 | "text-green-lightest": {
1740 | color: "#e3fcec"
1741 | },
1742 | "text-teal-darkest": {
1743 | color: "#0d3331"
1744 | },
1745 | "text-teal-darker": {
1746 | color: "#20504f"
1747 | },
1748 | "text-teal-dark": {
1749 | color: "#38a89d"
1750 | },
1751 | "text-teal": {
1752 | color: "#4dc0b5"
1753 | },
1754 | "text-teal-light": {
1755 | color: "#64d5ca"
1756 | },
1757 | "text-teal-lighter": {
1758 | color: "#a0f0ed"
1759 | },
1760 | "text-teal-lightest": {
1761 | color: "#e8fffe"
1762 | },
1763 | "text-blue-darkest": {
1764 | color: "#12283a"
1765 | },
1766 | "text-blue-darker": {
1767 | color: "#1c3d5a"
1768 | },
1769 | "text-blue-dark": {
1770 | color: "#2779bd"
1771 | },
1772 | "text-blue": {
1773 | color: "#3490dc"
1774 | },
1775 | "text-blue-light": {
1776 | color: "#6cb2eb"
1777 | },
1778 | "text-blue-lighter": {
1779 | color: "#bcdefa"
1780 | },
1781 | "text-blue-lightest": {
1782 | color: "#eff8ff"
1783 | },
1784 | "text-indigo-darkest": {
1785 | color: "#191e38"
1786 | },
1787 | "text-indigo-darker": {
1788 | color: "#2f365f"
1789 | },
1790 | "text-indigo-dark": {
1791 | color: "#5661b3"
1792 | },
1793 | "text-indigo": {
1794 | color: "#6574cd"
1795 | },
1796 | "text-indigo-light": {
1797 | color: "#7886d7"
1798 | },
1799 | "text-indigo-lighter": {
1800 | color: "#b2b7ff"
1801 | },
1802 | "text-indigo-lightest": {
1803 | color: "#e6e8ff"
1804 | },
1805 | "text-purple-darkest": {
1806 | color: "#21183c"
1807 | },
1808 | "text-purple-darker": {
1809 | color: "#382b5f"
1810 | },
1811 | "text-purple-dark": {
1812 | color: "#794acf"
1813 | },
1814 | "text-purple": {
1815 | color: "#9561e2"
1816 | },
1817 | "text-purple-light": {
1818 | color: "#a779e9"
1819 | },
1820 | "text-purple-lighter": {
1821 | color: "#d6bbfc"
1822 | },
1823 | "text-purple-lightest": {
1824 | color: "#f3ebff"
1825 | },
1826 | "text-pink-darkest": {
1827 | color: "#451225"
1828 | },
1829 | "text-pink-darker": {
1830 | color: "#6f213f"
1831 | },
1832 | "text-pink-dark": {
1833 | color: "#eb5286"
1834 | },
1835 | "text-pink": {
1836 | color: "#f66d9b"
1837 | },
1838 | "text-pink-light": {
1839 | color: "#fa7ea8"
1840 | },
1841 | "text-pink-lighter": {
1842 | color: "#ffbbca"
1843 | },
1844 | "text-pink-lightest": {
1845 | color: "#ffebef"
1846 | },
1847 | "text-xs": {
1848 | fontSize: 12
1849 | },
1850 | "text-sm": {
1851 | fontSize: 14
1852 | },
1853 | "text-base": {
1854 | fontSize: 16
1855 | },
1856 | "text-lg": {
1857 | fontSize: 18
1858 | },
1859 | "text-xl": {
1860 | fontSize: 20
1861 | },
1862 | "text-2xl": {
1863 | fontSize: 24
1864 | },
1865 | "text-3xl": {
1866 | fontSize: 30
1867 | },
1868 | "text-4xl": {
1869 | fontSize: 36
1870 | },
1871 | "text-5xl": {
1872 | fontSize: 48
1873 | },
1874 | "italic": {
1875 | fontStyle: "italic"
1876 | },
1877 | "roman": {
1878 | fontStyle: "normal"
1879 | },
1880 | "tracking-tight": {
1881 | letterSpacing: -0.8
1882 | },
1883 | "tracking-normal": {
1884 | letterSpacing: 0
1885 | },
1886 | "tracking-wide": {
1887 | letterSpacing: 0.8
1888 | },
1889 | "w-1": {
1890 | width: 4
1891 | },
1892 | "w-2": {
1893 | width: 8
1894 | },
1895 | "w-3": {
1896 | width: 12
1897 | },
1898 | "w-4": {
1899 | width: 16
1900 | },
1901 | "w-6": {
1902 | width: 24
1903 | },
1904 | "w-8": {
1905 | width: 32
1906 | },
1907 | "w-10": {
1908 | width: 40
1909 | },
1910 | "w-12": {
1911 | width: 48
1912 | },
1913 | "w-16": {
1914 | width: 64
1915 | },
1916 | "w-24": {
1917 | width: 96
1918 | },
1919 | "w-32": {
1920 | width: 128
1921 | },
1922 | "w-48": {
1923 | width: 192
1924 | },
1925 | "w-64": {
1926 | width: 256
1927 | },
1928 | "w-auto": {
1929 | width: "auto"
1930 | },
1931 | "w-px": {
1932 | width: 1
1933 | },
1934 | "w-1/2": {
1935 | width: "50%"
1936 | },
1937 | "w-1/3": {
1938 | width: "33.33333%"
1939 | },
1940 | "w-2/3": {
1941 | width: "66.66667%"
1942 | },
1943 | "w-1/4": {
1944 | width: "25%"
1945 | },
1946 | "w-3/4": {
1947 | width: "75%"
1948 | },
1949 | "w-1/5": {
1950 | width: "20%"
1951 | },
1952 | "w-2/5": {
1953 | width: "40%"
1954 | },
1955 | "w-3/5": {
1956 | width: "60%"
1957 | },
1958 | "w-4/5": {
1959 | width: "80%"
1960 | },
1961 | "w-1/6": {
1962 | width: "16.66667%"
1963 | },
1964 | "w-5/6": {
1965 | width: "83.33333%"
1966 | },
1967 | "w-full": {
1968 | width: "100%"
1969 | },
1970 | "w-screen": {
1971 | width: "100vw"
1972 | }
1973 | });
1974 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "crna-tailwind",
3 | "version": "0.1.0",
4 | "description": "Create React Native App styled with Tailwind, a ridiculously awesome utility-first CSS framework.",
5 | "license": "MIT",
6 | "repository": "https://github.com/taylorbryant/crna-tailwind.git",
7 | "bugs": "https://github.com/taylorbryant/crna-tailwind/issues",
8 | "contributors": ["Taylor Bryant "],
9 | "devDependencies": {
10 | "react-native-scripts": "2.0.1",
11 | "jest-expo": "35.0.0",
12 | "react-test-renderer": "16.9.0"
13 | },
14 | "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
15 | "scripts": {
16 | "start": "react-native-scripts start",
17 | "eject": "react-native-scripts eject",
18 | "android": "react-native-scripts android",
19 | "ios": "react-native-scripts ios",
20 | "test": "node node_modules/jest/bin/jest.js"
21 | },
22 | "jest": {
23 | "preset": "jest-expo"
24 | },
25 | "dependencies": {
26 | "expo": "^35.0.0",
27 | "react": "16.9.0",
28 | "react-native": "0.60.5"
29 | }
30 | }
--------------------------------------------------------------------------------
/renovate.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": [
3 | "config:base"
4 | ]
5 | }
6 |
--------------------------------------------------------------------------------
4 |
5 |