158 lines
2.5 KiB
TypeScript
158 lines
2.5 KiB
TypeScript
import { Platform, StyleSheet } from 'react-native';
|
|
|
|
import sharedStyles from '../../views/Styles';
|
|
|
|
const codeFontFamily = Platform.select({
|
|
ios: { fontFamily: 'Courier New' },
|
|
android: { fontFamily: 'monospace' },
|
|
});
|
|
|
|
export default StyleSheet.create<any>({
|
|
container: {
|
|
alignItems: 'flex-start',
|
|
flexDirection: 'row',
|
|
},
|
|
childContainer: {
|
|
flex: 1,
|
|
},
|
|
block: {
|
|
alignItems: 'flex-start',
|
|
flexDirection: 'row',
|
|
flexWrap: 'wrap',
|
|
flex: 1,
|
|
},
|
|
emph: {
|
|
fontStyle: 'italic',
|
|
},
|
|
strong: {
|
|
fontWeight: 'bold',
|
|
},
|
|
del: {
|
|
textDecorationLine: 'line-through',
|
|
},
|
|
text: {
|
|
fontSize: 16,
|
|
...sharedStyles.textRegular,
|
|
},
|
|
textInfo: {
|
|
fontStyle: 'italic',
|
|
fontSize: 16,
|
|
...sharedStyles.textRegular,
|
|
},
|
|
textBig: {
|
|
fontSize: 30,
|
|
...sharedStyles.textRegular,
|
|
},
|
|
customEmoji: {
|
|
width: 20,
|
|
height: 20,
|
|
},
|
|
customEmojiBig: {
|
|
width: 30,
|
|
height: 30,
|
|
},
|
|
temp: { opacity: 0.3 },
|
|
mention: {
|
|
fontSize: 16,
|
|
...sharedStyles.textSemibold,
|
|
},
|
|
paragraph: {
|
|
marginTop: 0,
|
|
marginBottom: 0,
|
|
flexWrap: 'wrap',
|
|
flexDirection: 'row',
|
|
alignItems: 'flex-start',
|
|
justifyContent: 'flex-start',
|
|
},
|
|
inlineImage: {
|
|
width: 300,
|
|
height: 300,
|
|
resizeMode: 'contain',
|
|
},
|
|
codeInline: {
|
|
...sharedStyles.textRegular,
|
|
...codeFontFamily,
|
|
borderWidth: 1,
|
|
borderRadius: 4,
|
|
},
|
|
codeBlock: {
|
|
...sharedStyles.textRegular,
|
|
...codeFontFamily,
|
|
borderWidth: 1,
|
|
borderRadius: 4,
|
|
padding: 4,
|
|
},
|
|
link: {
|
|
fontSize: 16,
|
|
...sharedStyles.textRegular,
|
|
},
|
|
edited: {
|
|
fontSize: 14,
|
|
...sharedStyles.textRegular,
|
|
},
|
|
heading1: {
|
|
...sharedStyles.textBold,
|
|
fontSize: 24,
|
|
},
|
|
heading2: {
|
|
...sharedStyles.textBold,
|
|
fontSize: 22,
|
|
},
|
|
heading3: {
|
|
...sharedStyles.textSemibold,
|
|
fontSize: 20,
|
|
},
|
|
heading4: {
|
|
...sharedStyles.textSemibold,
|
|
fontSize: 18,
|
|
},
|
|
heading5: {
|
|
...sharedStyles.textMedium,
|
|
fontSize: 16,
|
|
},
|
|
heading6: {
|
|
...sharedStyles.textMedium,
|
|
fontSize: 14,
|
|
},
|
|
quote: {
|
|
height: '100%',
|
|
width: 2,
|
|
marginRight: 5,
|
|
},
|
|
touchableTable: {
|
|
justifyContent: 'center',
|
|
},
|
|
containerTable: {
|
|
borderBottomWidth: 1,
|
|
borderRightWidth: 1,
|
|
},
|
|
table: {
|
|
borderLeftWidth: 1,
|
|
borderTopWidth: 1,
|
|
},
|
|
tableExtraBorders: {
|
|
borderBottomWidth: 1,
|
|
borderRightWidth: 1,
|
|
},
|
|
row: {
|
|
flexDirection: 'row',
|
|
},
|
|
rowBottomBorder: {
|
|
borderBottomWidth: 1,
|
|
},
|
|
cell: {
|
|
justifyContent: 'flex-start',
|
|
paddingHorizontal: 13,
|
|
paddingVertical: 6,
|
|
},
|
|
cellRightBorder: {
|
|
borderRightWidth: 1,
|
|
},
|
|
alignCenter: {
|
|
textAlign: 'center',
|
|
},
|
|
alignRight: {
|
|
textAlign: 'right',
|
|
},
|
|
});
|