style.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. /*font*/
  2. /*size*/
  3. /*icon*/
  4. /*color*/
  5. /*input/radio/checkbox*/
  6. /*popup*/
  7. /*table*/
  8. /*filter*/
  9. /*menu*/
  10. /*loading*/
  11. /*validate*/
  12. /*grid*/
  13. /*toolbar*/
  14. /*tooltip*/
  15. /*pager*/
  16. /*modal*/
  17. /*checkbox*/
  18. /*radio*/
  19. /*button*/
  20. /*input*/
  21. /*textarea*/
  22. /*form*/
  23. /*select*/
  24. /*switch*/
  25. /*pulldown*/
  26. /**Variable**/
  27. .vxe-pulldown {
  28. position: relative;
  29. display: inline-block;
  30. color: #606266;
  31. text-align: left; }
  32. .vxe-pulldown--panel {
  33. display: none;
  34. position: absolute;
  35. left: 0;
  36. padding: 4px 0;
  37. color: #606266;
  38. text-align: left; }
  39. .vxe-pulldown--panel:not(.is--transfer) {
  40. min-width: 100%; }
  41. .vxe-pulldown--panel.is--transfer {
  42. position: fixed; }
  43. .vxe-pulldown--panel.animat--leave {
  44. display: block;
  45. opacity: 0;
  46. -webkit-transform: scaleY(0.5);
  47. transform: scaleY(0.5);
  48. -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  49. transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  50. transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  51. transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  52. -webkit-transform-origin: center top;
  53. transform-origin: center top;
  54. -webkit-backface-visibility: hidden;
  55. backface-visibility: hidden;
  56. -webkit-transform-style: preserve-3d;
  57. transform-style: preserve-3d; }
  58. .vxe-pulldown--panel.animat--leave[placement="top"] {
  59. -webkit-transform-origin: center bottom;
  60. transform-origin: center bottom; }
  61. .vxe-pulldown--panel.animat--enter {
  62. opacity: 1;
  63. -webkit-transform: scaleY(1);
  64. transform: scaleY(1); }
  65. .vxe-pulldown--wrapper {
  66. background-color: #fff; }
  67. .vxe-pulldown,
  68. .vxe-pulldown--panel {
  69. font-size: 14px; }
  70. .vxe-pulldown.size--medium,
  71. .vxe-pulldown--panel.size--medium {
  72. font-size: 14px; }
  73. .vxe-pulldown.size--small,
  74. .vxe-pulldown--panel.size--small {
  75. font-size: 13px; }
  76. .vxe-pulldown.size--mini,
  77. .vxe-pulldown--panel.size--mini {
  78. font-size: 12px; }