diff options
| -rw-r--r-- | docs/base-css.html | 29 | ||||
| -rw-r--r-- | docs/templates/pages/base-css.mustache | 29 |
2 files changed, 24 insertions, 34 deletions
diff --git a/docs/base-css.html b/docs/base-css.html index d22fbc121..acb656417 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -387,17 +387,15 @@ <div class="page-header"> <h1>Code <small>Inline and block code snippets</small></h1> </div> - <div class="row"> - <div class="span4"> - <h2>Inline</h2> - <p>Wrap inline snippets of code with <code><code></code>.</p> + + <h2>Inline</h2> + <p>Wrap inline snippets of code with <code><code></code>.</p> <pre class="prettyprint linenums"> For example, <code>section</code> should be wrapped as inline. </pre> - </div><!--/span--> - <div class="span4"> - <h2>Basic block</h2> - <p>Use <code><pre></code> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.</p> + + <h2>Basic block</h2> + <p>Use <code><pre></code> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.</p> <pre> <p>Sample text here...</p> </pre> @@ -406,12 +404,11 @@ For example, <code>section</code> should be wrapped as inline. &lt;p&gt;Sample text here...&lt;/p&gt; </pre> </pre> - <p><strong>Note:</strong> Be sure to keep code within <code><pre></code> tags as close to the left as possible; it will render all tabs.</p> - <p>You may optionally add the <code>.pre-scrollable</code> class which will set a max-height of 350px and provide a y-axis scrollbar.</p> - </div><!--/span--> - <div class="span4"> - <h2>Google Prettify</h2> - <p>Take the same <code><pre></code> element and add two optional classes for enhanced rendering.</p> + <p><strong>Note:</strong> Be sure to keep code within <code><pre></code> tags as close to the left as possible; it will render all tabs.</p> + <p>You may optionally add the <code>.pre-scrollable</code> class which will set a max-height of 350px and provide a y-axis scrollbar.</p> + + <h2>Google Prettify</h2> + <p>Take the same <code><pre></code> element and add two optional classes for enhanced rendering.</p> <pre class="prettyprint linenums" style="margin-bottom: 9px;"> <p>Sample text here...</p> </pre> @@ -421,9 +418,7 @@ For example, <code>section</code> should be wrapped as inline. &lt;p&gt;Sample text here...&lt;/p&gt; </pre> </pre> - <p><a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html">how to use</a>.</p> - </div><!--/span--> - </div><!--/row--> + <p><a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html">how to use</a>.</p> </section> diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 42f3d4d78..4ac972d21 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -318,17 +318,15 @@ <div class="page-header"> <h1>{{_i}}Code{{/i}} <small>{{_i}}Inline and block code snippets{{/i}}</small></h1> </div> - <div class="row"> - <div class="span4"> - <h2>Inline</h2> - <p>Wrap inline snippets of code with <code><code></code>.</p> + + <h2>Inline</h2> + <p>Wrap inline snippets of code with <code><code></code>.</p> <pre class="prettyprint linenums"> {{_i}}For example, <code>section</code> should be wrapped as inline.{{/i}} </pre> - </div><!--/span--> - <div class="span4"> - <h2>Basic block</h2> - <p>{{_i}}Use <code><pre></code> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.{{/i}}</p> + + <h2>Basic block</h2> + <p>{{_i}}Use <code><pre></code> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.{{/i}}</p> <pre> <p>{{_i}}Sample text here...{{/i}}</p> </pre> @@ -337,12 +335,11 @@ &lt;p&gt;{{_i}}Sample text here...{{/i}}&lt;/p&gt; </pre> </pre> - <p>{{_i}}<strong>Note:</strong> Be sure to keep code within <code><pre></code> tags as close to the left as possible; it will render all tabs.{{/i}}</p> - <p>{{_i}}You may optionally add the <code>.pre-scrollable</code> class which will set a max-height of 350px and provide a y-axis scrollbar.{{/i}}</p> - </div><!--/span--> - <div class="span4"> - <h2>Google Prettify</h2> - <p>Take the same <code><pre></code> element and add two optional classes for enhanced rendering.</p> + <p>{{_i}}<strong>Note:</strong> Be sure to keep code within <code><pre></code> tags as close to the left as possible; it will render all tabs.{{/i}}</p> + <p>{{_i}}You may optionally add the <code>.pre-scrollable</code> class which will set a max-height of 350px and provide a y-axis scrollbar.{{/i}}</p> + + <h2>Google Prettify</h2> + <p>Take the same <code><pre></code> element and add two optional classes for enhanced rendering.</p> <pre class="prettyprint linenums" style="margin-bottom: 9px;"> <p>{{_i}}Sample text here...{{/i}}</p> </pre> @@ -352,9 +349,7 @@ &lt;p&gt;{{_i}}Sample text here...{{/i}}&lt;/p&gt; </pre> </pre> - <p>{{_i}}<a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html">how to use</a>.{{/i}}</p> - </div><!--/span--> - </div><!--/row--> + <p>{{_i}}<a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html">how to use</a>.{{/i}}</p> </section> |