dependencies: ["sheet.css"], // wait for sheet.css via dependencies
type: "lazy", // use $lazy for timing (Intersection Observer)
config: [".selector-in-view", 0, "200px"], // visible within 200 pixels
dependencies: "other", // dependency by ref
after: "meta[charset]" // control insert target
type: "media", // download stylesheet based on a media query (works with viewport changes, e.g. viewport rotate)
media: "screen and (max-width: 600px)"
/* global options: applied to all stylesheets */
// base directory for relative sheet URLs
base: "/long/path/to/css/",
// render timing: paint sheet with requestAnimationFrame
render_timing: "requestAnimationFrame"
.then(function() { /* ready */ });