Permalink
Browse files

Icons: Remove deprecated icon shadow

  • Loading branch information...
jaspermdegroot authored and arschmitz committed Jul 15, 2015
1 parent 9e9388e commit 2a26f8842a8c677f226f9be2493cceda8328df94
Showing with 0 additions and 31 deletions.
  1. +0 −8 css/themes/default/jquery.mobile.theme.css
  2. +0 −12 demos/button/index.php
  3. +0 −11 demos/icons/index.php
@@ -193,14 +193,6 @@ html .ui-alt-icon .ui-radio-off .ui-icon {
background-color: transparent;
}
/* Icon shadow */
.ui-shadow-icon.ui-button .ui-icon,
.ui-shadow-icon .ui-button .ui-icon {
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
}
/* Checkbox and radio */
.ui-checkboxradio-label .ui-checkboxradio-icon {
filter: Alpha(Opacity=30);
View
@@ -124,18 +124,6 @@
<button data-role="button" data-enhanced="true" class="ui-button ui-shadow ui-corner-all ui-widget">Enhanced - Bottom<span class="ui-button-icon ui-icon ui-icon-arrow-d ui-widget-icon-block"></span></button>
</div><!--/demo-html -->
<h2>Icon shadow</h2>
<div data-demo-html="true">
<form>
<input type="button" data-theme="b" data-icon="delete" data-iconshadow="true" value="Input">
<div class="ui-input-button ui-button ui-button-b ui-icon-delete ui-shadow-icon">
Enhanced
<input type="button" data-enhanced="true" value="Enhanced">
</div>
</form>
</div><!--/demo-html -->
<h2>Disabled</h2>
<div data-demo-html="true">
View
@@ -161,17 +161,6 @@
<a href="index.php" data-role="button" data-icon="ui-icon-delete" data-show-label="false">Icon only</a>
</div><!--/demo-html -->
<h2>Icon shadow</h2>
<p>Set <code>data-iconshadow="true"</code> to enable icon shadow for <code>input</code> buttons, or add class <code>ui-shadow-icon</code> to your <a href="../button/">button</a>.</p>
<p><strong>Note: Icon shadow (option <code>iconShadow</code> in the button widget and class <code>ui-shadow-icon</code>) is deprecated as of jQuery Mobile 1.4.0 and will be removed in 1.5.0.</strong></p>
<div data-demo-html="true">
<a href="index.php" class="ui-shadow-icon ui-button ui-shadow ui-corner-all">Icon shadow<span class="ui-icon ui-icon-delete"></span></a>
<a href="index.php" class="ui-shadow-icon ui-button ui-shadow ui-corner-all ui-button-b">Icon shadow<span class="ui-icon ui-icon-delete"></span></a>
</div><!--/demo-html -->
<h2>Removing the disc</h2>
<p>The semi-transparent dark circle behind the icon ensures good contrast on any background color so it works well with the jQuery Mobile theming system. If you prefer to not have this disc, it can be removed by adding the class <code>ui-nodisc-icon</code> to the element or its container.</p>

0 comments on commit 2a26f88

Please sign in to comment.