vitalets / react-native-extended-stylesheet

Extended StyleSheets for React Native
MIT License
2.93k stars 132 forks source link

Using Or operator stylesheet #112

Closed alejandrorangel closed 4 years ago

alejandrorangel commented 5 years ago

Does OR works on stylesheet? I'm trying to apply the following style

const styles = EStyleSheet.create({
  '@media (min-width: 500) OR (orientation: landscape)': {
    upNextText: {
      fontSize: 18,
      lineHeight: 22,
      color: 'white',
      fontFamily: 'Futura PT Book'
    },
    upNextTitle: {
      fontSize: 24,
      lineHeight: 30,
      color: 'white',
      fontFamily: 'Futura PT Heavy',
      marginTop: 8
    }
  },
  upNextText: {
    fontSize: 16,
    lineHeight: 20,
    alignSelf: 'center',
    color: 'white',
    fontFamily: 'Futura PT Book'
  },
  upNextTitle: {
    fontSize: 20,
    lineHeight: 25,
    alignSelf: 'center',
    color: 'white',
    fontFamily: 'Futura PT Heavy',
    marginTop: 8
  }
});

But the OR logic operator does not seem to work, there are a couple of examples using AND but I couldn't find one using OR

stale[bot] commented 5 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

vitalets commented 4 years ago

It seems you should use comma instead of OR: docs

stale[bot] commented 4 years ago

Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.