Permalink
Browse files

Icons: Added new bars (nav) and edit icons

  • Loading branch information...
toddparker committed Dec 5, 2012
1 parent aabedd2 commit 2049bafe468829b88bdc8d428858913164d7285d
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -852,20 +852,21 @@ a.ui-link-inherit {
/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (min-resolution: 200dpi) {
.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit, .ui-icon-search, .ui-icon-searchfield:after,
.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
background-image: url(images/icons-36-white.png);
-moz-background-size: 776px 18px;
-o-background-size: 776px 18px;
-webkit-background-size: 776px 18px;
background-size: 776px 18px;
/* Set the background size 2px larger to avoid rounding errors in chrome */
-moz-background-size: 842px 18px;
-o-background-size: 842px 18px;
-webkit-background-size: 842px 18px;
background-size: 842px 18px;
}
.ui-icon-alt {
background-image: url(images/icons-36-black.png);
@@ -930,6 +931,14 @@ a.ui-link-inherit {
.ui-icon-home {
background-position: -576px 50%;
}
.ui-icon-bars {
background-position: -785px 50%;
}.ui-icon-edit {
background-position: -824px 50%;
}
.ui-icon-search,
.ui-icon-searchfield:after {
background-position: -612px 50%;
@@ -45,6 +45,10 @@ <h2>Icon set</h2>
<p>The following <code> data-icon</code> attributes can be referenced to create the icons shown below:</p>
<p><strong>Bars</strong> - data-icon="bars"</p>
<a href="index.html" data-role="button" data-icon="bars">My button</a>
<p><strong>Edit</strong> - data-icon="edit"</p>
<a href="index.html" data-role="button" data-icon="edit">My button</a>
<p><strong>Left arrow</strong> - data-icon="arrow-l"</p>
<a href="index.html" data-role="button" data-icon="arrow-l">My button</a>
<p><strong>Right arrow</strong> - data-icon="arrow-r"</p>

0 comments on commit 2049baf

Please sign in to comment.