Added custom css

This commit is contained in:
Francesco 2024-05-01 12:54:42 +02:00
parent 68dc3b17ba
commit 0b3f9e6afd
3 changed files with 9 additions and 3 deletions

View file

@ -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.

1
assets/css/custom.css Normal file
View file

@ -0,0 +1 @@
/* Place custom css here */

View file

@ -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 }}