diff --git a/docs/index.html b/docs/index.html
index 2f7077f..89969ac 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -27,14 +27,14 @@
-
+
-
+
diff --git a/docs/script.js b/docs/script.js
index 17b21c5..3ce192e 100644
--- a/docs/script.js
+++ b/docs/script.js
@@ -27,7 +27,7 @@ const queryParams = new URLSearchParams(w.location.search)
const supportsCssVars = typeof CSS !== 'undefined' && CSS.supports('color', 'var(--clr)')
/** The base URI from where the docs page loads the CSS files. */
-const DEV_BASE = '../'
+const DEV_BASE = './water.css/'
/** The base URI from where instructions show to load the CSS files. */
const CDN_BASE = 'https://cdn.jsdelivr.net/gh/kognise/water.css/dist/'
diff --git a/gulpfile.js b/gulpfile.js
index ff7b749..386a414 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -112,6 +112,9 @@ function style() {
.pipe(sourcemaps.write('.'))
// Write the minified files
.pipe(gulp.dest(paths.styles.dest))
+ // Output files to docs directory so documentation site can use them
+ .pipe(gulp.dest(paths.docs.dest + '/water.css'))
+ // Final size report including gzipped sizes
.pipe(sizereport({ gzip: true, total: false, title: 'SIZE REPORT' }))
// Stream any changes to browserSync
.pipe(browserSync.stream())