pulldown.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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. &:not(.is--transfer) {
  18. min-width: 100%;
  19. }
  20. &.is--transfer {
  21. position: fixed;
  22. }
  23. &.animat--leave {
  24. display: block;
  25. opacity: 0;
  26. transform: scaleY(0.5);
  27. transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);
  28. transform-origin: center top;
  29. backface-visibility: hidden;
  30. transform-style: preserve-3d;
  31. &[placement="top"] {
  32. transform-origin: center bottom;
  33. }
  34. }
  35. &.animat--enter {
  36. opacity: 1;
  37. transform: scaleY(1);
  38. }
  39. }
  40. .vxe-pulldown--wrapper {
  41. background-color: $vxe-pulldown-panel-background-color;
  42. }
  43. .vxe-pulldown,
  44. .vxe-pulldown--panel {
  45. font-size: $vxe-font-size;
  46. &.size--medium {
  47. font-size: $vxe-font-size-medium;
  48. }
  49. &.size--small {
  50. font-size: $vxe-font-size-small;
  51. }
  52. &.size--mini {
  53. font-size: $vxe-font-size-mini;
  54. }
  55. }