Files
Adam Bradley c18dded02c text inputs
2013-09-09 19:06:22 -05:00

77 lines
1.4 KiB
SCSS

// TODO: This might be inefficient?
// Make sure iOS Safari doesn't scale fonts on orientation changes
html {
-webkit-text-size-adjust: 100%;
@include disable-user-select();
}
body {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
overflow: hidden;
word-wrap: break-word;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
text-size-adjust: none;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
}
.view {
width: 100%;
height: 100%;
}
.content {
position: fixed;
overflow: auto;
right: 0;
left: 0;
}
/* Hack to force all relatively and absolutely positioned elements still render while scrolling
Note: This is a bug for "-webkit-overflow-scrolling: touch" (via ratchet) */
.content > *, .content-padded > * {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
}
.content-padded {
padding: $contentPadding;
}
.inset {
margin: $insetMargin;
}
.rounded {
border-radius: $roundedRadius;
}
// Remove tap highlight color on Safari
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.page, .full-section {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
background-color: #fff;
}