@import (once) "../../customize/src/less2/include/browser.less";
@import (once) "../../customize/src/less2/include/framework.less";

.framework_main( @bg-color: @colortheme_kanban-bg,
@warn-color: @colortheme_kanban-warn,
@color: @colortheme_kanban-color);

// body
&.cp-app-kanban {
    display: flex;
    flex-flow: column;
    max-height: 100%;
    min-height: auto;

    #cp-app-kanban-container {
        display: inline-flex;
        flex-flow: column;
        height: 100%;
        min-height: 100%;
        width: 200%;
        resize: horizontal;
        overflow: hidden;
    }
    #cp-app-kanban-editor {
        flex: 1;
        display: flex;
        flex-flow: row;
        height: 100%;
        overflow: hidden;
    }

    @media (max-width: @browser_media-medium-screen) {
        #cp-app-kanban-container {
            flex: 1;
            max-width: 100%;
            resize: none;
        }
    }
}