componentised-styles.js

import { Dimensions } from 'react-native'

import defaultStyle from '../../style/index'

const { width } = Dimensions.get('window')

export default {
  containerWrapper: {
    flex: 1
  },
  container: {
    flex: 1,
    flexDirection: 'row',
    flexWrap: 'wrap',
    marginTop: 10,
    paddingBottom: 10,
    width,
    minHeight: 75,
    borderBottomColor: defaultStyle.color.border.light,
    borderBottomWidth: 1
  },
  contentWrapper: {
    flex: 1,
    paddingRight: 10,
    alignItems: 'flex-start',
    justifyContent: 'flex-start'
  },
  headerWrapper: {
    flexDirection: 'row',
    paddingTop: 2,
    paddingBottom: 2
  },
  dateWrapper: {
    paddingLeft: 10
  },
  date: {
    fontSize: defaultStyle.font.text.size,
    color: defaultStyle.font.subTitle.color
  },
  authorWrapper: {},
  author: {
    fontSize: defaultStyle.font.text.size,
    color: defaultStyle.font.subTitle.color
  },
  titleWrapper: {
    flex: 1
  },
  title: {
    fontSize: defaultStyle.font.title.size,
    fontWeight: defaultStyle.font.title.weight
  },
  descriptionWrapper: {
    flex: 1
  },
  description: {
    fontSize: defaultStyle.font.text.size
  },
  imageWrapper: {
    height: 75,
    width: 75,
    marginRight: 5,
    alignItems: 'center',
    justifyContent: 'center'
  },
  image: {
    flex: 1,
    resizeMode: 'cover',
    borderRadius: 10,
    width: '100%'
  },
  linkWrapper: {},
  link: {}
}