Skip to content

Instantly share code, notes, and snippets.

@hungdev
Last active October 28, 2018 17:03
Show Gist options
  • Save hungdev/e13764d431cd11b7926458f50af7539f to your computer and use it in GitHub Desktop.
Save hungdev/e13764d431cd11b7926458f50af7539f to your computer and use it in GitHub Desktop.
shadow button
less
borderWidth: 1,
borderRadius: 2,
borderColor: '#ddd',
borderBottomWidth: 0,
shadowColor: '#000',
shadowOffset: { width: 0, height: 2 },
shadowOpacity: 0.8,
shadowRadius: 2,
elevation: 1,
marginLeft: 5,
marginRight: 5,
marginTop: 10,

https://github.com/styled-components/styled-components/issues/709#issuecomment-295274475
==================
more

  rowStyle: {
flexDirection: 'row',
alignItems: 'center',
// paddingBottom: Metrics.baseMargin,
// marginBottom: Metrics.doubleBaseMargin,
borderBottomWidth: 1,

// borderBottomWidth: 1,
padding: Metrics.paddingButton,  //15
backgroundColor: Colors.card,  // '#FFFFFF'
borderWidth: 1,
borderColor: Colors.borderGrey, // '#ccc'
borderRadius: 5,
marginBottom: Metrics.smallMargin, // 5
shadowColor: '#000000',
shadowOffset: {
  width: 0,
  height: 10
},
shadowRadius: 5,
shadowOpacity: 1.0,
elevation: 5

},

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment