[#63] feat: add support to fetch remote http file content

examples/css-imports/index.css

@@ -0,0 +1,21 @@
+@import './local.css';
+
+/* Following is very specific to webpack/react projects */
+/* I won't be supporting this in this extension, as a user can import */
+/* such css files from extension settings */
+/* @import '~open-props/open-props.min.css' */
+
+@import 'node_modules/open-props/open-props.min.css';
+
+/* Following import syntax is supported by vite projects */
+/* Again this is very bundler specific and will not be supported */
+/* @import 'pollen-css/pollen.css'; */
+
+@import url(https://unpkg.com/[email protected]/pollen.css);
+
+body {
+  color: var(--red-2);
+  padding: var(--gap-md);
+  border-color: var(--color-red);
+  grid-template-columns: var(--grid-page);
+}

examples/css-imports/local.css

@@ -0,0 +1,7 @@
+:root {
+  --gap-sm: 0.25rem;
+  --gap-md: 0.5rem;
+  --gap-lg: 1rem;
+  --gap-xl: 2rem;
+  --gap-xxl: 4rem;
+}

examples/css-imports/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "css-imports",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "open-props": "^1.4.14",
+    "pollen-css": "^4.4.0"
+  }
+}

package.json

@@ -33,7 +33,8 @@
   },
   "icon": "img/icon.png",
   "engines": {
-    "vscode": "^1.46.0"
+    "vscode": "^1.53.0",
+    "node": "^12.18.3"
   },
   "categories": [
     "Other"
@@ -336,10 +337,10 @@
     "@types/glob": "^7.2.0",
     "@types/jest": "^26.0.24",
     "@types/lodash": "^4.14.180",
-    "@types/node": "18",
+    "@types/node": "12.12.6",
     "@types/postcss-less": "^4.0.2",
     "@types/postcss-safe-parser": "^5.0.1",
-    "@types/vscode": "1.46.0",
+    "@types/vscode": "1.53.0",
     "@typescript-eslint/eslint-plugin": "^5.17.0",
     "@typescript-eslint/parser": "^5.17.0",
     "babel-jest": "^26.6.3",