From e14f5723f2ca14ee15f8e1f65f07477f5d4485af Mon Sep 17 00:00:00 2001 From: George <31376482+george-gca@users.noreply.github.com> Date: Thu, 25 Jul 2024 14:01:57 -0300 Subject: [PATCH] Added customizing css to CUSTOMIZE.md (#2602) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: George Araújo --- CUSTOMIZE.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/CUSTOMIZE.md b/CUSTOMIZE.md index 2dffe4d..ccdd058 100644 --- a/CUSTOMIZE.md +++ b/CUSTOMIZE.md @@ -159,9 +159,13 @@ To add secrets for [lighthouse-badger](https://github.com/alshedivat/al-folio/ac Also In case you face the error: "Input required and not supplied: token" in the Lighthouse Badger action, this solution resolves it. -#### Personal Access Token (fine-grained) Permissions for Lighthouse Badger: +### Personal Access Token (fine-grained) Permissions for Lighthouse Badger: - **contents**: access: read and write - **metadata**: access: read-only Due to the necessary permissions (PAT and others mentioned above), it is recommended to use it as a secret rather than an environment variable. + +## Customizing fonts, spacing, and more + +You can customize the fonts, spacing, and more by editing [\_sass/\_base.scss](_sass/_base.scss). The easiest way to try in advance the changes is by using [chrome dev tools](https://developer.chrome.com/docs/devtools/css) or [firefox dev tools](https://firefox-source-docs.mozilla.org/devtools-user/). In there you can click in the element and find all the attributes that are set for that element and where are they. For more information on how to use this, check [chrome](https://developer.chrome.com/docs/devtools/css) and [firefox](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_and_edit_css/index.html) how-tos, and [this tutorial](https://www.youtube.com/watch?v=l0sgiwJyEu4).