mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 23:16:52 +08:00
122 lines
2.1 KiB
SCSS
122 lines
2.1 KiB
SCSS
*,
|
|
*:before,
|
|
*:after {
|
|
@include box-sizing(border-box);
|
|
}
|
|
|
|
a {
|
|
-webkit-user-drag: none;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
img {
|
|
-webkit-user-drag: none;
|
|
}
|
|
|
|
a, button {
|
|
&:focus {
|
|
outline: 0;
|
|
}
|
|
}
|
|
|
|
body, .ionic-body {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: $base-color;
|
|
word-wrap: break-word;
|
|
font-size: $font-size-base;
|
|
font-family: $base-font-family;
|
|
line-height: $line-height-computed;
|
|
text-rendering: optimizeLegibility;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-webkit-text-size-adjust: none;
|
|
text-size-adjust: none;
|
|
|
|
-webkit-tap-highlight-color: transparent;
|
|
-webkit-user-drag: none;
|
|
-webkit-user-select: none;
|
|
}
|
|
|
|
.view {
|
|
}
|
|
|
|
.view-full {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.content:before,
|
|
.content:after {
|
|
// Uncollapse content margin if child elements DO have an margin
|
|
content: "\00a0"; /* No-break space character */
|
|
display: block;
|
|
overflow: hidden;
|
|
height: 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 > * {
|
|
-webkit-transform: translateZ(0px);
|
|
transform: translateZ(0px);
|
|
}
|
|
|
|
|
|
.content {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
// Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab.
|
|
// Note: For these to work, content must come after both bars in the markup
|
|
.has-header {
|
|
top: $bar-height;
|
|
}
|
|
|
|
.has-footer {
|
|
bottom: $bar-height;
|
|
}
|
|
|
|
// Specify that a content area will have tabs
|
|
.has-tabs {
|
|
bottom: 84px;
|
|
}
|
|
|
|
.pane {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.page, .full-section {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
overflow: auto;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #fff;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|