_dropup.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .dropup {
  2. .dropdown-menu {
  3. box-shadow: $dropdown-box-shadow;
  4. transition: $dropdown-transition;
  5. cursor: pointer;
  6. top: auto !important;
  7. bottom: 100% !important;
  8. margin-bottom: $dropup-mb !important;
  9. display: block;
  10. opacity: 0;
  11. transform-origin: $dropup-transform-origin;
  12. pointer-events: none;
  13. transform: $dropup-transform;
  14. -webkit-backface-visibility: hidden;
  15. backface-visibility: hidden;
  16. will-change: transform,box-shadow;
  17. &.show{
  18. pointer-events: auto;
  19. transform: $dropup-transform-show;
  20. opacity: 1;
  21. &:after {
  22. bottom: -($dropup-animation-arrow-bottom-position - 2);
  23. }
  24. }
  25. &:after {
  26. font-family: "FontAwesome";
  27. content: "\f0d7";
  28. position: absolute;
  29. z-index: -1;
  30. bottom: $dropup-animation-arrow-bottom-position;
  31. left: $dropdown-animation-arrow-left-position;
  32. right: auto;
  33. font-size: $dropdown-animation-arrow-font-size;
  34. color: $white;
  35. transition: $dropup-animation-arrow-transition;
  36. }
  37. }
  38. }