add extjs 6.0.1 sources

[extjs.git] / extjs / modern / theme-base / sass / src / grid / Grid.scss

.#{$prefix}grid .#{$prefix}dock-body > .#{$prefix}body {\r
    width: 100%;\r
}\r
\r
.#{$prefix}grid {\r
    .#{$prefix}grid-emptytext {\r
        text-align: center;\r
        pointer-events: none;\r
        color: #333;\r
        @include st-box();\r
        @include st-box-orient(vertical);\r
        @include st-box-pack(center);\r
    }\r
}\r
\r
.#{$prefix}grid-header-container {\r
    overflow: hidden;\r
}\r
\r
.#{$prefix}grid-headergroup-text {\r
    text-align: center;\r
    overflow: hidden;\r
    text-overflow: ellipsis;\r
}\r
\r
.#{$prefix}grid-row {\r
    position: absolute;\r
    left: 0;\r
    top: 0;\r
    display: table;\r
    table-layout: fixed;\r
    // An explicit width is required for table-layout: fixed to be applied, even if the columns\r
    // have their own explicit widths set\r
    // http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout\r
    width: 0;\r
}\r
\r
.#{$prefix}grid-cell {\r
    display: table-cell;\r
    vertical-align: middle;\r
    overflow: hidden;\r
}\r
\r
.#{$prefix}grid-cell-inner {\r
    text-overflow: ellipsis;\r
    overflow: hidden;\r
    white-space: nowrap;\r
}\r
\r
.#{$prefix}grid-cell-hidden {\r
    display: none;\r
}\r
\r
.#{$prefix}grid-cell-align-center,\r
.#{$prefix}grid-column-align-center {\r
    text-align: center;\r
}\r
\r
.#{$prefix}grid-cell-align-right,\r
.#{$prefix}grid-column-align-right {\r
    text-align: right;\r
}\r
\r
.#{$prefix}grid-viewoptions {\r
    border-width: 0 0 0 1px;\r
    border-style: solid;\r
\r
    .#{$prefix}list-item.#{$prefix}item-selected.#{$prefix}list-item-tpl,\r
    .#{$prefix}list-item.#{$prefix}item-pressed.#{$prefix}list-item-tpl  {\r
        background: transparent;\r
        .#{$prefix}innerhtml {\r
            background: transparent;\r
        }\r
    }\r
}\r
\r
.#{$prefix}grid-columnoptions {\r
    border-width: 0 0 1px;\r
}\r
\r
.#{$prefix}grid-pagingtoolbar {\r
    > .#{$prefix}body {\r
        @include st-box-align(center);\r
    }\r
}\r
\r
.#{$prefix}grid-pagingtoolbar-currentpage {\r
    position: relative;\r
    height: 22px;\r
\r
    span {\r
        position: absolute;\r
        right: 0;\r
        top: 0;\r
        line-height: 22px;\r
        height: 22px;\r
    }\r
}\r
\r
.#{$prefix}grid-summaryrow {\r
    position: relative;\r
}\r
\r
.#{$prefix}grid-summaryrow .#{$prefix}grid-multiselection-cell:after {\r
    content: '';\r
}\r
\r
// Provides ability to capture events on the grid\r
.#{$prefix}ie .#{$prefix}grid-grouped .#{$prefix}translatable-container {\r
    .#{$prefix}grid-row, .#{$prefix}grid-header {\r
        &:before {\r
            content: ". .";\r
            color: transparent;\r
            position: absolute;\r
            left: 0px;\r
            word-spacing: 3000px;\r
            opacity: 0;\r
        }\r
    }\r
}\r
\r
.#{$prefix}grid-header {\r
    position: absolute;\r
    left: 0;\r
    width: 100%;\r
    z-index: 2 !important;\r
}\r
\r
.#{$prefix}ios .#{$prefix}grid-header {\r
    @include transform(translate3d(0, 0, 0));\r
}\r
\r
.#{$prefix}grid-grouped .#{$prefix}grid-row.#{$prefix}grid-header-wrap .#{$prefix}dock-horizontal,\r
.#{$prefix}grid-grouped .#{$prefix}grid-row-tpl.#{$prefix}grid-header-wrap {\r
    border-top: 0;\r
}\r