diff options
author | Canop <cano.petrole@gmail.com> | 2024-04-28 09:38:51 +0200 |
---|---|---|
committer | Canop <cano.petrole@gmail.com> | 2024-04-28 09:38:51 +0200 |
commit | edd46d4fe66b713461ef8ec88b8ee6f1a3ce0e16 (patch) | |
tree | d33396e795f81dee1f9ec598ce3fd587f6201580 | |
parent | 6c8920837ca4ee1625d39022a838a6f4010370dc (diff) |
update css to support h4
-rw-r--r-- | website/docs/css/extra.css | 21 | ||||
-rw-r--r-- | website/docs/icons.md | 12 |
2 files changed, 23 insertions, 10 deletions
diff --git a/website/docs/css/extra.css b/website/docs/css/extra.css index eb8cb25..3a394af 100644 --- a/website/docs/css/extra.css +++ b/website/docs/css/extra.css @@ -24,19 +24,32 @@ body .col-md-9 p img { } +h1, h2, h3, h4 { + /*color: #1b465f;*/ +} h1 { font-size: 22px; + border-top: solid 1px; + padding-top: 8px; border-bottom: solid 1px; - padding-bottom: 8px; + padding-bottom: 9px; margin: 30px 0 20px 0; - border-image-source: linear-gradient(to right, #178acc, #fff); + border-image-source: linear-gradient(to right, #178accff, #fff0); border-image-slice: 1; } h2 { - font-size: 19px; + font-size: 20px; + border-bottom: solid 1px; + padding-bottom: 7px; + margin: 20px 0 10px 0; + border-image-source: linear-gradient(to right, #178accaa, #fff0, #fff0, #fff0); + border-image-slice: 1; } h3 { - font-size: 16px; + font-size: 20px; +} +h4 { + font-size: 18px; } body .navbar { diff --git a/website/docs/icons.md b/website/docs/icons.md index 49dc868..687012a 100644 --- a/website/docs/icons.md +++ b/website/docs/icons.md @@ -1,13 +1,13 @@ # Icons Overview -Broot supports showing icons in terminal if a supported font is installed. -Currently, two fonts are supported, `nerdfonts` and `vscode`. +Broot supports showing icons in terminal if a supported font is installed. +Currently, two fonts are supported, `nerdfonts` and `vscode`. Here is a screenshot, with nerdfont to the left and vscode at right: ![Broot icon comparison](img/20240225-icon-comparison.png) -# Configuration +# Configuration First add the appropriate lines to your broot config. @@ -27,7 +27,7 @@ icon_theme: nerdfont icon_theme = "nerdfont" ``` -If the appropriate fonts are already installed correctly on your system then new instances of broot will show icons correctly. +If the appropriate fonts are already installed correctly on your system then new instances of broot will show icons correctly. # Installation and checking for presence @@ -56,7 +56,7 @@ echo -e "file_type_rust looks like \ue7a8" This should display a rust icon -Unless you're really unlucky (there is some font that has the rust gear icon at the exact unicode point as the query but doesn't have other glyphs), you probably have the font installed correctly. If not, move to the installation section. +Unless you're really unlucky (there is some font that has the rust gear icon at the exact unicode point as the query but doesn't have other glyphs), you probably have the font installed correctly. If not, move to the installation section. ## Installation @@ -105,7 +105,7 @@ To get started, have a look at look at the resources/icons/nerdfont directory an **A:** For performance reasons, icon mapping is hardcoded. If this looks like a problem, please come and chat with us on miaou. -**Q:** How do I remap in nerdfont? +**Q:** How do I remap in nerdfont? **A:** If you want to map or remap icons, please go to <a href="https://www.nerdfonts.com/cheat-sheet" target="_blank">nerdfont-cheat-sheet</a> and search for an icon you would like to set in its place. In order to correctly fix the icon mapping you need a FILE_EXTENSION and a NERDFONT_ICON_CODE. For this example we are remapping the json file extension. |