add extjs 6.0.1 sources

[extjs.git] / extjs / packages / core / sass / src / util / SizeMonitor.scss

/**\r
 * @class Ext.util.SizeMonitor\r
 */\r
\r
.#{$prefix}size-monitored {\r
    position: relative;\r
}\r
\r
.#{$prefix}size-monitors {\r
    position: absolute;\r
    left: 0;\r
    top: 0;\r
    width: 100%;\r
    height: 100%;\r
    visibility: hidden;\r
    overflow: hidden;\r
\r
    > * {\r
        width: 100%;\r
        height: 100%;\r
        overflow: hidden;\r
    }\r
\r
    &.scroll > * {\r
        &.shrink::after {\r
            content: '';\r
            display: block;\r
            width: 200%;\r
            height: 200%;\r
            min-width: 1px;\r
            min-height: 1px;\r
        }\r
\r
        &.expand::after {\r
            content: '';\r
            display: block;\r
            width: 100000px;\r
            height: 100000px;\r
        }\r
    }\r
\r
    &.overflowchanged > * {\r
        &.shrink {\r
            > * {\r
                width: 100%;\r
                height: 100%;\r
            }\r
        }\r
\r
        &.expand {\r
            > * {\r
                width: 200%;\r
                height: 200%;\r
            }\r
        }\r
    }\r
}\r
\r
.#{$prefix}size-change-detector {\r
    visibility: hidden;\r
    position: absolute;\r
    left: 0;\r
    top: 0;\r
    z-index: -1;\r
    width: 100%;\r
    height: 100%;\r
    overflow: hidden;\r
}\r
\r
.#{$prefix}size-change-detector > * {\r
    visibility: hidden;\r
}\r
\r
.#{$prefix}size-change-detector-shrink > * {\r
    width: 200%;\r
    height: 200%;\r
}\r
\r
.#{$prefix}size-change-detector-expand > * {\r
    width: 100000px;\r
    height: 100000px;\r
}