.

Author: jacobp100

demos/MediaQueries.js

@@ -29,13 +29,13 @@ const Base = styled(View)`
 /* You'd write this in production, but does show-case what you can do */
 const Orientation = styled(Base)`
   @media (orientation: landscape) {
-    &:not([@portrait]) {
+    &[@direction='landscape'] {
       --border: var(--active);
     }
   }
 
   @media (orientation: portrait) {
-    &[@portrait] {
+    &[@direction='portrait'] {
       --border: var(--active);
     }
   }
@@ -85,10 +85,10 @@ export default () => (
   <View>
     <ExampleHeader>Orientation</ExampleHeader>
     <ExampleRow>
-      <Orientation>
+      <Orientation direction="landscape">
         <ExampleText>Landscape</ExampleText>
       </Orientation>
-      <Orientation portrait>
+      <Orientation direction="portrait">
         <ExampleText>Portrait</ExampleText>
       </Orientation>
     </ExampleRow>

package.json

@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@react-native-community/slider": "^2.0.0",
-    "cssta": "../cssta-new/cssta-v0.9.0.tgz",
+    "cssta": "0.9.0-alpha.2",
     "react": "16.8.6",
     "react-native": "0.60.5"
   },

yarn.lock

@@ -1949,7 +1949,7 @@ css-color-keywords@^1.0.0:
   resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05"
   integrity sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU=
 
-css-to-react-native@^2.3.1:
+css-to-react-native@^2.3.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-2.3.2.tgz#e75e2f8f7aa385b4c3611c52b074b70a002f2e7d"
   integrity sha512-VOFaeZA053BqvvvqIA8c9n0+9vFppVBAHCp6JgFTtTMU3Mzi+XnelJ9XC9ul3BqFzZyQ5N+H0SnwsWT2Ebchxw==
@@ -1975,12 +1975,13 @@ cssstyle@^1.0.0:
   dependencies:
     cssom "0.3.x"
 
-cssta@../cssta-new/cssta-v0.9.0.tgz:
-  version "0.9.0"
-  resolved "../cssta-new/cssta-v0.9.0.tgz#27862465967b924320d9e9447224f03685426628"
+cssta@0.9.0-alpha.2:
+  version "0.9.0-alpha.2"
+  resolved "https://registry.yarnpkg.com/cssta/-/cssta-0.9.0-alpha.2.tgz#bdd6bb72a145c9c8ae669f45f1b7fd42112efca8"
+  integrity sha512-rL+RL0tQnKViu/NAlwiUBlUm3Tg+IetOJvyqe24YX1joHObBHJipdH7goI98Ug4VvF/yjor08vu5DURMucWasQ==
   dependencies:
     css-color-function "^1.3.3"
-    css-to-react-native "^2.3.1"
+    css-to-react-native "^2.3.2"
     postcss "^7.0.17"
     postcss-selector-parser "^6.0.2"