Add anchor links for h3-6

source/community.md

@@ -29,13 +29,13 @@ complementary_content: |
 Please read and follow our [community guidelines](/community-guidelines).
 
 Thinking of **contributing** to Sass itself? We rely on everyone to keep Sass as
-stable as it is. Feel free to [submit a patch via pull request](#Contribute) to
+stable as it is. Feel free to [submit a patch via pull request](#contribute) to
 the Sass project.
 
 Want to create your own Sass implementation? Check out our [implementation
 guidelines](/implementation).
 
-## Contribute {#Contribute}
+## Contribute
 
 Sass is an [open source project][github] and we encourage you to contribute. You
 can contribute with [bug reports and feature requests][issues], and if you

source/guide.liquid

@@ -204,7 +204,7 @@ partials are used with the `@use` rule.
 {% # retain older link %}
 <span id="topic-5"></span>
 
-<h2>Modules</h2>
+{{ '## Modules' | markdown }}
 
 {% render 'documentation/snippets/module-system-status' %}
 

source/helpers/engines.ts

@@ -21,7 +21,7 @@ export const markdownEngine = markdown({
   .use(markdownDefList)
   .use(markdownItAttrs)
   .use(markdownAnchor, {
-    level: [2],
+    level: 2,
     permalink: renderPermalink,
   });
 

source/libsass.md

@@ -11,13 +11,13 @@ navigation: |
 
   <nav class="sl-c-list-navigation-wrapper">
 
-  - [SassC](#sassc)
+  - [SassC](#sass-c)
   - [Crystal](#crystal)
   - [Go](#go)
   - [Java](#java)
   - [JavaScript](#javascript)
   - [Lua](#lua)
-  - [.NET](#net)
+  - [.NET](#.net)
   - [Node](#node)
   - [Perl](#perl)
   - [PHP](#php)
@@ -51,7 +51,7 @@ Below are the LibSass wrappers that we're currently aware of. Sometimes there
 are multiple wrappers per language -- in those cases, we put the most
 recently-updated wrapper first.
 
-- ### Sass C {#sassc}
+- ### Sass C
 
   [SassC](https://github.com/sass/sassc) (get it?) is a wrapper written in C.
 
@@ -71,12 +71,12 @@ recently-updated wrapper first.
   ./bin/sassc [input file] > output.css
   ```
 
-- ### Crystal {#crystal}
+- ### Crystal
 
   [sass.cr](https://github.com/straight-shoota/sass.cr) is a LibSass wrapper for
   the [Crystal programming language](https://crystal-lang.org/).
 
-- ### Go {#go}
+- ### Go
 
   [go-libsass](https://github.com/wellington/go-libsass) has the most active
   GoLang wrapper. [gosass](https://github.com/moovweb/gosass) is another LibSass
@@ -87,24 +87,24 @@ recently-updated wrapper first.
   [wellington/sass](https://github.com/wellington/sass) is an in-progress pure
   Go Sass lexer, parser, and compiler.
 
-- ### Java {#java}
+- ### Java
 
   There is one Java wrapper --- [jsass](https://github.com/bit3/jsass). There is
   also a plugin for Maven --- [LibSass Maven
   plugin](https://gitlab.com/haynes/libsass-maven-plugin).
 
-- ### JavaScript {#javascript}
+- ### JavaScript
 
   The [sass.js](https://github.com/medialize/sass.js) project makes LibSass
   available as pure JavaScript. There's a way to [test it in the
   browser](https://sass.js.org/), too.
 
-- ### Lua {#lua}
+- ### Lua
 
   The Lua wrapper is found at
   [lua-sass](https://github.com/craigbarnes/lua-sass).
 
-- ### .NET {#net}
+- ### .NET
 
   [LibSass Host](https://github.com/Taritsyn/LibSassHost) is updated regularly,
   and is probably the best bet. There's also
@@ -112,25 +112,25 @@ recently-updated wrapper first.
   [NSass](https://github.com/TBAPI-0KA/NSass), although they haven't been
   updated in a while.
 
-- ### Node {#node}
+- ### Node
 
   The [node-sass](https://github.com/sass/node-sass) project has proven to be
   popular, and we've taken it into the main Sass GitHub repo. Check out its
   package page [here](https://www.npmjs.com/package/node-sass), and [there's a
   dedicated twitter account](https://twitter.com/nodesass) for updates.
 
-- ### Perl {#perl}
+- ### Perl
 
   The [CSS::Sass](https://github.com/sass/perl-libsass) project is updated
   regularly. There's the [Text-Sass-XS](https://github.com/ysasaki/Text-Sass-XS)
   project, too, although it hasn't been updated in a while.
 
-- ### PHP {#php}
+- ### PHP
 
   The [SassPHP](https://github.com/absalomedia/sassphp) project is an updated
   fork of an [older PHP version](https://github.com/jamierumbelow/sassphp).
 
-- ### Python {#python}
+- ### Python
 
   The [libsass-python](https://github.com/sass/libsass-python) project is
   updated regularly. There are more details on [its own
@@ -142,24 +142,24 @@ recently-updated wrapper first.
   [SassPython](https://github.com/marianoguerra/SassPython), haven't been
   updated in a while.
 
-- ### Ruby {#ruby}
+- ### Ruby
 
   LibSass has also been ported back into Ruby for the
   [sassc-ruby](https://github.com/sass/sassc-ruby) project.
 
-- ### R {#r}
+- ### R
 
   The [R](https://www.r-project.org/) [Sass
   package](https://github.com/rstudio/sass) wraps LibSass with additional
   caching and bundling methods. [Extended
   documentation](https://rstudio.github.io/sass/).
 
-- ### Rust {#rust}
+- ### Rust
 
   The [`sass_rs`](https://github.com/compass-rs/sass-rs) crate is a LibSass
   wrapper and is updated regularly.
 
-- ### Scala {#scala}
+- ### Scala
 
   The only Scala project, [Sass-Scala](https://github.com/kkung/Sass-Scala),
   hasn't been updated in a couple of years.

source/styleguide/color.liquid

@@ -2,7 +2,7 @@
 title: Color & Theming
 ---
 
-<h2>Brand Colors</h2>
+{{ '## Brand Colors' | markdown }}
 
 <ul class="sl-l-grid sl-l-grid--full sl-l-large-grid--divide-by-3 sl-l-large-grid--gutters">
   {% for swatch in colors %}

source/styleguide/components.liquid

@@ -2,7 +2,7 @@
 title: Components
 ---
 
-<h2>Closed</h2>
+{{ '## Closed' | markdown }}
 
 <dl class="sl-c-description-list sl-c-description-list--horizontal">
   <div>
@@ -16,7 +16,7 @@ title: Components
   <div><a href="#">▶︎</a></div>
 </dl>
 
-<h2>Open</h2>
+{{ '## Open' | markdown }}
 
 <dl class="sl-c-description-list sl-c-description-list--horizontal">
   <div>
@@ -34,7 +34,7 @@ title: Components
   <p>{% lorem 'paragraph' %}</p>
 </div>
 
-<h2>Alerts</h2>
+{{ '## Alerts' | markdown }}
 
 <div class="sl-c-alert">
   <div class="sl-l-container">
@@ -54,7 +54,7 @@ title: Components
   </div>
 </div>
 
-<h2>Buttons</h2>
+{{ '## Buttons' | markdown }}
 
 <a href="#" class="sl-c-button">Link</a>
 <button class="sl-c-button" type="button">Button</button>
@@ -62,24 +62,24 @@ title: Components
 <a href="#" class="sl-c-button sl-c-button--primary">Link</a>
 <button class="sl-c-button sl-c-button--primary" type="button">Button</button>
 
-<h2>Callouts</h2>
+{{ '## Callouts' | markdown }}
 
 <div class="sl-c-callout">
-  <h3>Callout</h3>
+  {{ '### Callout' | markdown }}
   <p>{% lorem 'paragraph' %}</p>
 </div>
 
 <div class="sl-c-callout sl-c-callout--warning">
-  <h3>Warning</h3>
+  {{ '### Warning' | markdown }}
   <p>{% lorem 'paragraph' %}</p>
 </div>
 
 <div class="sl-c-callout sl-c-callout--fun-fact">
-  <h3>Fun Fact</h3>
+  {{ '### Fun Fact' | markdown }}
   <p>{% lorem 'paragraph' %}</p>
 </div>
 
-<h2>Introduction</h2>
+{{ '## Introduction' | markdown }}
 
 <p class="sl-c-introduction">
   {% lorem 'paragraph' %}
@@ -89,13 +89,13 @@ title: Components
   <p>{% lorem 'paragraph' %}</p>
 </div>
 
-<h2>Link Headers</h2>
+{{ '## Link Headers' | markdown }}
 
-<h2 id="link-header-2">Link Header 2</h2>
-<h3 id="link-header-3">Link Header 3</h3>
-<h4 id="link-header-4">Link Header 4</h4>
+{{ '## Link Header 2' | markdown }}
+{{ '### Link Header 3' | markdown }}
+{{ '#### Link Header 4' | markdown }}
 
-<h2>Lists</h2>
+{{ '## Lists' | markdown }}
 
 <div class="sl-c-list-navigation-wrapper" style="height: unset; position: unset">
 {% markdown %}
@@ -113,11 +113,11 @@ title: Components
 {% endmarkdown %}
 </div>
 
-<h2>Pop Stripe</h2>
+{{ '## Pop Stripe' | markdown }}
 
 <div class="sl-c-pop-stripe"></div>
 
-<h2>Tables</h2>
+{{ '## Tables' | markdown }}
 
 <table class="sl-c-table">
   <tr>

source/styleguide/typography.liquid

@@ -2,7 +2,7 @@
 title: Typography
 ---
 
-<h2>Families</h2>
+{{ '## Families' | markdown }}
 
 {% for font_family in font_families %}
   <dl class="guide-description-list">