diff --git a/docs/customization.html b/docs/customization.html index 6a230774..04ce489c 100644 --- a/docs/customization.html +++ b/docs/customization.html @@ -46,14 +46,14 @@ $primary-600: ; $primary-700: ; -// Import full Pico source code -@import "path/pico";

Alternatively, you can create a custom theme and import it into your project with the components you need.

/* Custom  version */
+// Import Pico
+@import "@picocss/pico/scss/pico";

Alternatively, you can create a custom theme and import it into your project with the components you need.

/* Custom version */
 
 // Custom theme
-@import "path/themes/custom";
+@import "path/themes/custom";;
 
 // Import needed components
-@import "path/layout/document";
-@import "path/layout/sectioning";
+@import "@picocss/pico/scss/pico/layout/document";
+@import "@picocss/pico/scss/pico/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.

\ No newline at end of file diff --git a/docs/src/customization.html b/docs/src/customization.html index 33b8b7ed..4dd5558f 100644 --- a/docs/src/customization.html +++ b/docs/src/customization.html @@ -102,19 +102,19 @@ $primary-600: ; $primary-700: ; -// Import full Pico source code -@import "path/pico"; +// Import Pico +@import "@picocss/pico/scss/pico";

Alternatively, you can create a custom theme and import it into your project with the components you need.

-
/* Custom  version */
+
/* Custom version */
 
 // Custom theme
-@import "path/themes/custom";
+@import "path/themes/custom";;
 
 // Import needed components
-@import "path/layout/document";
-@import "path/layout/sectioning";
+@import "@picocss/pico/scss/pico/layout/document";
+@import "@picocss/pico/scss/pico/layout/sectioning";