7 ### Heading kerning pairs and ligature
11 text-rendering: optimizeLegibility;
15 ### Native-like iOS scrolling
18 -webkit-overflow-scrolling: touch;
25 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#333));
26 -webkit-background-clip: text;
27 -webkit-text-fill-color: transparent;
33 -webkit-text-stroke: 3px black;
36 See: [Introducing text stroke](http://www.webkit.org/blog/85/introducing-text-stroke/)
38 ### iOS Scrolling prevention
41 document.ontouchstart = (e) ->
42 $pane = $(e.target).closest('.scrollable>div')
43 if $pane.length is 0 or $pane[0].scrollHeight <= $pane.innerHeight()
50 -webkit-overflow-scrolling: touch;
64 Relevant in iOS6, but maybe not anymore.
66 ### UIWebView optimizations
70 -webkit-tap-highlight-color: rgba(0,0,0,0);
71 -webkit-user-select: none; /* disable text select */
72 -webkit-touch-callout: none; /* disable callout, image save panel (popup) */
73 -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
77 outline: 0; // Firefox (remove border on link click)
81 See: <http://www.bitsandpix.com/entry/ios-webkit-uiwebview-remove-tapclick-highlightborder-with-css/>
83 See: <http://www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/>
91 Not recommended, but here they are if you ever need them. Note that vendor
92 prefixes may go away eventually.
97 @-moz-document url-prefix() {
105 @media all and (-webkit-min-device-pixel-ratio: 1) {