diff options
Add Grid offset, more margin and padding utilities
1 files changed, 12 insertions, 12 deletions
| -rw-r--r-- | docs/getting-started.html | 24 |
diff --git a/docs/getting-started.html b/docs/getting-started.html index 8f02226..c74b0a2 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -251,16 +251,16 @@ <a href="#sidebar-close" id="sidebar-close" class="docs-nav-clear"></a> <div id="content" class="s-content"> - <div class="container"> - <h3 id="introduction" class="s-title"><a href="#introduction" class="anchor" aria-hidden="true">#</a>Introduction</h3> + <div id="introduction" class="container"> + <h3 class="s-title"><a href="#introduction" class="anchor" aria-hidden="true">#</a>Introduction</h3> <div class="docs-note"> <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> </div> </div> - <div class="container"> - <h3 id="installation" class="s-title"><a href="#installation" class="anchor" aria-hidden="true">#</a>Installation</h3> + <div id="installation" class="container"> + <h3 class="s-title"><a href="#installation" class="anchor" aria-hidden="true">#</a>Installation</h3> <div class="docs-note"> <p>There are 5 ways to get started with Spectre CSS framework in your projects. You can either install manually, from CDN or use NPM, Yarn and Bower.</p> </div> @@ -312,8 +312,8 @@ </div> </div> - <div class="container"> - <h3 id="compiling" class="s-title"><a href="#comiling" class="anchor" aria-hidden="true">#</a>Custom version</h3> + <div id="compiling" class="container"> + <h3 class="s-title"><a href="#comiling" class="anchor" aria-hidden="true">#</a>Custom version</h3> <div class="docs-note"> <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> @@ -479,12 +479,12 @@ gulp.task('prefix', function() { </div> </div> - <div class="container"> - <h3 id="accessibility" class="s-title"><a href="#accessibility" class="anchor" aria-hidden="true">#</a>Accessibility <small class="label">coming soon</small></h3> + <div id="accessibility" class="container"> + <h3 class="s-title"><a href="#accessibility" class="anchor" aria-hidden="true">#</a>Accessibility <small class="label">coming soon</small></h3> </div> - <div class="container"> - <h3 id="browsers" class="s-title"><a href="#browsers" class="anchor" aria-hidden="true">#</a>Browser support</h3> + <div id="browsers" class="container"> + <h3 class="s-title"><a href="#browsers" class="anchor" aria-hidden="true">#</a>Browser support</h3> <div class="docs-note"> <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> @@ -498,8 +498,8 @@ gulp.task('prefix', function() { </div> </div> - <div class="container"> - <h3 id="whatsnew" class="s-title"><a href="#whatsnew" class="anchor" aria-hidden="true">#</a>What's new</h3> + <div id="whatsnew" class="container"> + <h3 class="s-title"><a href="#whatsnew" class="anchor" aria-hidden="true">#</a>What's new</h3> <div class="docs-note"> <p><strong>August 2017</strong></p> <ul> |