From 094e12f68da2b40cc69d9a2e0a2b1ac3a2319498 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 4 Jun 2012 21:10:08 -0700 Subject: [PATCH] convert code section to new layout --- docs/base-css.html | 29 +++++++++++--------------- 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 d22fbc1217..acb6564179 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -387,17 +387,15 @@

Code Inline and block code snippets

-
-
-

Inline

-

Wrap inline snippets of code with <code>.

+ +

Inline

+

Wrap inline snippets of code with <code>.

 For example, <code>section</code> should be wrapped as inline.
-
-
-

Basic block

-

Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

+ +

Basic block

+

Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

 <p>Sample text here...</p>
@@ -406,12 +404,11 @@ For example, <code>section</code> should be wrapped as inline. &lt;p&gt;Sample text here...&lt;/p&gt; </pre> -

Note: Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.

-

You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.

-
-
-

Google Prettify

-

Take the same <pre> element and add two optional classes for enhanced rendering.

+

Note: Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.

+

You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.

+ +

Google Prettify

+

Take the same <pre> element and add two optional classes for enhanced rendering.

 <p>Sample text here...</p>
@@ -421,9 +418,7 @@ For example, <code>section</code> should be wrapped as inline. &lt;p&gt;Sample text here...&lt;/p&gt; </pre> -

Download google-code-prettify and view the readme for how to use.

-
-
+

Download google-code-prettify and view the readme for how to use.

diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 42f3d4d78c..4ac972d21d 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -318,17 +318,15 @@

{{_i}}Code{{/i}} {{_i}}Inline and block code snippets{{/i}}

-
-
-

Inline

-

Wrap inline snippets of code with <code>.

+ +

Inline

+

Wrap inline snippets of code with <code>.

 {{_i}}For example, <code>section</code> should be wrapped as inline.{{/i}}
-
-
-

Basic block

-

{{_i}}Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.{{/i}}

+ +

Basic block

+

{{_i}}Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.{{/i}}

 <p>{{_i}}Sample text here...{{/i}}</p>
@@ -337,12 +335,11 @@ &lt;p&gt;{{_i}}Sample text here...{{/i}}&lt;/p&gt; </pre> -

{{_i}}Note: Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.{{/i}}

-

{{_i}}You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.{{/i}}

-
-
-

Google Prettify

-

Take the same <pre> element and add two optional classes for enhanced rendering.

+

{{_i}}Note: Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.{{/i}}

+

{{_i}}You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.{{/i}}

+ +

Google Prettify

+

Take the same <pre> element and add two optional classes for enhanced rendering.

 <p>{{_i}}Sample text here...{{/i}}</p>
@@ -352,9 +349,7 @@ &lt;p&gt;{{_i}}Sample text here...{{/i}}&lt;/p&gt; </pre> -

{{_i}}Download google-code-prettify and view the readme for how to use.{{/i}}

-
-
+

{{_i}}Download google-code-prettify and view the readme for how to use.{{/i}}