Add custom css to jekyll site
To add custom css to a jekyll site, Create a new folder assets in the project root directory of the site. Then create a main.scss file in the assets folder to add the custom css. Edit the content of the main.scss file and add the following code to import the current default site theme’s css file.
---
---
@import " {{ site.theme }} ";
Add all custom css code below the @import statement.
The version of Jekyll is 4.3.3 and Ruby 3.1.2.