Permalink
Browse files

Demos: Updated icon page - new way of changing the icon color.

  • Loading branch information...
1 parent 8d264cd commit fca0afec1fe026dc7c9a024967753fdac341eeab @jaspermdegroot jaspermdegroot committed Jan 29, 2013
Showing with 4 additions and 9 deletions.
  1. +4 −9 docs/demos/widgets/icons/index.html
@@ -11,11 +11,6 @@
<script src="../../../../js/jquery.js"></script>
<script src="../../_assets/js/"></script>
<script src="../../../../js/"></script>
- <script id="icon-color-demo">
- $( document ).on( "pagecreate", function() {
- $( ".other-icon-color .ui-icon" ).addClass( "ui-icon-alt" );
- });
- </script>
<style id="icon-bg-demo">
.no-disc .ui-icon { background-color: transparent; }
</style>
@@ -128,11 +123,11 @@
<h2>Black vs. white icon sets</h2>
- <p>The white vs. black icon sprite is set at the theme level but you can override which is used by adding the <code>ui-icon-alt</code> class. This also changes the color that is used for the discs.<p>
+ <p>The white vs. black icon sprite is set at the theme level but you can override which is used by adding the <code>ui-icon-alt</code> class to the element or its container. This also changes the color that is used for the discs.<p>
- <div data-demo-html="true" data-demo-js="#icon-color-demo">
- <a href="index.html" class="other-icon-color" data-role="button" data-theme="c" data-icon="home" data-iconpos="notext" data-inline="true">Home - Black icons, no disc</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="home" data-iconpos="notext" data-inline="true">Home - Standard</a>
+ <div data-demo-html="true">
+ <a href="index.html" class="ui-icon-alt" data-role="button" data-icon="home" data-iconpos="notext" data-inline="true">Home - Black icons, no disc</a>
+ <a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-inline="true">Home - Standard</a>
</div><!--/demo-html -->

0 comments on commit fca0afe

Please sign in to comment.