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

remove leading slash from Sass file location (#8021) 

Merge pull request 8021
This commit is contained in:
Gareth Mcshane 2020-02-24 21:43:26 +11:00 committed by GitHub
parent 3e440a9cc1
commit 331d3f3ffe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -36,7 +36,7 @@ You could use a standard CSS file for styling, we're going to take it a step
further by using [Sass](https://sass-lang.com/). Sass is a fantastic extension
to CSS baked right into Jekyll.
First create a Sass file at `/assets/css/styles.scss` with the following content:
First create a Sass file at `assets/css/styles.scss` with the following content:
```sass
---
@ -51,7 +51,7 @@ directory (`_sass/` by default which is directly under root folder of your websi
At this stage you'll just have a main css file. For larger projects, this is a
great way to keep your CSS organized.
Create a Sass file at `/_sass/main.scss` with the following content:
Create a Sass file at `_sass/main.scss` with the following content:
```sass
.current {
@ -70,7 +70,7 @@ Open `_layouts/default.html` and add the stylesheet to the `<head>`:
<head>
<meta charset="utf-8">
<title>{{ page.title }}</title>
<link rel="stylesheet" href="/assets/css/styles.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
{% include navigation.html %}
@ -80,7 +80,7 @@ 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/`.
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.