basically done

yocontra · Aug 15, 2014 · 1413782 · 1413782
1 parent ec2ed95
commit 1413782
Show file tree

Hide file tree

Showing 10 changed files with 165 additions and 141 deletions.
diff --git a/dist/react-responsive.js b/dist/react-responsive.js
diff --git a/dist/react-responsive.js.map b/dist/react-responsive.js.map
diff --git a/package.json b/package.json
@@ -33,7 +33,7 @@
     "watchify": "^1.0.0"
   },
   "scripts": {
-    "lint": "jshint . --reporter node_modules/jshint-stylish/stylish.js --exclude node_modules",
+    "lint": "jshint ./src --reporter node_modules/jshint-stylish/stylish.js --exclude node_modules",
     "test": "npm run-script lint"
   },
   "engines": {

diff --git a/samples/sandbox/dist/index.jsx b/samples/sandbox/dist/index.jsx
@@ -15,26 +15,26 @@ var App = React.createClass({
     return (
       <div>
         <div>Device Test!</div>
-        <mq query='(min-device-width: 1224px)'>
+        <mq minDeviceWidth={1224}>
           <div>You are a desktop or laptop</div>
-          <mq query='(min-device-width: 1824px)'>
+          <mq minDeviceWidth={1824}>
             <div>You also have a huge screen</div>
           </mq>
-          <mq query='(max-width: 1224px)'>
+          <mq maxWidth={1224}>
             <div>You are sized like a tablet or mobile phone though</div>
           </mq>
         </mq>
-        <mq query='(max-device-width: 1224px)'>
+        <mq maxDeviceWidth={1224}>
           <div>You are a tablet or mobile phone</div>
         </mq>
 
-        <mq query='(orientation: portrait)'>
+        <mq orientation='portrait'>
           <div>You are portrait</div>
         </mq>
-         <mq query='(orientation: landscape)'>
+         <mq orientation='landscape'>
           <div>You are landscape</div>
         </mq>
-        <mq query='(min-resolution: 2dppx)'>
+        <mq minResolution='2dppx'>
           <div>You are retina</div>
         </mq>
       </div>