| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- // Dropdowns
- // *****************************************************************
-
- .dropdown-menu {
- box-shadow: var(--#{$prefix}dropdown-box-shadow);
- margin-block-start: 1px !important;
-
- text-align: start;
- > li:not(.disabled) > a:not(.dropdown-item):active,
- > li:not(.disabled) > a:not(.dropdown-item).active,
- > li.active:not(.disabled) > a:not(.dropdown-item) {
- background-color: var(--#{$prefix}dropdown-link-active-bg);
- color: var(--#{$prefix}dropdown-link-active-color);
- }
-
- /* Mega dropdown inside the dropdown menu */
- .mega-dropdown > & {
- inset-inline: 0;
- }
- }
-
- .btn-xs.dropdown-toggle::after {
- @include caret-down(.45em);
- }
-
- /* Split dropdowns */
- .dropdown-toggle-split {
- &::after,
- .dropup &::after,
- .dropend &::after {
- margin-inline: 0;
- }
- .dropstart &::before {
- margin-inline: 0;
- }
- }
-
- /* Dropdown item line height */
- .dropdown-item {
- li:not(:first-child) &,
- .dropdown-menu &:not(:first-child) {
- margin-block-start: 2px;
- }
- &.text-danger:active {
- color: var(--#{$prefix}primary) !important;
- }
- }
-
- /* Hidden dropdown toggle arrow */
- .dropdown-toggle.hide-arrow,
- .dropdown-toggle-hide-arrow > .dropdown-toggle {
- &::before,
- &::after {
- display: none;
- }
- }
-
- @each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .dropdown-menu#{$infix}-start {
- --#{$prefix}position: start;
- &[data-bs-popper] {
- inset-inline: 0 auto;
- }
- }
-
- .dropdown-menu#{$infix}-end {
- --#{$prefix}position: end;
- &[data-bs-popper] {
- inset-inline: auto 0;
- }
- }
- }
- }
|