first commit

src/Styles/MainStyle.tsx

@@ -0,0 +1,39 @@
+import {StyleSheet} from 'react-native';
+import colors from '../Constant/Color';
+
+let MainStyle = StyleSheet.create({
+  container:{
+    backgroundColor:colors.white,
+    flex:1,
+  },
+   containerWithPadding:{
+    flex:1,
+    paddingHorizontal:15
+  },
+  flexBetween:{
+    alignItems:"center",
+    flexDirection:"row",
+    justifyContent:"space-between"
+  },
+  flexCloumn:{
+    alignItems: 'center',
+    flexDirection: 'column',
+    justifyContent: 'center',
+  },
+  flexLeft:{
+    alignItems:"center",
+    flexDirection:"row",
+    justifyContent:"flex-start"
+  },
+  flexRight:{
+    alignItems:"center",
+    flexDirection:"row",
+    justifyContent:"flex-end"
+  },
+  flexRow: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'center',
+  }
+});
+export default MainStyle;

src/Styles/Styles.tsx

@@ -0,0 +1,218 @@
+import { StyleSheet } from 'react-native'
+import Colors from './Color';
+
+const Styles = StyleSheet.create({
+   logo: {
+      marginTop: 20,
+      alignItems: "center"
+   },
+   heading: {
+      fontWeight: 800,
+      fontSize: 18,
+      lineHeight: 29,
+      textAlign: "center",
+      color: "#1B4B66"
+   },
+   button: {
+      backgroundColor: Colors.appColourDark,
+      width: "100%",
+      paddingVertical: 15,
+      paddingHorizontal: 28,
+      borderRadius: 50,
+      
+      // marginBottom: 87
+   },
+   next: {
+      fontSize: 15,
+      color: "white",
+      fontWeight: 700,
+      textAlign: "center",
+      letterSpacing: 3
+   },
+   input: {
+      backgroundColor: Colors.black20,
+      padding: 15,
+      borderRadius: 10,
+      marginTop: 10,
+      fontSize: 15,
+      color: Colors.appColourDark,
+      elevation: 2
+   },
+   flexDesign: {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      alignItems: "center",
+      gap: 10
+   },
+   paddding: {
+      paddingHorizontal: 5
+   },
+   description: {
+      fontSize: 17,
+      fontWeight: 500,
+      width: 290,
+      fontFamily: "Inter-Bold",
+      color: Colors.appColourDark,
+      marginTop: 5
+   },
+   title: {
+      textAlign: "center",
+      fontSize: 12,
+      fontWeight: 800,
+      fontFamily: "quicksand-SemiBold",
+      color: Colors.appColourDark,
+   },
+   Button_2: {
+      width: "100%",
+      backgroundColor: Colors.appColourDark,
+      paddingVertical: 10,
+      borderRadius: 10
+   },
+   Button_2_Text: {
+      fontFamily: "Inter-Bold",
+      textAlign: "center",
+      fontSize: 15,
+      fontWeight: 800,
+      lineHeight: 24
+   },
+   Button_3: {
+      backgroundColor: Colors.appColourDark,
+      width: "70%",
+      alignItems: "center",
+      flexDirection: "row",
+      justifyContent: "center",
+      paddingVertical: 15,
+      borderRadius: 8,
+      gap: 5
+   },
+   Button_3_Text: {
+      fontSize: 14,
+      fontWeight: 800,
+      lineHeight: 24,
+      color: "white"
+   },
+   productName: {
+      fontFamily: "Inter-Bold",
+      fontSize: 14,
+      fontWeight: 800,
+      lineHeight: 16,
+      color: Colors.black
+   },
+   productDiscription: {
+      fontSize: 13,
+      fontFamily: "Inter-Bold",
+      fontWeight: 800,
+      lineHeight: 16,
+      color: Colors.black50,
+      marginTop: 2,
+   },
+   date: {
+      fontFamily: "Inter-Bold",
+      fontWeight: 800,
+      fontSize: 13,
+      lineHeight: 16,
+      color: Colors.black
+   },
+
+   cost: {
+      fontFamily: "Inter-Bold",
+      fontSize: 14,
+      fontWeight: 700,
+      lineHeight: 18,
+      color: Colors.black
+   },
+   emptyCartHeading: {
+      fontFamily: "Inter-Bold",
+      fontSize: 28,
+      fontWeight: 800,
+      lineHeight: 26,
+      color: Colors.black,
+      marginTop: 30
+   },
+   emptyCartDiscription: {
+      fontFamily: "Inter-Bold",
+      fontSize: 15,
+      fontWeight: 700,
+      lineHeight: 18,
+      color: Colors.black,
+      marginTop: 16,
+      width: "60%",
+      textAlign: "center"
+   },
+   phone: {
+      fontSize: 19,
+      fontWeight: 700,
+      lineHeight: 24,
+      color: Colors.appColourDark,
+      marginTop: 9
+   },
+   itemCount: {
+      fontFamily: "Inter-Bold",
+      fontSize: 17,
+      fontWeight: 800,
+      lineHeight: 19,
+      color: Colors.black50,
+      marginBottom: 15
+   },
+   qty: {
+      fontSize: 12,
+      fontFamily: "Inter-Bold",
+      fontWeight: 600,
+      lineHeight: 18,
+      color: Colors.black50
+   },
+   heading_2: {
+      color: Colors.black,
+      fontSize: 14,
+      fontWeight: 800,
+      lineHeight: 18,
+      marginBottom: 10
+   },
+   text: {
+      fontWeight: 600,
+      fontSize: 14,
+      lineHeight: 25,
+      color: "#333333",
+      textAlign: "justify"
+   },
+   heading_3: {
+      color: Colors.black50,
+      fontSize: 16,
+      fontWeight: 800,
+      lineHeight: 18,
+      marginBottom: 8
+   },
+   address: {
+      fontFamily: "Inter-Bold",
+      fontSize: 14,
+      fontWeight: 700,
+      lineHeight: 18,
+      color: Colors.black50
+   },
+   buttonSize: {
+      width: 30,
+      height: 30,
+      alignItems: 'center'
+   },
+   deletePrice: {
+      fontFamily: "Inter-Bold",
+      fontSize: 13,
+      fontWeight: 700,
+      color: "#626262",
+      textDecorationLine: 'line-through'
+   },
+   off: {
+      fontFamily: "Inter-Bold",
+      fontSize: 12,
+      fontWeight: 700,
+      color: "#E21D1D",
+   },
+   currentPrice: {
+      fontFamily: "Inter-Bold",
+      fontSize: 17,
+      fontWeight: 800,
+      color: "#171520",
+
+   },
+})
+export default Styles;