diff --git a/docs/index.html b/docs/index.html index a92a221..5c2887f 100644 --- a/docs/index.html +++ b/docs/index.html @@ -18,23 +18,14 @@ - - - + diff --git a/docs/script.js b/docs/script.js index 014f24a..a9ca9ac 100644 --- a/docs/script.js +++ b/docs/script.js @@ -122,7 +122,7 @@ const createColorSchemeListener = (scheme, queryHandler) => { const themeFromParams = queryParams.get('theme') /** @type {VersionOptions} */ const initialVersionOptions = { - theme: /** @type {Theme} */ (/^(dark|light)$/.test(themeFromParams) ? themeFromParams : 'dark'), + theme: themeFromParams === 'dark' || themeFromParams === 'light' ? themeFromParams : 'dark', isLegacy: queryParams.has('legacy') || !supportsCssVars, isStandalone: queryParams.has('standalone'), } diff --git a/gulpfile.js b/gulpfile.js index 2de0315..ff7b749 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -58,13 +58,16 @@ function style() { const excludeModern = filter(file => isLegacy(file.path), { restore: true }) const excludeLegacy = filter(file => !isLegacy(file.path), { restore: true }) + // Don't inline minified versions, so builds can lazily import them at runtime + const cssImportOptions = { filter: path => !/\.min/.test(path) } + return ( gulp .src(paths.styles.src) // Add sourcemaps .pipe(sourcemaps.init()) // Resolve imports and calculated colors - .pipe(postcss([postcssImport(), postcssColorModFunction()])) + .pipe(postcss([postcssImport(cssImportOptions), postcssColorModFunction()])) // * Process legacy builds * .pipe(excludeModern) diff --git a/src/builds/dark-legacy.css b/src/builds/dark-legacy.css index 85c00b9..7d51f27 100755 --- a/src/builds/dark-legacy.css +++ b/src/builds/dark-legacy.css @@ -5,6 +5,5 @@ * if a system-wide theme preference is set on the user's device. */ -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css'); -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css') -(prefers-color-scheme: light); +@import url('./dark-legacy.standalone.min.css'); +@import url('./light-legacy.standalone.min.css') (prefers-color-scheme: light); diff --git a/src/builds/light-legacy.css b/src/builds/light-legacy.css index 588a32d..1a3eef3 100755 --- a/src/builds/light-legacy.css +++ b/src/builds/light-legacy.css @@ -5,6 +5,5 @@ * if a system-wide theme preference is set on the user's device. */ -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css'); -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css') -(prefers-color-scheme: dark); +@import url('./light-legacy.standalone.min.css'); +@import url('./dark-legacy.standalone.min.css') (prefers-color-scheme: dark);