index.js (1485B)
1 import { StyleSheet } from 'react-native'; 2 3 const styles = StyleSheet.create({ 4 container: { 5 flex: 1, 6 paddingHorizontal: 20, 7 justifyContent: 'center' 8 }, 9 headingContainer: { 10 paddingTop: 20, 11 paddingBottom: 10 12 }, 13 heading: { 14 fontSize: 32, 15 fontWeight: '800' 16 }, 17 seperator: { 18 borderBottomWidth: StyleSheet.hairlineWidth, 19 borderBottomColor: '#777' 20 }, 21 commentSeperator: { 22 marginTop: 20, 23 borderBottomWidth: StyleSheet.hairlineWidth, 24 borderBottomColor: '#777' 25 }, 26 storyComment: { 27 marginBottom: 5 28 }, 29 storyContainer: { 30 marginTop: 10, 31 marginBottom: 10 32 }, 33 storyTitle: { 34 fontSize: 22, 35 fontWeight: '700', 36 marginBottom: 10 37 }, 38 storyUrl: { 39 marginBottom: 5 40 }, 41 storyUser: { 42 color: 'rgb(147,147,149)', 43 marginBottom: 5 44 }, 45 userModalName: { 46 fontSize: 20, 47 fontWeight: '600', 48 marginBottom: 5, 49 color: 'white' 50 }, 51 userModalAbout: { 52 color: 'white', 53 marginBottom: 5 54 }, 55 userModalContainer: { 56 backgroundColor: '#777', 57 borderRadius: 5, 58 padding: 20 59 }, 60 userModalKarma: { 61 marginTop: 5, 62 color: 'white' 63 }, 64 modelContainer: { 65 flex: 1, 66 padding: 20, 67 marginHorizontal: 20, 68 justifyContent: 'center' 69 }, 70 storyModalContainer: { 71 flex: 1, 72 paddingHorizontal: 20, 73 marginHorizontal: 20, 74 marginBottom: 20 75 }, 76 commentStarter: { 77 marginTop: 20, 78 fontWeight: '700', 79 fontSize: 20 80 } 81 }); 82 83 export default styles;