|
2 | 2 | // Created by César Estrada
|
3 | 3 | // https://github.com/macCesar/purgeTSS
|
4 | 4 |
|
5 |
| -// Tailwind styles |
6 |
| -'.-ml-1': { left: -4 } |
7 |
| -'.-mr-1': { right: -4 } |
8 |
| -'.-mx-1': { left: -4, right: -4 } |
9 |
| -'.bg-blue-200': { backgroundColor: '#bfdbfe' } |
10 |
| -'.bg-blue-500': { backgroundColor: '#3b82f6' } |
11 |
| -'.bg-blue-700': { backgroundColor: '#1d4ed8' } |
12 |
| -'.bg-blue-900': { backgroundColor: '#1e3a8a' } |
| 5 | +// Main styles |
| 6 | +'Button[platform=android]': { backgroundColor: 'transparent' } |
| 7 | +'ImageView[platform=ios]': { hires: true } |
| 8 | +'Label': { touchEnabled: false } |
| 9 | +'ScrollView': { contentWidth: Ti.UI.FILL, contentHeight: Ti.UI.SIZE } |
| 10 | +'ScrollView[platform=android]': { scrollType: 'vertical' } |
| 11 | +'TextArea': { touchEnabled: false } |
| 12 | +'View': { width: Ti.UI.SIZE, height: Ti.UI.SIZE } |
| 13 | +'Window': { backgroundColor: '#ffffff' } |
| 14 | +'.bg-white': { backgroundColor: '#ffffff' } |
| 15 | +'.bg-gray-50': { backgroundColor: '#f9fafb' } |
13 | 16 | '.bg-gray-100': { backgroundColor: '#f3f4f6' }
|
14 | 17 | '.bg-gray-200': { backgroundColor: '#e5e7eb' }
|
15 | 18 | '.bg-gray-300': { backgroundColor: '#d1d5db' }
|
16 |
| -'.bg-gray-50': { backgroundColor: '#f9fafb' } |
17 | 19 | '.bg-gray-500': { backgroundColor: '#6b7280' }
|
18 | 20 | '.bg-gray-800': { backgroundColor: '#1f2937' }
|
19 | 21 | '.bg-gray-900': { backgroundColor: '#111827' }
|
| 22 | +'.bg-orange-100': { backgroundColor: '#ffedd5' } |
20 | 23 | '.bg-green-500': { backgroundColor: '#22c55e' }
|
| 24 | +'.bg-blue-200': { backgroundColor: '#bfdbfe' } |
| 25 | +'.bg-blue-500': { backgroundColor: '#3b82f6' } |
| 26 | +'.bg-blue-700': { backgroundColor: '#1d4ed8' } |
| 27 | +'.bg-blue-900': { backgroundColor: '#1e3a8a' } |
21 | 28 | '.bg-indigo-500': { backgroundColor: '#6366f1' }
|
22 |
| -'.bg-orange-100': { backgroundColor: '#ffedd5' } |
23 |
| -'.bg-white': { backgroundColor: '#ffffff' } |
24 |
| -'.block': { visible: true } |
25 |
| -'.border-2': { borderWidth: 2 } |
26 |
| -'.border-4': { borderWidth: 4 } |
27 |
| -'.border-blue-600': { borderColor: '#2563eb' } |
28 |
| -'.border-blue-800': { borderColor: '#1e40af' } |
29 | 29 | '.border-gray-400': { borderColor: '#9ca3af' }
|
30 | 30 | '.border-gray-500': { borderColor: '#6b7280' }
|
| 31 | +'.border-blue-600': { borderColor: '#2563eb' } |
| 32 | +'.border-blue-800': { borderColor: '#1e40af' } |
| 33 | +'.rounded-8': { borderRadius: 16 } |
| 34 | +'.rounded-10': { borderRadius: 20 } |
| 35 | +'.rounded-12': { borderRadius: 24 } |
| 36 | +'.rounded-16': { borderRadius: 32 } |
| 37 | +'.rounded': { borderRadius: 4 } |
| 38 | +'.rounded-md': { borderRadius: 6 } |
| 39 | +'.rounded-lg': { borderRadius: 8 } |
| 40 | +'.border-2': { borderWidth: 2 } |
| 41 | +'.border-4': { borderWidth: 4 } |
31 | 42 | '.clip-enabled[platform=ios]': { clipMode: Ti.UI.iOS.CLIP_MODE_ENABLED }
|
32 |
| -'.font-bold': { font: { fontWeight: 'bold' } } |
| 43 | +'.block': { visible: true } |
| 44 | +'.text-xs': { font: { fontSize: 12 } } |
| 45 | +'.text-sm': { font: { fontSize: 14 } } |
| 46 | +'.text-base': { font: { fontSize: 16 } } |
| 47 | +'.text-xl': { font: { fontSize: 20 } } |
| 48 | +'.text-2xl': { font: { fontSize: 24 } } |
| 49 | +'.text-3xl': { font: { fontSize: 30 } } |
| 50 | +'.text-4xl': { font: { fontSize: 36 } } |
| 51 | +'.italic': { font: { fontStyle: 'italic' } } |
| 52 | +'.font-thin': { font: { fontWeight: 'thin' } } |
33 | 53 | '.font-normal': { font: { fontWeight: 'normal' } }
|
34 | 54 | '.font-semibold': { font: { fontWeight: 'semibold' } }
|
35 |
| -'.font-thin': { font: { fontWeight: 'thin' } } |
| 55 | +'.font-bold': { font: { fontWeight: 'bold' } } |
| 56 | +'.h-6': { height: 24 } |
| 57 | +'.h-8': { height: 32 } |
36 | 58 | '.h-10': { height: 40 }
|
37 | 59 | '.h-12': { height: 48 }
|
38 | 60 | '.h-16': { height: 64 }
|
39 | 61 | '.h-20': { height: 80 }
|
40 |
| -'.h-6': { height: 24 } |
41 |
| -'.h-8': { height: 32 } |
| 62 | +'.h-px': { height: '1px' } |
42 | 63 | '.h-auto': { height: Ti.UI.SIZE }
|
43 | 64 | '.h-full': { height: '100%' }
|
44 |
| -'.h-px': { height: '1px' } |
45 | 65 | '.horizontal': { layout: 'horizontal' }
|
46 |
| -'.italic': { font: { fontStyle: 'italic' } } |
| 66 | +'.vertical': { layout: 'vertical' } |
47 | 67 | '.m-3': { top: 12, right: 12, bottom: 12, left: 12 }
|
48 | 68 | '.m-4': { top: 16, right: 16, bottom: 16, left: 16 }
|
| 69 | +'.my-2': { top: 8, bottom: 8 } |
| 70 | +'.my-10': { top: 40, bottom: 40 } |
| 71 | +'.mx-0': { right: 0, left: 0 } |
| 72 | +'.mx-2': { right: 8, left: 8 } |
| 73 | +'.mx-3': { right: 12, left: 12 } |
| 74 | +'.mx-4': { right: 16, left: 16 } |
| 75 | +'.mx-6': { right: 24, left: 24 } |
| 76 | +'.mx-8': { right: 32, left: 32 } |
| 77 | +'.mx-10': { right: 40, left: 40 } |
| 78 | +'.mt-0': { top: 0 } |
| 79 | +'.mt-1': { top: 4 } |
| 80 | +'.mt-2': { top: 8 } |
| 81 | +'.mt-3': { top: 12 } |
| 82 | +'.mt-4': { top: 16 } |
| 83 | +'.mr-0': { right: 0 } |
| 84 | +'.mr-3': { right: 12 } |
| 85 | +'.mr-4': { right: 16 } |
49 | 86 | '.mb-1': { bottom: 4 }
|
50 | 87 | '.mb-3': { bottom: 12 }
|
51 | 88 | '.mb-4': { bottom: 16 }
|
|
54 | 91 | '.ml-1': { left: 4 }
|
55 | 92 | '.ml-3': { left: 12 }
|
56 | 93 | '.ml-4': { left: 16 }
|
57 |
| -'.mr-0': { right: 0 } |
58 |
| -'.mr-3': { right: 12 } |
59 |
| -'.mr-4': { right: 16 } |
60 |
| -'.mt-0': { top: 0 } |
61 |
| -'.mt-1': { top: 4 } |
62 |
| -'.mt-2': { top: 8 } |
63 |
| -'.mt-3': { top: 12 } |
64 |
| -'.mt-4': { top: 16 } |
65 |
| -'.mx-0': { right: 0, left: 0 } |
66 |
| -'.mx-10': { right: 40, left: 40 } |
67 |
| -'.mx-2': { right: 8, left: 8 } |
68 |
| -'.mx-3': { right: 12, left: 12 } |
69 |
| -'.mx-4': { right: 16, left: 16 } |
70 |
| -'.mx-6': { right: 24, left: 24 } |
71 |
| -'.mx-8': { right: 32, left: 32 } |
72 |
| -'.my-10': { top: 40, bottom: 40 } |
73 |
| -'.my-2': { top: 8, bottom: 8 } |
74 |
| -'.opacity-100': { opacity: 1 } |
| 94 | +'.-mx-1': { left: -4, right: -4 } |
| 95 | +'.-mr-1': { right: -4 } |
| 96 | +'.-ml-1': { left: -4 } |
75 | 97 | '.opacity-25': { opacity: 0.25 }
|
76 | 98 | '.opacity-50': { opacity: 0.5 }
|
77 | 99 | '.opacity-75': { opacity: 0.75 }
|
78 |
| -'.paging-gray-200': { pagingControlColor: '#e5e7eb' } |
| 100 | +'.opacity-100': { opacity: 1 } |
79 | 101 | '.pl-2': { padding: { left: 8 } }
|
80 |
| -'.rounded': { borderRadius: 4 } |
81 |
| -'.rounded-10': { borderRadius: 20 } |
82 |
| -'.rounded-12': { borderRadius: 24 } |
83 |
| -'.rounded-16': { borderRadius: 32 } |
84 |
| -'.rounded-8': { borderRadius: 16 } |
85 |
| -'.rounded-lg': { borderRadius: 8 } |
86 |
| -'.rounded-md': { borderRadius: 6 } |
| 102 | +'.paging-gray-200': { pagingControlColor: '#e5e7eb' } |
| 103 | +'.returnkey-next': { returnKeyType: Ti.UI.RETURNKEY_NEXT } |
| 104 | +'.shadow-xs': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 1, viewShadowColor: '#59000000' } |
| 105 | +'.shadow-sm': { viewShadowOffset: { x: 0, y: 1 }, viewShadowRadius: 1, viewShadowColor: '#59000000' } |
87 | 106 | '.shadow': { viewShadowOffset: { x: 0, y: 2 }, viewShadowRadius: 2, viewShadowColor: '#59000000' }
|
| 107 | +'.shadow-md': { viewShadowOffset: { x: 0, y: 3 }, viewShadowRadius: 3, viewShadowColor: '#59000000' } |
| 108 | +'.shadow-lg': { viewShadowOffset: { x: 0, y: 4 }, viewShadowRadius: 4, viewShadowColor: '#59000000' } |
| 109 | +'.shadow-xl': { viewShadowOffset: { x: 0, y: 6 }, viewShadowRadius: 6, viewShadowColor: '#59000000' } |
88 | 110 | '.shadow-2xl': { viewShadowOffset: { x: 0, y: 8 }, viewShadowRadius: 8, viewShadowColor: '#59000000' }
|
89 | 111 | '.shadow-inner': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: null, viewShadowColor: null }
|
90 |
| -'.shadow-lg': { viewShadowOffset: { x: 0, y: 4 }, viewShadowRadius: 4, viewShadowColor: '#59000000' } |
91 |
| -'.shadow-md': { viewShadowOffset: { x: 0, y: 3 }, viewShadowRadius: 3, viewShadowColor: '#59000000' } |
92 | 112 | '.shadow-outline': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 2, viewShadowColor: '#59000000' }
|
93 |
| -'.shadow-sm': { viewShadowOffset: { x: 0, y: 1 }, viewShadowRadius: 1, viewShadowColor: '#59000000' } |
94 |
| -'.shadow-xl': { viewShadowOffset: { x: 0, y: 6 }, viewShadowRadius: 6, viewShadowColor: '#59000000' } |
95 |
| -'.shadow-xs': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 1, viewShadowColor: '#59000000' } |
96 |
| -'.show-paging': { showPagingControl: true } |
97 |
| -'.text-2xl': { font: { fontSize: 24 } } |
98 |
| -'.text-3xl': { font: { fontSize: 30 } } |
99 |
| -'.text-4xl': { font: { fontSize: 36 } } |
100 |
| -'.text-base': { font: { fontSize: 16 } } |
101 |
| -'.text-blue-700': { color: '#1d4ed8' } |
| 113 | +'.text-left': { textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT } |
| 114 | +'.text-right': { textAlign: Ti.UI.TEXT_ALIGNMENT_RIGHT } |
102 | 115 | '.text-center': { textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER }
|
| 116 | +'.text-white': { color: '#ffffff' } |
103 | 117 | '.text-gray-200': { color: '#e5e7eb' }
|
104 | 118 | '.text-gray-500': { color: '#6b7280' }
|
105 | 119 | '.text-gray-600': { color: '#4b5563' }
|
106 | 120 | '.text-gray-700': { color: '#374151' }
|
107 | 121 | '.text-gray-800': { color: '#1f2937' }
|
108 | 122 | '.text-gray-900': { color: '#111827' }
|
109 |
| -'.text-indigo-700': { color: '#4338ca' } |
110 |
| -'.text-left': { textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT } |
111 |
| -'.text-purple-500': { color: '#a855f7' } |
112 | 123 | '.text-red-600': { color: '#dc2626' }
|
113 | 124 | '.text-red-700': { color: '#b91c1c' }
|
114 |
| -'.text-right': { textAlign: Ti.UI.TEXT_ALIGNMENT_RIGHT } |
115 |
| -'.text-sm': { font: { fontSize: 14 } } |
116 |
| -'.text-white': { color: '#ffffff' } |
117 |
| -'.text-xl': { font: { fontSize: 20 } } |
118 |
| -'.text-xs': { font: { fontSize: 12 } } |
119 |
| -'.vertical': { layout: 'vertical' } |
120 |
| -'.w-1/2': { width: '50%' } |
121 |
| -'.w-1/3': { width: '33.333334%' } |
122 |
| -'.w-1/4': { width: '25%' } |
123 |
| -'.w-1/5': { width: '20%' } |
| 125 | +'.text-blue-700': { color: '#1d4ed8' } |
| 126 | +'.text-indigo-700': { color: '#4338ca' } |
| 127 | +'.text-purple-500': { color: '#a855f7' } |
| 128 | +'.w-6': { width: 24 } |
124 | 129 | '.w-10': { width: 40 }
|
125 |
| -'.w-11/12': { width: '91.666667%' } |
126 | 130 | '.w-12': { width: 48 }
|
127 | 131 | '.w-16': { width: 64 }
|
128 | 132 | '.w-24': { width: 96 }
|
129 |
| -'.w-4/5': { width: '80%' } |
130 | 133 | '.w-56': { width: 224 }
|
131 |
| -'.w-6': { width: 24 } |
132 | 134 | '.w-auto': { width: Ti.UI.SIZE }
|
| 135 | +'.w-1/2': { width: '50%' } |
| 136 | +'.w-1/3': { width: '33.333334%' } |
| 137 | +'.w-1/4': { width: '25%' } |
| 138 | +'.w-1/5': { width: '20%' } |
| 139 | +'.w-4/5': { width: '80%' } |
| 140 | +'.w-11/12': { width: '91.666667%' } |
133 | 141 | '.w-full': { width: '100%' }
|
134 | 142 | '.w-screen': { width: Ti.UI.FILL }
|
135 |
| -'Button[platform=android]': { backgroundColor: 'transparent' } |
136 |
| -'ImageView[platform=ios]': { hires: true } |
137 |
| -'Label': { touchEnabled: false } |
138 |
| -'ScrollView': { contentWidth: Ti.UI.FILL, contentHeight: Ti.UI.SIZE } |
139 |
| -'ScrollView[platform=android]': { scrollType: 'vertical' } |
140 |
| -'TextArea': { touchEnabled: false } |
141 |
| -'View': { width: Ti.UI.SIZE, height: Ti.UI.SIZE } |
142 |
| -'Window': { backgroundColor: '#ffffff' } |
143 | 143 |
|
144 | 144 | // Styles with arbitrary values
|
145 | 145 | '.cache-size-(9)': { cacheSize: 9 }
|
146 | 146 |
|
147 | 147 | // Default Font Awesome styles
|
148 |
| -'.fa':{ font: { fontFamily: 'FontAwesome5Free-Solid' } } |
149 | 148 | '.fa-align-left': { text: '\uf036', title: '\uf036' }
|
150 | 149 | '.fa-bath': { text: '\uf2cd', title: '\uf2cd' }
|
151 | 150 | '.fa-bed': { text: '\uf236', title: '\uf236' }
|
152 | 151 | '.fa-check-square': { text: '\uf14a', title: '\uf14a' }
|
153 | 152 | '.fa-code': { text: '\uf121', title: '\uf121' }
|
154 | 153 | '.fa-comment-alt': { text: '\uf27a', title: '\uf27a' }
|
| 154 | +'.fa-regular': { font: { fontFamily: 'FontAwesome6Free-Regular' } } |
| 155 | +'.fa-solid': { font: { fontFamily: 'FontAwesome6Free-Solid' } } |
155 | 156 | '.fa-square': { text: '\uf0c8', title: '\uf0c8' }
|
156 | 157 | '.fa-suitcase': { text: '\uf0f2', title: '\uf0f2' }
|
157 | 158 | '.fa-user': { text: '\uf007', title: '\uf007' }
|
158 |
| -'.far': { font: { fontFamily: 'FontAwesome5Free-Regular' } } |
0 commit comments