2 -------------------------------------------------- */
10 /* Prevents iOS text size adjust after orientation change, without disabling (Thanks to @necolas) */
12 -webkit-text-size-adjust: 100%;
13 -ms-text-size-adjust: 100%;
17 -------------------------------------------------- */
25 font: 14px/1.25 "Helvetica Neue", sans-serif;
27 background-color: #fff;
30 /* Universal link styling */
33 text-decoration: none;
34 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Removes the dark touch outlines on links */
37 /* Wrapper to be used around all content not in .bar-title and .bar-tab */
45 background-color: #fff;
46 -webkit-transition-property: top, bottom;
47 transition-property: top, bottom;
48 -webkit-transition-duration: .2s, .2s;
49 transition-duration: .2s, .2s;
50 -webkit-transition-timing-function: linear, linear;
51 transition-timing-function: linear, linear;
52 -webkit-overflow-scrolling: touch;
55 /* Hack to force all relatively and absolutely positioned elements still render while scrolling
56 Note: This is a bug for "-webkit-overflow-scrolling: touch" */
58 -webkit-transform: translateZ(0px);
59 transform: translateZ(0px);
62 /* Utility wrapper to pad in components like forms, block buttons and segmented-controllers so they're not full-bleed */
67 /* Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab.
68 Note: For these to work, content must come after both bars in the markup */
69 .bar-title ~ .content {
75 .bar-header-secondary ~ .content {