Summary Files Commits Branches @commit @diff @stats
path: root / docs / getting-started.html
diff options
context:
space:
mode:
Commit27844c650766864aba46584e566639b79f22c0aa (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2018-06-03 18:17:42 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2018-06-03 18:17:42 +0800
Files5221212aae861448d97d5ceecb9056420015e647 /docs/getting-started.html
Spectre-Dark-Gruvbox-27844c650766864aba46584e566639b79f22c0aa.tar
Spectre-Dark-Gruvbox-27844c650766864aba46584e566639b79f22c0aa.tar.gz
Spectre-Dark-Gruvbox-27844c650766864aba46584e566639b79f22c0aa.zip
Parentf7344f3e056a94640b6260ad7b7badfd33646c37 (diff)
Fix Docs hash linking bug
1 files changed, 13 insertions, 13 deletions
-rw-r--r--docs/getting-started.html26
diff --git a/docs/getting-started.html b/docs/getting-started.html
index 4d9f7ee..2665d0c 100644
--- a/docs/getting-started.html
+++ b/docs/getting-started.html
@@ -46,7 +46,7 @@
<li class="menu-item"><a href="elements.html#forms">Forms</a></li>
<li class="menu-item"><a href="elements.html#icons">Icons</a></li>
<li class="menu-item"><a href="elements.html#labels">Labels</a></li>
- <li class="menu-item"><a href="elements.html#codes">Codes</a></li>
+ <li class="menu-item"><a href="elements.html#code">Code</a></li>
<li class="menu-item"><a href="elements.html#media">Media</a></li>
</ul>
</div>
@@ -129,14 +129,14 @@
</div><a class="off-canvas-overlay" href="#close"></a>
<div class="off-canvas-content">
<div class="docs-content" id="content">
- <div class="container">
- <h3 class="s-title" id="introduction"><a class="anchor" href="#introduction" aria-hidden="true">#</a>Introduction</h3>
+ <div class="container" id="introduction">
+ <h3 class="s-title"><a class="anchor" href="#introduction" aria-hidden="true">#</a>Introduction</h3>
<p> <strong>Spectre.css </strong>is a lightweight, 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, pure CSS components and utilities with best practice coding and consistent design language.</p>
</div>
- <div class="container">
- <h3 class="s-title" id="installation"><a class="anchor" href="#installation" aria-hidden="true">#</a>Installation</h3>
+ <div class="container" id="installation">
+ <h3 class="s-title"><a class="anchor" href="#installation" aria-hidden="true">#</a>Installation</h3>
<p>There are 5 ways to get started with Spectre CSS framework in your projects. You can either install manually, from CDN or use package managers.</p>
<h4 class="s-subtitle" id="install-manually"><a class="anchor" href="#install-manually" aria-hidden="true">#</a>Install manually</h4>
<p>Download the compiled and minified <a href="https://github.com/picturepan2/spectre/releases" target="_blank">Spectre CSS file</a> (core ~10KB min+gzip):</p>
@@ -161,8 +161,8 @@
<h4 class="s-subtitle" id="install-bower"><a class="anchor" href="#install-bower" aria-hidden="true">#</a>Install from Bower</h4>
<pre class="code" data-lang="Bash"><code>bower install spectre.css --save</code></pre>
</div>
- <div class="container">
- <h3 class="s-title" id="custom"><a class="anchor" href="#custom" aria-hidden="true">#</a>Custom version</h3>
+ <div class="container" id="custom">
+ <h3 class="s-title"><a class="anchor" href="#custom" aria-hidden="true">#</a>Custom version</h3>
<p>You can customize your version of Spectre.css by editing Sass files in <code>/src</code> directory or removing unneeded components from <code>.scss</code> source files.</p>
<p><a class="btn btn-primary" href="https://github.com/picturepan2/spectre/" target="_blank">Sass Source Code</a></p>
<p>If you are looking for Less version of Spectre.css, please switch to <code>Less</code> branch.</p>
@@ -364,11 +364,11 @@ gulp.task(<span class="hljs-string">'prefix'</span>, <span class="hljs-function"
</code></pre>
<p>After you compile your version of Spectre in the /dist, run <code>gulp prefix</code> in the directory of Spectre.</p>
</div>
- <div class="container">
- <h3 class="s-title" id="accessibility"><a class="anchor" href="#accessibility" aria-hidden="true">#</a>Accessibility</h3>
+ <div class="container" id="accessibility">
+ <h3 class="s-title"><a class="anchor" href="#accessibility" aria-hidden="true">#</a>Accessibility</h3>
</div>
- <div class="container">
- <h3 class="s-title" id="browers"><a class="anchor" href="#browers" aria-hidden="true">#</a>Browser support</h3>
+ <div class="container" id="browers">
+ <h3 class="s-title"><a class="anchor" href="#browers" aria-hidden="true">#</a>Browser support</h3>
<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>
<li>Chrome <small class="label label-success">LAST 4</small></li>
@@ -380,8 +380,8 @@ gulp.task(<span class="hljs-string">'prefix'</span>, <span class="hljs-function"
</ul>
<p>Spectre supports Internet Explorer 10+, but some HTML5 and CSS3 features are not perfectly supported by Internet Explorer.</p>
</div>
- <div class="container">
- <h3 class="s-title" id="whatsnew"><a class="anchor" href="#whatsnew" aria-hidden="true">#</a>What's new</h3>
+ <div class="container" id="whatsnew">
+ <h3 class="s-title"><a class="anchor" href="#whatsnew" aria-hidden="true">#</a>What's new</h3>
<p><strong>September 2017</strong></p>
<ul>
<li><a href="experimentals.html#off-canvas">Off-canvas</a>: navigation layout that the sidebar can slide in and out of the viewport <small class="label label-primary">NEW</small></li>