react-native-extended-stylesheet icon indicating copy to clipboard operation
react-native-extended-stylesheet copied to clipboard

[feature request] Variables for media query breakpoints

Open liquidvisual opened this issue 2 years ago • 0 comments

Great library! I wish I'd found this sooner.

I'm using a lot of media queries for iPad layouts and it'd be really handy to be able to store breakpoints as variables like we can with values.

Example:

const styles = EStyleSheet.create({
  "@media (min-width: $md)": { // <-- $md instead of 744
    container: {
      borderWidth: 2,
      borderColor: "$danger",
    },
  }
EStyleSheet.build({
  $danger: "#fa3a52",
  $xs: 0,
  $sm: 375,
  $md: 744,
  $lg: 992,
  $xl: 1280,
  $xxl: 1440,
});

liquidvisual avatar Jul 29 '22 04:07 liquidvisual