dan
/
jekyll
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update 07-assets.md (#7413) 

Merge pull request 7413
This commit is contained in:
dkalev 2020-02-13 19:39:59 +01:00 committed by GitHub
parent 542d9ce79a
commit 6064ce8eba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/_docs/step-by-step/07-assets.md
View File

@ -19,7 +19,7 @@ Jekyll sites often use this structure to keep assets organized:
## Sass ## 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. let's style the current page with a class instead.
{% raw %} {% 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. 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 %} {% raw %}
```liquid ```liquid
@ -82,6 +82,8 @@ Open `_layouts/default.html` and add the stylesheet to the `<head>`:
``` ```
{% endraw %} {% 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> 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. and check the active link in the navigation is green.