From 3072988858bedefb61d18889c47361fc5ea41822 Mon Sep 17 00:00:00 2001 From: Francesco Date: Thu, 3 Apr 2025 01:47:43 +0200 Subject: [PATCH] Update wiki --- .../{hooks.md => advanced-customization.md} | 27 ++++++++++++++++--- wiki/features/custom-css.md | 27 ------------------- 2 files changed, 23 insertions(+), 31 deletions(-) rename wiki/features/{hooks.md => advanced-customization.md} (59%) delete mode 100644 wiki/features/custom-css.md diff --git a/wiki/features/hooks.md b/wiki/features/advanced-customization.md similarity index 59% rename from wiki/features/hooks.md rename to wiki/features/advanced-customization.md index 97d0cba..7dc8f7c 100644 --- a/wiki/features/hooks.md +++ b/wiki/features/advanced-customization.md @@ -1,15 +1,34 @@ --- -title: "Hooks" -date: "2024-10-06" -summary: "Layout hooks" -description: "Layout hooks" +title: "Advanced Customization" +date: "2024-10-07" +summary: "Advanced customization options" +description: "Advanced customization options" toc: false readTime: false autonumber: true math: false showTags: false +hideBackToTop: true --- +## Custom CSS + +The theme supports custom css, you can override anything you want by redefining classes in the `assets/css/custom.css` file. + +For instance, changing the main width can be done as follows: + +```css +:root { + --main-width: 1024px; /* overrides default of 780px */ +} +``` + +Note that backward incompatible changes in the CSS will likely not happen, but there might be cases in the future where +backward compatibility is not possible. If you are overriding a huge amount of CSS I suggest you forking the project instead of +defining it here. + +## Hooks + Hooks allow to customize layouts by injecting custom code at specific points in the layout. Hooks are defined in the `layouts/partials/hooks` directory. The following hooks are currently available: diff --git a/wiki/features/custom-css.md b/wiki/features/custom-css.md deleted file mode 100644 index 9417918..0000000 --- a/wiki/features/custom-css.md +++ /dev/null @@ -1,27 +0,0 @@ ---- -title: "Custom CSS" -date: "2024-10-07" -summary: "Custom CSS parameters" -description: "Custom CSS parameters" -toc: false -readTime: false -autonumber: true -math: false -showTags: false -hideBackToTop: true ---- - -The theme supports custom css, you can override anything you want by redefining classes in the `assets/css/custom.css` file. - -For instance, changing the main width can be done as follows: - -```css -:root { - --main-width: 1024px; /* overrides default of 780px */ -} -``` - -Note that backward incompatible changes in the CSS will likely not happen, but there might be cases in the future where -backward compatibility is not possible. If you are overriding a huge amount of CSS I suggest you forking the project instead of -defining it here. -