pulldown.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /**Variable**/
  2. /**Variable**/
  3. @import './helpers/mixin.scss';
  4. .vxe-pulldown {
  5. position: relative;
  6. display: inline-block;
  7. color: $vxe-font-color;
  8. text-align: left;
  9. }
  10. .vxe-pulldown--panel {
  11. display: none;
  12. position: absolute;
  13. left: 0;
  14. padding: 4px 0;
  15. color: $vxe-font-color;
  16. text-align: left;
  17. background-color: $vxe-pulldown-panel-background-color;
  18. &:not(.is--transfer) {
  19. min-width: 100%;
  20. }
  21. &.is--transfer {
  22. position: fixed;
  23. }
  24. &.animat--leave {
  25. display: block;
  26. opacity: 0;
  27. transform: scaleY(0.5);
  28. transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);
  29. transform-origin: center top;
  30. backface-visibility: hidden;
  31. transform-style: preserve-3d;
  32. &[placement="top"] {
  33. transform-origin: center bottom;
  34. }
  35. }
  36. &.animat--enter {
  37. opacity: 1;
  38. transform: scaleY(1);
  39. }
  40. }
  41. .vxe-pulldown,
  42. .vxe-pulldown--panel {
  43. font-size: $vxe-font-size;
  44. &.size--medium {
  45. font-size: $vxe-font-size-medium;
  46. }
  47. &.size--small {
  48. font-size: $vxe-font-size-small;
  49. }
  50. &.size--mini {
  51. font-size: $vxe-font-size-mini;
  52. }
  53. }