initial

utils/styles.js

@@ -0,0 +1,19 @@
+
+export const createStyles  = (sheet) => {
+  return new Proxy(sheet, {
+    get: (target, property, receiver) => {
+      const medias = getMedia(target).filter((media) => {
+        if (!target[media].hasOwnProperty(property)) return false;
+        return matchMedia(media).matches;
+      });
+      if (medias.length === 0) return target[property];
+      return target[medias[medias.length-1]][property];
+    }
+  })
+}
+
+function getMedia(target) {
+  const properties = Object.keys(target);
+  const regex = new RegExp(/\(.*\)/);
+  return properties.filter((property) => regex.test(property))
+}