144 lines
4.3 KiB
SCSS
144 lines
4.3 KiB
SCSS
@use "sass:map";
|
|
|
|
// Enable negative margin classes.
|
|
$enable-negative-margins: true;
|
|
|
|
// Don't add carets to dropdowns by default.
|
|
// $enable-caret: false;
|
|
|
|
// 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";
|
|
|
|
// Install the datatables.net bootstrap5 styles.
|
|
// FIXME: Including this with ~ fails for some odd reason?
|
|
@import "../../../node_modules/datatables.net-bs5/css/dataTables.bootstrap5";
|
|
|
|
// 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;
|
|
} |