165 lines
2.6 KiB
TypeScript
165 lines
2.6 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({
|
|
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'
|
|
},
|
|
plainText: {
|
|
fontSize: 16,
|
|
flexShrink: 1
|
|
},
|
|
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: {
|
|
fontSize: 16,
|
|
...sharedStyles.textRegular,
|
|
...codeFontFamily,
|
|
borderWidth: 1,
|
|
borderRadius: 4,
|
|
paddingLeft: 2,
|
|
paddingTop: 2
|
|
},
|
|
codeBlock: {
|
|
fontSize: 16,
|
|
...sharedStyles.textRegular,
|
|
...codeFontFamily,
|
|
borderWidth: 1,
|
|
borderRadius: 4,
|
|
padding: 4
|
|
},
|
|
link: {
|
|
fontSize: 16,
|
|
...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'
|
|
},
|
|
inline: {
|
|
flexShrink: 1
|
|
}
|
|
});
|