v1.5.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "consistencss",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "react native css",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

website/i18n/en.json

@@ -45,6 +45,9 @@
       "layout": {
         "title": "Layout"
       },
+      "responsive": {
+        "title": "responsive"
+      },
       "sizing": {
         "title": "Sizing"
       },
@@ -202,6 +205,9 @@
       "version-1.4.0/version-1.4.0-usage": {
         "title": "Usage",
         "sidebar_label": "Usage"
+      },
+      "version-1.5.0/version-1.5.0-responsive": {
+        "title": "responsive"
       }
     },
     "links": {

website/sidebars.json

@@ -21,7 +21,8 @@
       "exists",
       "getsizefor",
       "components",
-      "theme"
+      "theme",
+      "responsive"
     ]
   }
 }

website/versioned_docs/version-1.5.0/responsive.md

@@ -0,0 +1,45 @@
+---
+id: version-1.5.0-responsive
+title: responsive
+original_id: responsive
+---
+
+responsive API. apply styles depending of screen width.
+
+```js
+import { apply, classNames, extend, responsive } from 'consistencss';
+
+extend({
+  layout: {
+    sm: 300,
+    md: 401,
+    l: 501,
+  },
+});
+
+const App = ({ active }) => (
+  <View
+    style={responsive({
+      sm: apply(C.bgRed),
+      md: C.bgBlue,
+      l: classNames({
+        bgGreen: active,
+        bgBlack: !active 
+      })
+    })}
+  >
+    ...
+  </View>
+);
+```
+
+Default screen size values:
+
+```
+xs: 0
+sm: 411
+md: 568
+lg: 768
+xl: 1024
+xxl: 1280
+```

website/versioned_sidebars/version-1.5.0-sidebars.json

@@ -0,0 +1,32 @@
+{
+  "version-1.5.0-docs": {
+    "Getting started": [
+      "version-1.5.0-getting-started",
+      "version-1.5.0-troubleshooting",
+      "version-1.5.0-usage"
+    ]
+  },
+  "version-1.5.0-api": {
+    "Consistencss": [
+      "version-1.5.0-background",
+      "version-1.5.0-borders",
+      "version-1.5.0-effects",
+      "version-1.5.0-flex",
+      "version-1.5.0-layout",
+      "version-1.5.0-sizing",
+      "version-1.5.0-spacing",
+      "version-1.5.0-typography"
+    ],
+    "Methods": [
+      "version-1.5.0-apply",
+      "version-1.5.0-boxShadow",
+      "version-1.5.0-classNames",
+      "version-1.5.0-extend",
+      "version-1.5.0-exists",
+      "version-1.5.0-getsizefor",
+      "version-1.5.0-components",
+      "version-1.5.0-theme",
+      "version-1.5.0-responsive"
+    ]
+  }
+}

website/versions.json

@@ -1,4 +1,5 @@
 [
+  "1.5.0",
   "1.4.0",
   "1.3.0",
   "1.2.0",