script-media-query

KO | EN

gitlite — search

#javascript #react #typescript #llm #android #rust #deep-learning #java #awesome #kubernetes #awesome-list #vue #security #mcp

script-media-query

(★ 21)

An @media (script) polyfill experiment

script-media-query Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

:warning: This project is archived and the repository is no longer maintained.

# script-media-query

[![Filament Group](http://filamentgroup.com/images/fg-logo-positive-sm-crop.png) ](http://www.filamentgroup.com/)

An @media (script) polyfill experiment

Rather than adding a `.js` class to qualify js-only styles, there's a new emerging standard for `@media (script)`. This is an experiment for enabling its use.

To use, add some styles like...

```css
@media (script), script {
	body:before {
		content: "JavaScript is enabled!";
		color: green;
	}
}
```

NOTE: the second media type, `, script` is not a real thing, but it is needed because the `(script)` query will be changed to `not all` when the browser looks it up. Fortunately, that second media type stays as-is, so the script recognizes the media.

Anyway, once you attach the scriptmq.js script, just call `enableScriptMQs();` and the script will overwrite the query directly in the stylesheet to the following, enabling it:

```css
@media all {
	body:before {
		content: "JavaScript is enabled!";
		color: green;
	}
}
```

script-media-query

script-media-query Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

script-media-query

script-media-query Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README