Skip to content

Commit 944a61d

Browse files
macCesarmacCesar
committed
update purgetss v2.2.8
1 parent b3ea8fc commit 944a61d

File tree

5 files changed

+273
-89
lines changed

5 files changed

+273
-89
lines changed

‎app/styles/app.tss‎

Lines changed: 76 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -41,83 +41,51 @@
4141
}
4242

4343
// Custom Tailwind Styles
44-
'.clip-enabled[platform=ios]': { clipMode: Ti.UI.iOS.CLIP_MODE_ENABLED }
45-
'.horizontal': { layout: 'horizontal' }
46-
'.horizontal[platform=ios]': { clipMode: Ti.UI.iOS.CLIP_MODE_DISABLED }
47-
'.vertical': { layout: 'vertical' }
48-
'.vertical[platform=ios]': { clipMode: Ti.UI.iOS.CLIP_MODE_DISABLED }
44+
'.-ml-1': { left: -4 }
45+
'.-mr-1': { right: -4 }
46+
'.-mx-1': { right: -4, left: -4 }
4947
'ImageView[platform=ios]': { hires: true }
5048
'View': { width: Ti.UI.SIZE, height: Ti.UI.SIZE }
5149
'Window': { backgroundColor: '#ffffff' }
52-
'.bg-white': { backgroundColor: '#ffffff' }
53-
'.bg-indigo-500': { backgroundColor: '#6366f1' }
5450
'.bg-blue-200': { backgroundColor: '#bfdbfe' }
5551
'.bg-blue-500': { backgroundColor: '#3b82f6' }
5652
'.bg-blue-700': { backgroundColor: '#1d4ed8' }
5753
'.bg-blue-900': { backgroundColor: '#1e3a8a' }
58-
'.bg-green-500': { backgroundColor: '#22c55e' }
59-
'.bg-orange-100': { backgroundColor: '#ffedd5' }
60-
'.bg-gray-50': { backgroundColor: '#fafafa' }
6154
'.bg-gray-100': { backgroundColor: '#f4f4f5' }
6255
'.bg-gray-200': { backgroundColor: '#e4e4e7' }
6356
'.bg-gray-300': { backgroundColor: '#d4d4d8' }
57+
'.bg-gray-50': { backgroundColor: '#fafafa' }
6458
'.bg-gray-500': { backgroundColor: '#71717a' }
6559
'.bg-gray-800': { backgroundColor: '#27272a' }
6660
'.bg-gray-900': { backgroundColor: '#18181b' }
61+
'.bg-green-500': { backgroundColor: '#22c55e' }
62+
'.bg-indigo-500': { backgroundColor: '#6366f1' }
63+
'.bg-orange-100': { backgroundColor: '#ffedd5' }
64+
'.bg-white': { backgroundColor: '#ffffff' }
65+
'.block': { visible: true }
66+
'.border-2': { borderWidth: 2 }
67+
'.border-4': { borderWidth: 4 }
6768
'.border-blue-600': { borderColor: '#2563eb' }
6869
'.border-blue-800': { borderColor: '#1e40af' }
6970
'.border-gray-400': { borderColor: '#a1a1aa' }
7071
'.border-gray-500': { borderColor: '#71717a' }
71-
'.rounded-8': { borderRadius: 16 }
72-
'.rounded-10': { borderRadius: 20 }
73-
'.rounded-12': { borderRadius: 24 }
74-
'.rounded-16': { borderRadius: 32 }
75-
'.rounded': { borderRadius: 4 }
76-
'.rounded-md': { borderRadius: 3 }
77-
'.rounded-lg': { borderRadius: 4 }
78-
'.border-2': { borderWidth: 2 }
79-
'.border-4': { borderWidth: 4 }
80-
'.block': { visible: true }
81-
'.text-xs': { font: { fontSize: 12 } }
82-
'.text-sm': { font: { fontSize: 14 } }
83-
'.text-base': { font: { fontSize: 16 } }
84-
'.text-xl': { font: { fontSize: 20 } }
85-
'.text-2xl': { font: { fontSize: 24 } }
86-
'.text-3xl': { font: { fontSize: 30 } }
87-
'.text-4xl': { font: { fontSize: 36 } }
88-
'.italic': { font: { fontStyle: 'italic' } }
89-
'.font-thin': { font: { fontWeight: 'thin' } }
72+
'.clip-enabled[platform=ios]': { clipMode: Ti.UI.iOS.CLIP_MODE_ENABLED }
73+
'.font-bold': { font: { fontWeight: 'bold' } }
9074
'.font-normal': { font: { fontWeight: 'normal' } }
9175
'.font-semibold': { font: { fontWeight: 'semibold' } }
92-
'.font-bold': { font: { fontWeight: 'bold' } }
93-
'.h-6': { height: 24 }
94-
'.h-8': { height: 32 }
76+
'.font-thin': { font: { fontWeight: 'thin' } }
9577
'.h-10': { height: 40 }
9678
'.h-12': { height: 48 }
9779
'.h-16': { height: 64 }
9880
'.h-20': { height: 80 }
99-
'.h-px': { height: '1px' }
81+
'.h-6': { height: 24 }
82+
'.h-8': { height: 32 }
10083
'.h-auto': { height: Ti.UI.SIZE }
84+
'.h-px': { height: '1px' }
85+
'.horizontal': { layout: 'horizontal' }
86+
'.italic': { font: { fontStyle: 'italic' } }
10187
'.m-3': { top: 12, right: 12, bottom: 12, left: 12 }
10288
'.m-4': { top: 16, right: 16, bottom: 16, left: 16 }
103-
'.my-2': { top: 8, bottom: 8 }
104-
'.mx-0': { right: 0, left: 0 }
105-
'.mx-2': { right: 8, left: 8 }
106-
'.mx-3': { right: 12, left: 12 }
107-
'.mx-4': { right: 16, left: 16 }
108-
'.mx-8': { right: 32, left: 32 }
109-
'.mx-10': { right: 40, left: 40 }
110-
'.-mx-1': { right: -4, left: -4 }
111-
'.mt-0': { top: 0 }
112-
'.mt-1': { top: 4 }
113-
'.mt-2': { top: 8 }
114-
'.mt-3': { top: 12 }
115-
'.mt-4': { top: 16 }
116-
'.mr-0': { right: 0 }
117-
'.mr-2': { right: 8 }
118-
'.mr-3': { right: 12 }
119-
'.mr-4': { right: 16 }
120-
'.-mr-1': { right: -4 }
12189
'.mb-1': { bottom: 4 }
12290
'.mb-3': { bottom: 12 }
12391
'.mb-4': { bottom: 16 }
@@ -127,54 +95,85 @@
12795
'.ml-2': { left: 8 }
12896
'.ml-3': { left: 12 }
12997
'.ml-4': { left: 16 }
130-
'.-ml-1': { left: -4 }
98+
'.mr-0': { right: 0 }
99+
'.mr-2': { right: 8 }
100+
'.mr-3': { right: 12 }
101+
'.mr-4': { right: 16 }
102+
'.mt-0': { top: 0 }
103+
'.mt-1': { top: 4 }
104+
'.mt-2': { top: 8 }
105+
'.mt-3': { top: 12 }
106+
'.mt-4': { top: 16 }
107+
'.mx-0': { right: 0, left: 0 }
108+
'.mx-10': { right: 40, left: 40 }
109+
'.mx-2': { right: 8, left: 8 }
110+
'.mx-3': { right: 12, left: 12 }
111+
'.mx-4': { right: 16, left: 16 }
112+
'.mx-8': { right: 32, left: 32 }
113+
'.my-2': { top: 8, bottom: 8 }
114+
'.opacity-100': { opacity: 1 }
131115
'.opacity-25': { opacity: 0.25 }
132116
'.opacity-50': { opacity: 0.5 }
133117
'.opacity-75': { opacity: 0.75 }
134-
'.opacity-100': { opacity: 1 }
135118
'.pl-2': { padding: { left: 8 } }
136-
'.shadow-xs': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 1, viewShadowColor: '#77000000' }
137-
'.shadow-sm': { viewShadowOffset: { x: 0, y: 1 }, viewShadowRadius: 1, viewShadowColor: '#77000000' }
119+
'.rounded': { borderRadius: 4 }
120+
'.rounded-10': { borderRadius: 20 }
121+
'.rounded-12': { borderRadius: 24 }
122+
'.rounded-16': { borderRadius: 32 }
123+
'.rounded-8': { borderRadius: 16 }
124+
'.rounded-lg': { borderRadius: 8 }
125+
'.rounded-md': { borderRadius: 6 }
138126
'.shadow': { viewShadowOffset: { x: 0, y: 2 }, viewShadowRadius: 2, viewShadowColor: '#77000000' }
139-
'.shadow-md': { viewShadowOffset: { x: 0, y: 4 }, viewShadowRadius: 4, viewShadowColor: '#77000000' }
140-
'.shadow-lg': { viewShadowOffset: { x: 0, y: 8 }, viewShadowRadius: 8, viewShadowColor: '#77000000' }
141-
'.shadow-xl': { viewShadowOffset: { x: 0, y: 12 }, viewShadowRadius: 12, viewShadowColor: '#77000000' }
142127
'.shadow-2xl': { viewShadowOffset: { x: 0, y: 16 }, viewShadowRadius: 16, viewShadowColor: '#77000000' }
143128
'.shadow-inner': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: null, viewShadowColor: null }
144-
'.shadow-outline': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 2, viewShadowColor: '#77000000' }
129+
'.shadow-lg': { viewShadowOffset: { x: 0, y: 8 }, viewShadowRadius: 8, viewShadowColor: '#77000000' }
130+
'.shadow-md': { viewShadowOffset: { x: 0, y: 4 }, viewShadowRadius: 4, viewShadowColor: '#77000000' }
145131
'.shadow-none': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: null, viewShadowColor: null }
146-
'.text-left': { textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT }
147-
'.text-right': { textAlign: Ti.UI.TEXT_ALIGNMENT_RIGHT }
148-
'.text-center': { textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER }
149-
'.text-white': { color: '#ffffff' }
150-
'.text-purple-500': { color: '#a855f7' }
151-
'.text-indigo-700': { color: '#4338ca' }
132+
'.shadow-outline': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 2, viewShadowColor: '#77000000' }
133+
'.shadow-sm': { viewShadowOffset: { x: 0, y: 1 }, viewShadowRadius: 1, viewShadowColor: '#77000000' }
134+
'.shadow-xl': { viewShadowOffset: { x: 0, y: 12 }, viewShadowRadius: 12, viewShadowColor: '#77000000' }
135+
'.shadow-xs': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 1, viewShadowColor: '#77000000' }
136+
'.text-2xl': { font: { fontSize: 24 } }
137+
'.text-3xl': { font: { fontSize: 30 } }
138+
'.text-4xl': { font: { fontSize: 36 } }
139+
'.text-base': { font: { fontSize: 16 } }
152140
'.text-blue-700': { color: '#1d4ed8' }
153-
'.text-red-600': { color: '#dc2626' }
154-
'.text-red-700': { color: '#b91c1c' }
141+
'.text-center': { textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER }
155142
'.text-gray-200': { color: '#e4e4e7' }
156143
'.text-gray-500': { color: '#71717a' }
157144
'.text-gray-600': { color: '#52525b' }
158145
'.text-gray-700': { color: '#3f3f46' }
159146
'.text-gray-800': { color: '#27272a' }
160147
'.text-gray-900': { color: '#18181b' }
161-
'.w-6': { width: 24 }
162-
'.w-10': { width: 40 }
163-
'.w-12': { width: 48 }
164-
'.w-16': { width: 64 }
165-
'.w-24': { width: 96 }
166-
'.w-56': { width: 224 }
148+
'.text-indigo-700': { color: '#4338ca' }
149+
'.text-left': { textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT }
150+
'.text-purple-500': { color: '#a855f7' }
151+
'.text-red-600': { color: '#dc2626' }
152+
'.text-red-700': { color: '#b91c1c' }
153+
'.text-right': { textAlign: Ti.UI.TEXT_ALIGNMENT_RIGHT }
154+
'.text-sm': { font: { fontSize: 14 } }
155+
'.text-white': { color: '#ffffff' }
156+
'.text-xl': { font: { fontSize: 20 } }
157+
'.text-xs': { font: { fontSize: 12 } }
158+
'.vertical': { layout: 'vertical' }
167159
'.w-1/2': { width: '50%' }
168160
'.w-1/3': { width: '33.333333%' }
169161
'.w-1/4': { width: '25%' }
170162
'.w-1/5': { width: '20%' }
171-
'.w-4/5': { width: '80%' }
163+
'.w-10': { width: 40 }
172164
'.w-11/12': { width: '91.666667%' }
173-
'.w-full': { width: '100%' }
165+
'.w-12': { width: 48 }
166+
'.w-16': { width: 64 }
167+
'.w-24': { width: 96 }
168+
'.w-4/5': { width: '80%' }
169+
'.w-56': { width: 224 }
170+
'.w-6': { width: 24 }
174171
'.w-auto': { width: Ti.UI.SIZE }
172+
'.w-full': { width: '100%' }
175173
'.w-screen': { width: Ti.UI.FILL }
174+
175+
// Default Font Awesome styles
176176
'.fa':{ font: { fontFamily: 'FontAwesome5Free-Solid' } }
177-
'.far': { font: { fontFamily: 'FontAwesome5Free-Regular' } }
178177
'.fa-align-left': { text: '\uf036', title: '\uf036' }
179178
'.fa-bath': { text: '\uf2cd', title: '\uf2cd' }
180179
'.fa-bed': { text: '\uf236', title: '\uf236' }
@@ -184,3 +183,4 @@
184183
'.fa-square': { text: '\uf0c8', title: '\uf0c8' }
185184
'.fa-suitcase': { text: '\uf0f2', title: '\uf0f2' }
186185
'.fa-user': { text: '\uf007', title: '\uf007' }
186+
'.far': { font: { fontFamily: 'FontAwesome5Free-Regular' } }

0 commit comments

Comments
 (0)