@use "sass:map";

// Enable negative margin classes.
$enable-negative-margins: true;

// Don't add carets to dropdowns by default.
// $enable-caret: false;

$tooltip-max-width: 100%;

// Only import what we need:
// https://getbootstrap.com/docs/5.1/customize/optimize/

// Configuration
@import "~/node_modules/bootstrap/scss/functions";
@import "~/node_modules/bootstrap/scss/variables";
@import "~/node_modules/bootstrap/scss/mixins";
@import "~/node_modules/bootstrap/scss/utilities";

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

// Helpers
@import "~/node_modules/bootstrap/scss/helpers";

// Utilities
@import "~/node_modules/bootstrap/scss/utilities/api";

// Make the bootstrap icons available.
$bootstrap-icons-font-src: url("~node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff2?a97b3594ad416896e15824f6787370e0") format("woff2"),
url("~node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff?a97b3594ad416896e15824f6787370e0") format("woff") !default;
@import "../../../node_modules/bootstrap-icons/font/bootstrap-icons";

// Leave room for fixed-top navbar.
body {
    padding-top: 60px;
}

// Make the font size choice cascade down into group menu dropdowns.
.leftmenu li>ul {
    font-size: inherit;
}

// Make the long dropdowns in the group menu scrollable.
.group-menu .dropdown-menu {
    height: auto;
    width: auto;
    max-height: 35em;
    overflow-x: hidden;
    overflow-y: auto;
}

// Helper to constrain the size of the main logo
.ietflogo {
    width: 75%;
    max-width: 300px;
}

// Add some padding when there are multiple buttons in a line than can wrap
.buttonlist .btn {
    margin-top: map.get($spacers, 2);
}

// Styles for d3.js graphical SVG timelines
#timeline {
    font-size: small;
}

#timeline .axis path,
#timeline .axis line {
    fill: none;
    stroke: black;
}

#timeline .axis.y path,
#timeline .axis.y line {
    stroke: none;
}

#timeline .axis.x text {
    dominant-baseline: central;
}

#timeline .bar text {
    fill: white;
    dominant-baseline: central;
    pointer-events: none;
}

$timeline-odd-color: $primary;
$timeline-odd-hover-color: shift-color($timeline-odd-color, $link-shade-percentage) !default;

#timeline .bar:nth-child(odd) rect {
    fill: $timeline-odd-color;
}

#timeline .bar:nth-child(odd) rect:hover,
#timeline .bar:nth-child(odd) rect:focus {
    fill: $timeline-odd-hover-color;
}

$timeline-even-color: $success;
$timeline-even-hover-color: shift-color($timeline-even-color, $link-shade-percentage) !default;

#timeline .bar:nth-child(even) rect {
    fill: $timeline-even-color;
}

#timeline .bar:nth-child(even) rect:hover,
#timeline .bar:nth-child(even) rect:focus {
    fill: $timeline-even-hover-color;
}