public/main.scss

/**
 * Main workflow stylesheet.
 */
@import "layouts/global/base";
@import "components/fonts/webfonts";
@import "components/fonts/typography";
@import "components/user-message/user-message";
@import "components/icons/icons";
@import "layouts/dashboard/dashboard";
@import '~bootstrap/dist/css/bootstrap.css';
@import "components/support-teams/support-teams";

.main-container {
    // Flexbox prefixes - TODO: Autoprefixer
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    // Flexbox prefixes - TODO: Autoprefixer
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    min-height: 100%;
    max-height: 100%;
}

.main {
    // Flexbox prefixes - TODO: Autoprefixer
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    // Flexbox prefixes - TODO: Autoprefixer
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    min-height: 100%;
    max-height: 100%;

    z-index: 1;
}

// Legacy admin page styles...
.admin {
    padding: 20px;
}

@import "shame";