parent
542d9ce79a
commit
6064ce8eba
|
@ -19,7 +19,7 @@ Jekyll sites often use this structure to keep assets organized:
|
|||
|
||||
## Sass
|
||||
|
||||
The inline styles used in `_includes/navigation.html` is not a best practice,
|
||||
Inlining the styles used in `_includes/header.html` is not a best practice,
|
||||
let's style the current page with a class instead.
|
||||
|
||||
{% raw %}
|
||||
|
@ -63,7 +63,7 @@ Create a Sass file at `/_sass/main.scss` with the following content:
|
|||
|
||||
You'll need to reference the stylesheet in your layout.
|
||||
|
||||
Open `_layouts/default.html` and add the stylesheet to the `<head>`:
|
||||
Open `_includes/head.html` and add the stylesheet to the `<head>`:
|
||||
|
||||
{% raw %}
|
||||
```liquid
|
||||
|
@ -82,6 +82,8 @@ Open `_layouts/default.html` and add the stylesheet to the `<head>`:
|
|||
```
|
||||
{% endraw %}
|
||||
|
||||
The `styles.css` referenced here is generated by Jekyll from the `styles.scss` you created earlier in `/assets/css/`.
|
||||
|
||||
Load up <a href="http://localhost:4000" target="_blank" data-proofer-ignore>http://localhost:4000</a>
|
||||
and check the active link in the navigation is green.
|
||||
|
||||
|
|
Loading…
Reference in New Issue