Skip to content

Commit

Permalink
docs(v4): update "CSS and JS Modules" section in README
Browse files Browse the repository at this point in the history
  • Loading branch information
igor-baiborodine authored Oct 29, 2023
1 parent 60c45f1 commit 9699fbd
Showing 1 changed file with 11 additions and 7 deletions.
18 changes: 11 additions & 7 deletions v4/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -940,9 +940,9 @@ personalized: `linenos`, `hl_lines`, `linenostart`, `anchorlinenos`, `lineanchor
Read Hugo's [documentation](https://gohugo.io/content-management/syntax-highlighting/) for more details.

### Colors and Fonts
### Layout, Colors and Fonts

Styling is implemented using SCSS along with [npm](https://www.npmjs.com/), which is only used for dependency management. Colors and fonts can be customized via variables defined in
Site layout and styling are implemented using SCSS along with [npm](https://www.npmjs.com/), which is only used for dependency management. Layout, colors and fonts can be customized via variables defined in
the [`assets/sass/theme.scss`](assets/sass/theme.scss) file.

For example, if you want to customize the `$base-color` variable, you should define the `baseColor` parameter in your
Expand All @@ -961,10 +961,14 @@ $base-color: {{ .Param "baseColor" | default "#1d1f38" }};
This theme supports hot-swappable CSS and JavaScript extensions, which can be specified using the `css_modules`
and `js_modules` list parameters in your site's `config.toml` file. Modules can be specified either relative to the `static`
directory (e.g., `exampleSite/static/css/custom.css`) or as a URL.
directory (e.g., `exampleSite/static/custom.css`) or as a URL:

Modules are imported in the order they appear in the list and immediately after the default Bilberry CSS and JS files
are imported.
```toml
[params]
css_modules = ["custom.css","//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css"]
```

Modules are imported in the order they appear in the list and processed immediately after the default Bilberry CSS and JS files.

### Cookie Disclaimer (GDPR)

Expand Down Expand Up @@ -997,8 +1001,8 @@ Storing these files on your website reduces external dependencies, increases pri
website in an offline environment.
```toml
css_modules = ["..", "//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css"]
js_modules = ["..", "//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js", "init-cookieconsent.js"]
css_modules = ["//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css"]
js_modules = ["//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js","init-cookieconsent.js"]
```
## Translations
Expand Down

0 comments on commit 9699fbd

Please sign in to comment.