.
+@use 'sass:math';
+
.list-group {
display: flex;
flex-direction: column;
@@ -24,6 +25,7 @@
}
}
+
// Interactive list items
//
// Use anchor or button elements instead of `li`s or `div`s to create interactive
@@ -49,6 +51,7 @@
}
}
+
// Individual list items
//
// Use on `li`s or `div`s within the `.list-group` parent.
@@ -95,6 +98,7 @@
}
}
+
// Horizontal
//
// Change the layout of list group items from vertical (default) to horizontal.
@@ -135,6 +139,7 @@
}
}
+
// Flush list items
//
// Remove borders and border-radius to keep list group items edge-to-edge. Most
@@ -152,6 +157,7 @@
}
}
+
// scss-docs-start list-group-modifiers
// List group contextual variants
//
@@ -161,17 +167,10 @@
@each $state, $value in $theme-colors {
$list-group-variant-bg: shift-color($value, $list-group-item-bg-scale);
$list-group-variant-color: shift-color($value, $list-group-item-color-scale);
- @if (
- contrast-ratio($list-group-variant-bg, $list-group-variant-color) <
- $min-contrast-ratio
- ) {
+ @if (contrast-ratio($list-group-variant-bg, $list-group-variant-color) < $min-contrast-ratio) {
$list-group-variant-color: mix($value, color-contrast($list-group-variant-bg), math.abs($list-group-item-color-scale));
}
- @include list-group-item-variant(
- $state,
- $list-group-variant-bg,
- $list-group-variant-color
- );
+ @include list-group-item-variant($state, $list-group-variant-bg, $list-group-variant-color);
}
// scss-docs-end list-group-modifiers
diff --git a/src/assets/styles/bootstrap/_modal.scss b/src/assets/styles/bootstrap/_modal.scss
index da87f9c..21e1258 100644
--- a/src/assets/styles/bootstrap/_modal.scss
+++ b/src/assets/styles/bootstrap/_modal.scss
@@ -3,6 +3,7 @@
// .modal-dialog - positioning shell for the actual modal
// .modal-content - actual modal w/ bg and corners and stuff
+
// Container that the modal scrolls within
.modal {
position: fixed;
@@ -84,11 +85,7 @@
// Modal background
.modal-backdrop {
- @include overlay-backdrop(
- $zindex-modal-backdrop,
- $modal-backdrop-bg,
- $modal-backdrop-opacity
- );
+ @include overlay-backdrop($zindex-modal-backdrop, $modal-backdrop-bg, $modal-backdrop-opacity);
}
// Modal header
@@ -103,9 +100,8 @@
@include border-top-radius($modal-content-inner-border-radius);
.btn-close {
- padding: ($modal-header-padding-y * 0.5) ($modal-header-padding-x * 0.5);
- margin: ($modal-header-padding-y * -0.5) ($modal-header-padding-x * -0.5)
- ($modal-header-padding-y * -0.5) auto;
+ padding: ($modal-header-padding-y * .5) ($modal-header-padding-x * .5);
+ margin: ($modal-header-padding-y * -.5) ($modal-header-padding-x * -.5) ($modal-header-padding-y * -.5) auto;
}
}
@@ -132,7 +128,7 @@
flex-shrink: 0;
align-items: center; // vertically center
justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
- padding: $modal-inner-padding - $modal-footer-margin-between * 0.5;
+ padding: $modal-inner-padding - $modal-footer-margin-between * .5;
border-top: $modal-footer-border-width solid $modal-footer-border-color;
@include border-bottom-radius($modal-content-inner-border-radius);
@@ -140,7 +136,7 @@
// This solution is far from ideal because of the universal selector usage,
// but is needed to fix https://github.com/twbs/bootstrap/issues/24800
> * {
- margin: $modal-footer-margin-between * 0.5;
+ margin: $modal-footer-margin-between * .5;
}
}
@@ -164,9 +160,7 @@
@include box-shadow($modal-content-box-shadow-sm-up);
}
- .modal-sm {
- max-width: $modal-sm;
- }
+ .modal-sm { max-width: $modal-sm; }
}
@include media-breakpoint-up(lg) {
@@ -177,9 +171,7 @@
}
@include media-breakpoint-up(xl) {
- .modal-xl {
- max-width: $modal-xl;
- }
+ .modal-xl { max-width: $modal-xl; }
}
// scss-docs-start modal-fullscreen-loop
diff --git a/src/assets/styles/bootstrap/_nav.scss b/src/assets/styles/bootstrap/_nav.scss
index 365a143..cd1371d 100644
--- a/src/assets/styles/bootstrap/_nav.scss
+++ b/src/assets/styles/bootstrap/_nav.scss
@@ -4,37 +4,37 @@
// `