_structure.less 1.28 KB
Newer Older
Ketan's avatar
Ketan committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59
// /**
//  * Copyright © Magento, Inc. All rights reserved.
//  * See COPYING.txt for license details.
//  */

//
//  Structure
//  _____________________________________________

html {
    height: 100%;
}

body {
    &:extend(.abs-clearer all);
    background-color: @body__background-color;
    min-height: 100%;
    min-width: 102.4rem;
}

.page-wrapper {
    background-color: @page-wrapper__background-color;
    display: inline-block;
    margin-left: -4px; // Clear inline-block gap
    vertical-align: top;
    width: ~'calc(100% - @{menu__width})';
}

.page-content {
    &:extend(.abs-clearfix all);
    padding-bottom: @page-content__padding-vertical;
    padding-left: @page-content__padding-horizontal;
    padding-right: @page-content__padding-horizontal;
}

//  ToDo UI: should be moved to messages
.notices-wrapper {
    margin: 0 3rem;
    min-height: 5rem;
    .messages {
        margin-bottom: 0;
    }
}

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .page-layout-admin-2columns-left {
        .page-columns {
            #mix-grid .row();
            .main-col {
                #mix-grid .width(9,12);
                float: right;
            }

            .side-col {
                #mix-grid .column(3,12);
            }
        }
    }
}