From f6aab47de2b9bb8ad2ed6eb3c52a29ef4b243157 Mon Sep 17 00:00:00 2001
From: Matia <38083522+mattcroat@users.noreply.github.com>
Date: Wed, 7 Dec 2022 12:34:16 +0100
Subject: [PATCH] docs: Fix bad path in customization
The example on the [customization page](https://picocss.com/docs/customization.html) for importing components is wrong and should use the proper path in `node_modules`.
```diff
// Import needed components
- @import "@picocss/pico/scss/pico/layout/document";
+ @import "@picocss/pico/scss/layout/document";
- @import "@picocss/pico/scss/pico/layout/sectioning";
+ @import "@picocss/pico/scss/layout/sectioning";
````
---
docs/customization.html | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/docs/customization.html b/docs/customization.html
index 04ce489c..44111784 100644
--- a/docs/customization.html
+++ b/docs/customization.html
@@ -53,7 +53,7 @@
@import "path/themes/custom";;
// Import needed components
-@import "@picocss/pico/scss/pico/layout/document";
-@import "@picocss/pico/scss/pico/layout/sectioning";
+@import "@picocss/pico/scss/layout/document";
+@import "@picocss/pico/scss/layout/sectioning";
…
-Compiling a custom SASS version allows you to create a lighter version with only the components that are useful to you. Example here: scss/pico.slim.scss.