From d448e6921e6fc39e4fe7f484da004b2196517478 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 00:23:30 -0800 Subject: rewrite the code section of the type docs --- docs/templates/pages/base-css.mustache | 80 ++++++++++++++++------------------ 1 file changed, 38 insertions(+), 42 deletions(-) (limited to 'docs/templates') diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index ad27d2be8..f235d9b05 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -6,6 +6,7 @@
+ - - -

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

- - - - - - - - - - - - - - - - - - - - - -
{{_i}}Element{{/i}}{{_i}}Result{{/i}}
<code>{{_i}}In a line of text like this, your wrapped code will look like this <html> element.{{/i}}
<pre> -
<div>
-  <h1>{{_i}}Heading{{/i}}</h1>
-  <p>{{_i}}Something right here…{{/i}}</p>
-</div>
-

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

-
<pre class="prettyprint"> -

{{_i}}Using the google-code-prettify library, your blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.{{/i}}

-
<div>
-  <h1>{{_i}}Heading{{/i}}</h1>
-  <p>{{_i}}Something right here…{{/i}}</p>
-</div>
-
<div>
-  <h1>{{_i}}Heading{{/i}}</h1>
-  <p>{{_i}}Something right here…{{/i}}</p>
-</div>
-

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

-
+ +
+
+

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

+
+
+
+

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 turn any carets into their unicode characters for proper rendering.{{/i}}

+
+<pre>
+  &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}}

+
+
+

Google Prettify

+

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

+
+<pre class="prettyprint
+     linenums">
+  &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}}

+
+
-- cgit v1.2.3 From 873be0e4f2a7e961998a8726e9953ae5111b3d85 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 00:25:54 -0800 Subject: drop span2-4 on form examples to 1-3 --- docs/templates/pages/base-css.mustache | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/templates') diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index f235d9b05..23d72efd5 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -1001,9 +1001,9 @@
+ -

{{_i}}Use the same .span* classes from the grid system for input sizes.{{/i}}

-- cgit v1.2.3 From 18d95a163b23296b7c2242a98aa1f66b3bd22a7a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 00:34:54 -0800 Subject: remove fixed width from labels table --- docs/templates/pages/components.mustache | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/templates') diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache index 98e7c3f3f..d08ea98b5 100644 --- a/docs/templates/pages/components.mustache +++ b/docs/templates/pages/components.mustache @@ -883,7 +883,7 @@ - + -- cgit v1.2.3
{{_i}}Labels{{/i}}{{_i}}Labels{{/i}} {{_i}}Markup{{/i}}