@use "common";
@use "repo-home/header";
@use "repo-home/sidebar-right";

body {
    background-color: #232323;
    display: flex;
	flex-direction: column;
	min-height: 100vh;

    .body-content {
        main.main-content {
            flex: 1;
            //display: flex;
            background-color: #535153; // bg-color for testing purposes
        }
        
        // Left sidebar (if applicable)
        .sidebar-left {
            width: 250px;
            background-color: #747272; // bg-color for testing purposes
            /* Left sidebar styles */
        }
    }
    
    & > *:not(header) {
        display: flex;
    flex-direction: row;
    flex: 1; // Expands to fill remaining height of body
    }
    
}