greggman · February 19, 2026 03:24
diff --git a/README.md b/README.md
diff --git a/index.css b/index.css
 /*bug-in-github-api-content-can-not-be-empty*/
diff --git a/index.html b/index.html
 <svg width="100" height="100">
  <style>
  :root {
    --w: 50;
    --h: 100;
  }
  @media (max-width: 600px) {
    :root {
      --w: 100;
      --h: 50;
    }

  }
  </style>
  <rect width="100" height="50" fill="blue" style="width: var(--w); height: var(--h)" />
 </svg>
diff --git a/index.js b/index.js
 /*bug-in-github-api-content-can-not-be-empty*/
diff --git a/jsGist.json b/jsGist.json
 {"name":"SVG: responsive size","settings":{},"filenames":["index.html","index.css","index.js"]}
	<svg width="100" height="100">
	<style>
	:root {
	--w: 50;
	--h: 100;
	}
	@media (max-width: 600px) {
	:root {
	--w: 100;
	--h: 50;
	}

	}
	</style>
	<rect width="100" height="50" fill="blue" style="width: var(--w); height: var(--h)" />
	</svg>
No results found