jquery/jquery-mobile — Issue #3353: Add ui-shadow-inset to theme
Author: toddparker
Created: 2011-12-30 04:18:54+00:00
State: open
Labels: 3 - Medium

Having an inset shadow class would be helpful for two main things:
1. Adding an inset look to elements (slider track, flip switch track)
2. Giving certain selected elements a pressed appearance like the horizontal radio/check active state & active navbar

The rule could look like this in theme.css:
```
.ui-shadow-inset {
-moz-box-shadow: inset 0px 2px 6px /*{global-box-shadow-inset-size}*/	rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
-webkit-box-shadow: inset 0px 2px 6px /*{global-box-shadow-inset-size}*/	rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
box-shadow: inset 0px 2px 7px /*{global-box-shadow-inset-size}*/	rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}
```