add extjs 6.0.1 sources

[extjs.git] / extjs / classic / theme-base / sass / src / plugin / Viewport.scss

.#{$prefix}viewport,\r
.#{$prefix}viewport > .#{$prefix}body {\r
    margin: 0;\r
    padding: 0;\r
    border: 0 none;\r
    overflow: hidden;\r
    position: static;\r
    // For devices that have pointer events, touch-action:none prevents the default\r
    // touch action, such as pan/zoom from occurring.  This style is absolutely\r
    // required in order for the Gesture publisher to work correctly on browsers that\r
    // support pointer events.  Without it, a pointercancel event will fire as soon as the\r
    // touch is moved, and so pointermove will never fire while dragging a finger across\r
    // the screen.  This also prevents overflowing containers from scrolling using touch\r
    // and so we must enable "partial" touch scrolling in IE10+ (see Ext.supports.touchScroll)\r
    // See http://www.w3.org/TR/pointerevents/#the-touch-action-css-property\r
    touch-action: none;\r
    // IE10 needs the -ms prefix, IE11+ does not\r
    -ms-touch-action: none;\r
}\r
\r
.#{$prefix}viewport {\r
    // the viewport must have an explicit height so that we can make the body fill the\r
    // viewport height (see below)\r
    height: 100%;\r
}\r
\r
.#{$prefix}viewport > .#{$prefix}body {\r
    // min-height ensures that the body element fills the viewport if its content is smaller\r
    // than the viewport (when using an auto layout on the viewport), while allowing the\r
    // body element to expand in height if the content does not fit within the viewport.\r
    min-height: 100%;\r
}