diff options
| author | Francesco <tomaselli.fr@gmail.com> | 2024-05-01 12:54:42 +0200 |
|---|---|---|
| committer | Francesco <tomaselli.fr@gmail.com> | 2024-05-01 12:54:42 +0200 |
| commit | cfa0b0b190f99738779e83bc98d9759aeaa7bebd (patch) | |
| tree | ecdb7770b2f174a863ebebacfbb61abbb1f42c20 | |
| parent | 45206aa28f4eea171d6e00be861b5a258281b789 (diff) | |
Added custom css
| -rw-r--r-- | README.md | 8 | ||||
| -rw-r--r-- | assets/css/custom.css | 1 | ||||
| -rw-r--r-- | layouts/partials/head/css.html | 3 |
3 files changed, 9 insertions, 3 deletions
@@ -29,6 +29,7 @@ Typo is a theme backed by simplicity, as you can see in the screenshots below. T - [2.3 Dark and light mode images](#23-dark-and-light-mode-images) - [2.4 Fonts](#24-fonts) - [2.5 Miscellaneous](#25-miscellaneous) + - [2.6 Extending the theme](#26-extending-the-theme) - [3 Configuration example](#3-configuration-example) - [3.1 post.md](#31-postmd) - [3.2 hugo.toml](#32-hugotoml) @@ -103,6 +104,11 @@ Various miscellaneous features: - Latex blocks overflows on mobile to prevent having strange alignments; - Code blocks are displayed with ligatures. +### 2.6 Extending the theme + +You can easily modify the existing style by placing custom CSS inside `assets/css/custom.css` +This has priority over existing CSS. + ## 3 Configuration example ### 3.1 post.md @@ -206,7 +212,5 @@ Leave a star if you are using the theme, I would really appreciate! :star: ## 6 Future Works - [ ] Bring SEO and [performance metrics](https://pagespeed.web.dev/) to 100% both on mobile and desktop; -- [ ] Add additional options on posts list view; - [ ] Add color palettes; - [ ] Add a proper Tags page; -- [ ] Cleanup SVGs with coherent icon styles. diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..b61e678 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1 @@ +/* Place custom css here */
\ No newline at end of file diff --git a/layouts/partials/head/css.html b/layouts/partials/head/css.html index abca3b8..a5b2322 100644 --- a/layouts/partials/head/css.html +++ b/layouts/partials/head/css.html @@ -3,7 +3,8 @@ (resources.Get "css/vars.css") (resources.Get "css/utils.css") (resources.Get "css/fonts.css") -(resources.Get "css/main.css") | +(resources.Get "css/main.css") +(resources.Get "css/custom.css") | resources.Concat "assets/combined.css" | minify | fingerprint }} |