merge

frankpagan · frankpagan · commit fc7d6f918059 · 2021-05-19T03:51:44.000Z
diff --git a/docs/test.html b/docs/test.html
@@ -36,10 +36,10 @@
     }
 </style>
 
-<body theme="darkmode">
-    <div>
-        <div class="background:black:dark background:white:light">
-            <h1 class="color:white:dark color:black:light">hello, how are you</h1>
+<body>
+    <div theme="dark" class="width:50%@300px-500px">
+        <div class="background:black:dark">
+            <h1 class="color:white:dark"></h1>
         </div>
         <a data-toggle="dark, light" data-toggle_target="body" data-toggle_attribute="theme">Toggle Darkmode</a>
     </div>
diff --git a/src/index.js b/src/index.js
@@ -283,8 +283,12 @@ const addParsingClassList = (classList) => {
 
                     for (let i = 1; i < parts.length; i++) {
                         let range_num = mediaRangeNames.indexOf(parts[i]);
-                        if (range_num == -1) continue;
-                        let range = rangesArray[range_num];
+                        let range = []
+                        if (range_num != -1) range = rangesArray[range_num];
+                        else {
+                            let customRange = parts[i].split('-');
+                            range = customRange.map(c => Number.parseInt(c))
+                        }
                         let prefix = "@media screen";
                         if (range[0] != 0) {
                             prefix += " and (min-width:" + range[0] + "px)";
