Update Tailwind CSS 2.1.2

Author: macCesar

app/styles/app.tss

@@ -123,16 +123,16 @@
 '.rounded-8': { borderRadius: 16 }
 '.rounded-lg': { borderRadius: 8 }
 '.rounded-md': { borderRadius: 6 }
-'.shadow': { viewShadowOffset: { x: 0, y: 2 }, viewShadowRadius: 2, viewShadowColor: '#77000000' }
-'.shadow-2xl': { viewShadowOffset: { x: 0, y: 16 }, viewShadowRadius: 16, viewShadowColor: '#77000000' }
+'.shadow': { viewShadowOffset: { x: 0, y: 2 }, viewShadowRadius: 2, viewShadowColor: '#80000000' }
+'.shadow-2xl': { viewShadowOffset: { x: 0, y: 16 }, viewShadowRadius: 16, viewShadowColor: '#80000000' }
 '.shadow-inner': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: null, viewShadowColor: null }
-'.shadow-lg': { viewShadowOffset: { x: 0, y: 8 }, viewShadowRadius: 8, viewShadowColor: '#77000000' }
-'.shadow-md': { viewShadowOffset: { x: 0, y: 4 }, viewShadowRadius: 4, viewShadowColor: '#77000000' }
+'.shadow-lg': { viewShadowOffset: { x: 0, y: 8 }, viewShadowRadius: 8, viewShadowColor: '#80000000' }
+'.shadow-md': { viewShadowOffset: { x: 0, y: 4 }, viewShadowRadius: 4, viewShadowColor: '#80000000' }
 '.shadow-none': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: null, viewShadowColor: null }
-'.shadow-outline': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 2, viewShadowColor: '#77000000' }
-'.shadow-sm': { viewShadowOffset: { x: 0, y: 1 }, viewShadowRadius: 1, viewShadowColor: '#77000000' }
-'.shadow-xl': { viewShadowOffset: { x: 0, y: 12 }, viewShadowRadius: 12, viewShadowColor: '#77000000' }
-'.shadow-xs': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 1, viewShadowColor: '#77000000' }
+'.shadow-outline': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 2, viewShadowColor: '#80000000' }
+'.shadow-sm': { viewShadowOffset: { x: 0, y: 1 }, viewShadowRadius: 1, viewShadowColor: '#80000000' }
+'.shadow-xl': { viewShadowOffset: { x: 0, y: 12 }, viewShadowRadius: 12, viewShadowColor: '#80000000' }
+'.shadow-xs': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 1, viewShadowColor: '#80000000' }
 '.text-2xl': { font: { fontSize: 24 } }
 '.text-3xl': { font: { fontSize: 30 } }
 '.text-4xl': { font: { fontSize: 36 } }

app/views/examples/politico.xml

@@ -13,11 +13,11 @@
 
 			<Label class="w-screen h-auto my-2 text-sm text-gray-600 border-b text-normal">Georgia Gov. Brian Kemp speaks to the media during a press conference. | Kevin C. Cox/Getty Images</Label>
 
-			<TextArea class="w-screen -mx-1 text-xs italic font-thin text-gray-600">By Quint Forgey
+			<TextArea class="w-screen -mx-1 text-xs italic font-thin text-gray-600 bg-white">By Quint Forgey
 07/17/2020 09:57 AM EDT
 Updated: 07/17/2020 10:33 AM EDT</TextArea>
 
-			<TextArea class="w-screen h-auto mb-4 -mx-1 text-sm font-thin text-gray-600">Georgia Gov. Brian Kemp and Atlanta Mayor Keisha Lance Bottoms hurled insults at one another Friday, as their legal battle over whether to mandate masks in the state’s capital city entered its second day.
+			<TextArea class="w-screen h-auto mb-4 -mx-1 text-sm font-thin text-gray-600 bg-white">Georgia Gov. Brian Kemp and Atlanta Mayor Keisha Lance Bottoms hurled insults at one another Friday, as their legal battle over whether to mandate masks in the state’s capital city entered its second day.
 
 During dueling appearances at a Capitol news briefing and in an interview with CNN, the Republican governor and the Democratic mayor both accused the other’s office of playing politics amid a pandemic that continues to ravage communities across Georgia.
 

app/views/examples/projects.xml

@@ -14,7 +14,7 @@
 				<View class="w-4/5 vertical">
 					<Label class="w-screen text-sm text-gray-500">Engineering</Label>
 					<Label class="w-screen mt-1 text-base font-semibold text-gray-900">GraphQL API</Label>
-					<TextArea class="w-screen -ml-1 -mr-1 text-sm text-gray-500">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor a excepturi et minus ipsum hic, porro voluptatem totam nulla suscipit!</TextArea>
+					<TextArea class="w-screen -ml-1 -mr-1 text-sm text-gray-500 bg-white">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor a excepturi et minus ipsum hic, porro voluptatem totam nulla suscipit!</TextArea>
 
 					<View class="w-screen horizontal">
 						<View class="w-1/3 h-6 horizontal">
@@ -44,7 +44,7 @@
 				<View class="w-4/5 vertical">
 					<Label class="w-screen text-sm text-gray-500">Human Resources</Label>
 					<Label class="w-screen mt-1 text-base font-semibold text-gray-900">Profit sharing program</Label>
-					<TextArea class="w-screen -ml-1 -mr-1 text-sm text-gray-500">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor a excepturi et minus ipsum hic, porro voluptatem totam nulla suscipit!</TextArea>
+					<TextArea class="w-screen -ml-1 -mr-1 text-sm text-gray-500 bg-white">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor a excepturi et minus ipsum hic, porro voluptatem totam nulla suscipit!</TextArea>
 
 					<View class="w-screen horizontal">
 						<View class="w-1/3 h-6 horizontal">

app/views/index.xml

@@ -2,6 +2,8 @@
 	<NavigationWindow id="navWindow">
 		<Window title="tailwind tss">
 			<ScrollableView class="bg-white" showPagingControl="true" pagingControlColor="#cecece">
+				<Require src="examples/nike" />
+
 				<Require src="examples/register" />
 
 				<Require src="examples/customer" />
@@ -10,8 +12,6 @@
 
 				<Require src="examples/card" />
 
-				<Require src="examples/nike" />
-
 				<Require src="examples/politico" />
 
 				<Require src="examples/projects" />