veilid-dot-com/themes/veilid2025/assets/scss/style.scss

@import "bootstrap/mixins/banner";
@include bsBanner("");

$primary: #0b0b2f;
$secondary: #4f4d9d;
$info: #0d6efd;

// scss-docs-start import-stack
// Configuration
@import "bootstrap/functions";
@import "bootstrap/variables";
@import "bootstrap/variables-dark";
@import "bootstrap/maps";
@import "bootstrap/mixins";
@import "bootstrap/utilities";

// Layout & components
@import "bootstrap/root";
@import "bootstrap/reboot";
@import "bootstrap/type";
@import "bootstrap/images";
@import "bootstrap/containers";
@import "bootstrap/grid";
@import "bootstrap/tables";
@import "bootstrap/forms";
@import "bootstrap/buttons";
/* @import "bootstrap/transitions"; */
/* @import "bootstrap/dropdown"; */
/* @import "bootstrap/button-group"; */
@import "bootstrap/nav";
@import "bootstrap/navbar";
@import "bootstrap/card";
/* @import "bootstrap/accordion"; */
@import "bootstrap/breadcrumb";
@import "bootstrap/pagination";
/* @import "bootstrap/badge"; */
@import "bootstrap/alert";
/* @import "bootstrap/progress"; */
@import "bootstrap/list-group";
/* @import "bootstrap/close"; */
/* @import "bootstrap/toasts"; */
/* @import "bootstrap/modal"; */
/* @import "bootstrap/tooltip"; */
/* @import "bootstrap/popover"; */
/* @import "bootstrap/carousel"; */
/* @import "bootstrap/spinners"; */
/* @import "bootstrap/offcanvas"; */
@import "bootstrap/placeholders";

// Helpers
@import "bootstrap/helpers";

// Utilities
@import "bootstrap/utilities/api";
// scss-docs-end import-stack

/* General Rules */ 

ul, ol {
    li {
        margin: 0.5rem 0;
    }
    li:first-child {
        margin-top: 0rem;
    }
    li:last-child {
        margin-bottom: 0rem;
    }
}

h3, h4, h5, h6 {
    margin-top: 2rem;
}

p:last-child {
    margin-bottom: 0;
}

/* Class Rules */

.card-header {
    h1, h2, h3, h4, h5, h6 {
        margin: 0;
    }
}

h2.more-pages {
    margin: 2rem 0 1rem 0;
    padding: 1rem;
    color: white;
    background-color: $primary;
}

.padded-box {
    padding: 1rem;
    background-color: #8e009733;
    border: 2px solid #8e009780;
    margin: 1rem 0;

    .padded-box-title {
        margin-top: 0rem;
        color: #131c45;
    }
}

/* This needs to be reset because of list-item definition in the general rules section */
.breadcrumb {
    margin-top: 0;
    margin-bottom: 2rem;
}

.breadcrumb-item {
    margin: 0;
    padding: 0;
}

.list-page-article {

    margin: 1rem 0;
    h3 {
        margin: 0;
        font-size: 1rem;
    }
}

.focus-text {
    background-color: #441168;
    padding: 1.65rem;
    color: #fff;
    margin-bottom: 1rem;
}

/* Specific Rules */

body > header {
    padding: 1px;
    background-color: tint-color($secondary, 50%);
    margin-bottom: 2rem;

    .list-inline li {
        padding: 0 1rem;
    }

    .links {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

#header-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


#site-logo {
    margin: 1rem 0;
    img {
        display: block;
        max-height: 5vh;
    }
}


body > main {
    padding-bottom: 2rem;
}

body > footer {
    clear: both;
    margin-top: 2rem;
    background-color: $primary;
    padding: 1rem;
    padding-top: 2rem;
    color: white;
    h4 {
        font-size: 1rem;
        margin: 0;
        padding: 0;
    }
    ul {
        margin: 1rem 0;
    }
    a:visited, a:active, a:hover, a:link {
        color: white;
    }
}

#main-nav {
    li {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }
    margin-right: 2rem;
}

#page-title {
    background-color: $secondary;
    color: white;
    padding: 1rem;
    margin-bottom: 1rem;
}

#header-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    ol {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
    }
    li {
        margin: 0;
        padding: 1rem;
        list-style-type: none;
    }
}

#footer-logo {
    height: 150px;
}