You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

47 lines
843 B

3 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. //
  2. // Dropdown
  3. // --------------------------------------------------
  4. .dropdown-menu {
  5. padding-right: .5rem;
  6. padding-left: .5rem;
  7. box-shadow: $dropdown-box-shadow;
  8. &.dropdown-menu-md {
  9. min-width: 200px;
  10. }
  11. &.dropdown-menu-lg,
  12. &.dropdown-menu-xl,
  13. &.dropdown-menu-xxl {
  14. min-width: 300px;
  15. }
  16. &.dropdown-menu-mega {
  17. transition: transform .3s ease-out, opacity .3s ease-out;
  18. opacity: 0;
  19. display: block;
  20. visibility: hidden;
  21. transform: translateY(10px) scale(.98);
  22. transform-origin: top left;
  23. &.show {
  24. opacity: 1;
  25. visibility: visible;
  26. }
  27. }
  28. @include media-breakpoint-up(xl) {
  29. &.dropdown-menu-xl {
  30. min-width: 450px;
  31. }
  32. &.dropdown-menu-xxl {
  33. min-width: 600px;
  34. }
  35. }
  36. }
  37. .dropdown-item {
  38. margin-bottom: .25rem;
  39. border-radius: $border-radius;
  40. }