diff options
Add anchor links to Docs
1 files changed, 7 insertions, 7 deletions
| -rw-r--r-- | docs/index.html | 14 |
diff --git a/docs/index.html b/docs/index.html index e4dbf45..cc8d444 100644 --- a/docs/index.html +++ b/docs/index.html @@ -117,7 +117,7 @@ <div class="docs-content column col-9 col-sm-12"> <section id="introduction" class="container"> - <header class="text-center"><h3>Introduction</h3></header> + <header class="text-center"><h3><a href="#introduction" class="anchor" aria-hidden="true">#</a>Introduction</h3></header> <section class="notes"> <p><strong>Spectre.css</strong> is a lightweight and responsive and modern CSS framework for faster and extensible development.</p> <p>Spectre provides basic styles for typography and elements, flexbox based responsive layout system, CSS components and utilities with best practice coding and consistent design language.</p> @@ -125,7 +125,7 @@ </section> <section id="installation" class="container"> - <header class="text-center"><h3>Installation</h3></header> + <header class="text-center"><h3><a href="#installation" class="anchor" aria-hidden="true">#</a>Installation</h3></header> <section class="notes"> <p>There are 4 ways to get started with Spectre CSS framework in your projects. You can either manually install or use NPM, Yarn and Bower.</p> </section> @@ -171,7 +171,7 @@ </section> <section id="compiling" class="container"> - <header class="text-center"><h3>Custom version</h3></header> + <header class="text-center"><h3><a href="#comiling" class="anchor" aria-hidden="true">#</a>Custom version</h3></header> <section class="notes"> <p>Spectre uses <a href="http://gulpjs.com/" target="_blank">Gulp</a> for compiling CSS. You can customize your version of Spectre.css by editing LESS files in <code>/src</code> directory or removing unneeded components from <code>spectre.less</code>, <code>spectre-exp.less</code> and <code>spectre-icons.less</code>.</p> <p>Then, you can build the CSS file from the command line:</p> @@ -220,7 +220,7 @@ └── spectre.less </code></pre> - <header id="variables" class="text-center"><h4>Variables</h4></header> + <header id="variables" class="text-center"><h4><a href="#variables" class="anchor" aria-hidden="true">#</a>Variables</h4></header> <section class="notes"> <p>Spectre.css is designed with consistent design language. You can modify <code>variables.less</code> to create your new or match existing design. <h5>Colors</h5> @@ -306,11 +306,11 @@ </section> <section id="accessibility" class="container"> - <header class="text-center"><h3>Accessibility <small class="label">coming soon</small></h3></header> + <header class="text-center"><h3><a href="#accessibility" class="anchor" aria-hidden="true">#</a>Accessibility <small class="label">coming soon</small></h3></header> </section> <section id="browsers" class="container"> - <header class="text-center"><h3>Browser support</h3></header> + <header class="text-center"><h3><a href="#browsers" class="anchor" aria-hidden="true">#</a>Browser support</h3></header> <section class="notes"> <p>Spectre uses <a href="https://github.com/postcss/autoprefixer" target="_blank">Autoprefixer</a> to make most styles compatible with earlier browsers and <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a> for CSS resets. Spectre is designed for modern browsers. For best compatibility, these browsers are recommended:</p> <ul> @@ -325,7 +325,7 @@ </section> <section id="whatsnew" class="container"> - <header class="text-center"><h3>What's new</h3></header> + <header class="text-center"><h3><a href="#whatsnew" class="anchor" aria-hidden="true">#</a>What's new</h3></header> <section class="notes"> <p><strong>April 2017</strong></p> <ul> |