From 2d72d8601eaf727918c764ed510223b7c5d83a7c Mon Sep 17 00:00:00 2001 From: weru <fromweru@gmail.com> Date: Fri, 12 Mar 2021 16:46:50 +0000 Subject: [PATCH] Update from Forestry.io weru updated exampleSite/content/docs/compose/customize.md --- exampleSite/content/docs/compose/customize.md | 33 ++++++++++++++++++--------------- 1 files changed, 18 insertions(+), 15 deletions(-) diff --git a/exampleSite/content/docs/compose/customize.md b/exampleSite/content/docs/compose/customize.md index b7580d6..be7496c 100644 --- a/exampleSite/content/docs/compose/customize.md +++ b/exampleSite/content/docs/compose/customize.md @@ -1,38 +1,39 @@ +++ -title = "Customize layouts & components" description = "basic configuration" -# weight = 10 -+++ +title = "Customize layouts & components" ++++ ### Shortcodes modifiers These modifiers are classes you can use with shortcodes to customize the look and feel of your layouts and components. #### Grid -| modifier | space | + +| modifier | space | | --- | --- | | grid-2 | 2 columns | | grid-3 | 3 columns | | grid-4 | 4 columns | #### Spacing -| modifier | space | -| ---| --- | + +| modifier | space | +| --- | --- | | mt-1 | 1.5rem top margin | | mt-2 | 3rem top margin | | mt-3 | 4.5rem top margin | | mt-4 | 6rem top margin | -> use pt-1 ~ pt-4 for top padding +> use pt-1 \~ pt-4 for top padding -| modifier | space | -|---| --- | +| modifier | space | +| --- | --- | | mb-1 | 1.5rem bottom margin | | mb-2 | 3rem bottom margin | | mb-3 | 4.5rem bottom margin | | mb-4 | 6rem bottom margin | -> use pb-1 ~ pb-4 for bottom padding +> use pb-1 \~ pb-4 for bottom padding ### How do I disable dark mode? @@ -41,15 +42,18 @@ > The user will still have the option to activate dark mode, if they so wish through the UI ### How do I change the theme color? + If the theme is a git submodule, you can copy the file `assets/sass/_variables.sass` from the theme into your own site. The location must be exactly the same as in the theme, so put it in `YourFancySite/assets/sass/`. You can then edit the file to customize the theme color in your site without having to modify the theme itself. ### How can I change the address bar color on mobile devices? + Just put the following line in the `[params]` section in your `config.toml` file (and of course change the color): -````toml + +```toml metaThemeColor = "#123456" -```` +``` ### How do I add custom styles, scripts, meta tags e.t.c @@ -64,7 +68,7 @@ The contents of the second file will be attached just before the `</body>` tag. -Alternatively, if you want to use the `config.toml` to track your custom styles or scripts, and them in as an array(s) under `[params]` like so: +Alternatively, if you want to use the `config.toml` to track your custom styles or scripts, declare them as slices under `[params]` like so: ```toml ... @@ -74,5 +78,4 @@ ... ``` -### I want to add custom sass - +### I want to add custom sass \ No newline at end of file -- Gitblit v1.10.0