Merge pull request #306 from infinum/feature/sassdocs

Fix missing links

website/blog/2022-04-08-adding-fonts.md

@@ -82,7 +82,7 @@ Next, you can create a new file called **__typography.scss_** inside your **_/as
 @include font-face(global-settings(secondaryFont), 'NotoSerif-Italic', 400, italic);
 @include font-face(global-settings(secondaryFont), 'NotoSerif-Regular', 400);
 ```
-If you would like to know more about the `font-face` mixin, you can take a look at our [Sass documentation](/sass).
+If you would like to know more about the `font-face` mixin, you can take a look at our [Sass documentation](/docs/basics/library).
 
 Because this is a new file, we have to include it. You can do that inside **_/assets/styles/parts/\_shared.scss_** file:
 ```scss

website/docs/basics/fonts.md

@@ -9,6 +9,6 @@ Fonts can be added to your project in multiple ways, depending on your project's
 
 * Put your font files in this folder: `assets/fonts`.
 * Import each file in the `assets/fonts/index.js` so that Webpack knows how to process these files in its build process.
-* In your project, load the font family using font-face [method](/sass). We recommend that you create a new file `assets/styles/parts/utils/_defaults.scss` and put everything in that file.
+* In your project, load the font family using font-face [method](/docs/basics/library). We recommend that you create a new file `assets/styles/parts/utils/_defaults.scss` and put everything in that file.
 
 You can read [Igor's blog post about adding fonts to your project](/blog/adding-fonts).

website/docs/basics/helpers-scss.md

@@ -8,7 +8,7 @@ title: Scss
 
 For years, we have collected a list of useful SASS mixins, placeholders, and functions you can use in a project. You don't need to have all of this in your project. Check out our documentation and see what we have in store for you.
 
-**Visit [SassDocs](/sass) for more details.**
+**Visit [SassDocs](/docs/basics/library) for more details.**
 
 ## Default usage
 

website/docs/basics/writing-styles.md

@@ -37,7 +37,7 @@ We use maps for a lot of stuff in our boilerplate. The reason is that:
 * you can have multiple values with the same name and just change the top-level map,
 * etc.
 
-We also have many helpers, which you can check in our [SASS docs](/sass).
+We also have many helpers, which you can check in our [SASS docs](/docs/basics/library).
 
 In the component map, you should only add things that you will reuse in your component.
 

website/docs/legacy/v4/advanced/sass-docs.md

@@ -5,7 +5,7 @@ title: Sass
 
 For years we have collected a list of useful SASS mixins, functions, and all other stuff that you can use in a project. You don't need to have all this in your project; check out our documentation and import it from Eightshift Frontend Libs.
 
-**Visit [SassDocs](/sass) for more details.**
+**Visit [SassDocs](/docs/basics/library) for more details.**
 
 ## Default usage
 Sass mixing, functions, helpers are located in `node_modules/@eighshift/frontent-libs/styles/scss/eightshift-frontend-libs.scss` file. If you are using our webpack build then you are all set, and you can use it by importing it to your project like this:

website/docs/legacy/v5/basics/fonts.md

@@ -10,4 +10,4 @@ Fonts can be added to your project in multiple ways, depending on your project's
 
 * Put your font files in this folder: `assets/fonts`.
 * Import each file in the `assets/fonts/index.js` so that the Webpack knows how to process these files in its build process.
-* In your project, load the font family using font-face [method](/sass). We recommend that you create a new file `assets/styles/parts/utils/_defaults.scss` and put everything in that file.
+* In your project, load the font family using font-face [method](/docs/basics/library). We recommend that you create a new file `assets/styles/parts/utils/_defaults.scss` and put everything in that file.

website/docs/legacy/v5/basics/helpers-scss.md

@@ -9,7 +9,7 @@ sidebar_label: Scss
 
 For years, we have collected a list of useful SASS mixins, placeholders, and functions you can use in a project. You don't need to have all of this in your project. Check out our documentation and see what we have in store for you.
 
-**Visit [SassDocs](/sass) for more details.**
+**Visit [SassDocs](/docs/basics/library) for more details.**
 
 ## Default usage
 

website/docs/legacy/v5/basics/library.md

@@ -11,7 +11,7 @@ For years, we have collected a list of useful SASS mixins, functions, and other
 
 Check out our documentation and import what you need from Eightshift Frontend Libs.
 
-**Visit [SassDocs](/sass) for more details.**
+**Visit [SassDocs](/docs/basics/library) for more details.**
 
 ## How to use it
 

website/docs/legacy/v5/basics/writing-styles.md

@@ -38,7 +38,7 @@ We use maps for a lot of stuff in our boilerplate. The reason is that:
 * you can have multiple values with the same name and just change the top-level map,
 * etc.
 
-We also have many helpers, which you can check in our [SASS docs](/sass).
+We also have many helpers, which you can check in our [SASS docs](/docs/basics/library).
 
 In the component map, you should only add things that you will reuse in your component.
 

website/docs/legacy/v6/basics/fonts.md

@@ -9,4 +9,4 @@ Fonts can be added to your project in multiple ways, depending on your project's
 
 * Put your font files in this folder: `assets/fonts`.
 * Import each file in the `assets/fonts/index.js` so that Webpack knows how to process these files in its build process.
-* In your project, load the font family using font-face [method](/sass). We recommend that you create a new file `assets/styles/parts/utils/_defaults.scss` and put everything in that file.
+* In your project, load the font family using font-face [method](/docs/basics/library). We recommend that you create a new file `assets/styles/parts/utils/_defaults.scss` and put everything in that file.

website/docs/legacy/v6/basics/helpers-scss.md

@@ -8,7 +8,7 @@ title: Scss
 
 For years, we have collected a list of useful SASS mixins, placeholders, and functions you can use in a project. You don't need to have all of this in your project. Check out our documentation and see what we have in store for you.
 
-**Visit [SassDocs](/sass) for more details.**
+**Visit [SassDocs](/docs/basics/library) for more details.**
 
 ## Default usage
 

website/docs/legacy/v6/basics/library.md

@@ -11,7 +11,7 @@ For years, we have collected a list of them. At one point, we felt it was ineffe
 
 Check out our documentation and import what you need from Eightshift Frontend Libs.
 
-**Visit [SassDocs](/sass) for more details.**
+**Visit [SassDocs](/docs/basics/library) for more details.**
 
 ## How to use it
 

website/docs/legacy/v6/basics/writing-styles.md

@@ -35,7 +35,7 @@ We use maps for a lot of stuff in our boilerplate. The reason is that:
 * you can have multiple values with the same name and just change the top-level map,
 * etc.
 
-We also have many helpers, which you can check in our [SASS docs](/sass).
+We also have many helpers, which you can check in our [SASS docs](/docs/basics/library).
 
 In the component map, you should only add things that you will reuse in your component.
 

website/docs/legacy/v7/basics/fonts.md

@@ -9,4 +9,4 @@ Fonts can be added to your project in multiple ways, depending on your project's
 
 * Put your font files in this folder: `assets/fonts`.
 * Import each file in the `assets/fonts/index.js` so that Webpack knows how to process these files in its build process.
-* In your project, load the font family using font-face [method](/sass). We recommend that you create a new file `assets/styles/parts/utils/_defaults.scss` and put everything in that file.
+* In your project, load the font family using font-face [method](/docs/basics/library). We recommend that you create a new file `assets/styles/parts/utils/_defaults.scss` and put everything in that file.

website/docs/legacy/v7/basics/helpers-scss.md

@@ -8,7 +8,7 @@ title: Scss
 
 For years, we have collected a list of useful SASS mixins, placeholders, and functions you can use in a project. You don't need to have all of this in your project. Check out our documentation and see what we have in store for you.
 
-**Visit [SassDocs](/sass) for more details.**
+**Visit [SassDocs](/docs/basics/library) for more details.**
 
 ## Default usage
 

website/docs/legacy/v7/basics/library.md

@@ -11,7 +11,7 @@ For years, we have collected a list of them. At one point, we felt it was ineffe
 
 Check out our documentation and import what you need from Eightshift Frontend Libs.
 
-**Visit [SassDocs](/sass) for more details.**
+**Visit [SassDocs](/docs/basics/library) for more details.**
 
 ## How to use it
 

website/docs/legacy/v7/basics/writing-styles.md

@@ -35,7 +35,7 @@ We use maps for a lot of stuff in our boilerplate. The reason is that:
 * you can have multiple values with the same name and just change the top-level map,
 * etc.
 
-We also have many helpers, which you can check in our [SASS docs](/sass).
+We also have many helpers, which you can check in our [SASS docs](/docs/basics/library).
 
 In the component map, you should only add things that you will reuse in your component.
 

website/docs/legacy/v8/basics/fonts.md

@@ -9,6 +9,6 @@ Fonts can be added to your project in multiple ways, depending on your project's
 
 * Put your font files in this folder: `assets/fonts`.
 * Import each file in the `assets/fonts/index.js` so that Webpack knows how to process these files in its build process.
-* In your project, load the font family using font-face [method](/sass). We recommend that you create a new file `assets/styles/parts/utils/_defaults.scss` and put everything in that file.
+* In your project, load the font family using font-face [method](/docs/basics/library). We recommend that you create a new file `assets/styles/parts/utils/_defaults.scss` and put everything in that file.
 
 You can read [Igor's blog post about adding fonts to your project](/blog/adding-fonts).

website/docs/legacy/v8/basics/helpers-scss.md

@@ -8,7 +8,7 @@ title: Scss
 
 For years, we have collected a list of useful SASS mixins, placeholders, and functions you can use in a project. You don't need to have all of this in your project. Check out our documentation and see what we have in store for you.
 
-**Visit [SassDocs](/sass) for more details.**
+**Visit [SassDocs](/docs/basics/library) for more details.**
 
 ## Default usage
 

website/docs/legacy/v8/basics/library.md

@@ -11,7 +11,7 @@ For years, we have collected a list of them. At one point, we felt it was ineffe
 
 Check out our documentation and import what you need from Eightshift Frontend Libs.
 
-**Visit [SassDocs](/sass) for more details.**
+**Visit [SassDocs](/docs/basics/library) for more details.**
 
 ## How to use it
 

website/docs/legacy/v8/basics/writing-styles.md

@@ -37,7 +37,7 @@ We use maps for a lot of stuff in our boilerplate. The reason is that:
 * you can have multiple values with the same name and just change the top-level map,
 * etc.
 
-We also have many helpers, which you can check in our [SASS docs](/sass).
+We also have many helpers, which you can check in our [SASS docs](/docs/basics/library).
 
 In the component map, you should only add things that you will reuse in your component.