|
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