Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Commit 362cab5

Browse files
committed
correct typos and use consistent titling "Theming buttons"
1 parent 4ca4259 commit 362cab5

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

docs/buttons/buttons-themes.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<title>jQuery Mobile Docs - Button Theming</title>
6+
<title>jQuery Mobile Docs - Theming buttons</title>
77
<link rel="stylesheet" href="../../themes/default/" />
88
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
99
<script src="../../js/jquery.js"></script>
@@ -23,9 +23,9 @@ <h1>Theming buttons</h1>
2323
<div data-role="content">
2424
<div class="content-primary">
2525

26-
<h2>Theming</h2>
26+
<h2>Theming buttons</h2>
2727

28-
<p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how buttons are styled. When a link is added to a container, it is automatically assigned a theme swatch letter that matches it's parent bar or content box to visually integrate the button into the parent container, like a chameleon. So a button placed inside a content container with a theme of "a" (black in the default theme) will be automatically assigned the button theme of "a" (charcoal in the default theme). Here are examples of the button theme pairings in the default theme. All buttons have the same HTML markup: </p>
28+
<p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how buttons are styled. When a link is added to a container, it is automatically assigned a theme swatch letter that matches its parent bar or content box to visually integrate the button into the parent container, like a chameleon. So a button placed inside a content container with a theme of "a" (black in the default theme) will be automatically assigned the button theme of "a" (charcoal in the default theme). Here are examples of the button theme pairings in the default theme. All buttons have the same HTML markup: </p>
2929

3030
<div class="ui-body ui-body-a"><h4>A swatch</h4><a href="index.html" data-role="button">Button</a></div>
3131
<div class="ui-body ui-body-b"><h4>B swatch</h4><a href="index.html" data-role="button">Button</a></div>
@@ -34,13 +34,13 @@ <h2>Theming</h2>
3434
<div class="ui-body ui-body-e"><h4>E swatch</h4><a href="index.html" data-role="button">Button</a></div>
3535

3636
<h2>Assigning theme swatches</h2>
37-
<p>Button can be manually assigned any of the button color swatches from the theme to add visual contrast with the container they sit inside by adding the <code> data-theme</code> attribute on the button markup and specifying a swatch letter. </p>
37+
<p>Buttons can be manually assigned any of the button color swatches from the theme to add visual contrast with the container they sit inside by adding the <code> data-theme</code> attribute on the button markup and specifying a swatch letter. </p>
3838

3939
<pre><code>
4040
&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot; data-theme=&quot;a&quot;&gt;Theme a&lt;/a&gt;
4141
</code></pre>
4242

43-
<p>Here are 4 buttons with icons that have a different swatch letter assigned via the <code> data-theme</code> attribute.</p>
43+
<p>Here are 5 buttons with icons that have a different swatch letter assigned via the <code> data-theme</code> attribute.</p>
4444

4545
<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
4646
<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>

0 commit comments

Comments
 (0)