style.css 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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. background-color: #fff; }
  40. .vxe-pulldown--panel:not(.is--transfer) {
  41. min-width: 100%; }
  42. .vxe-pulldown--panel.is--transfer {
  43. position: fixed; }
  44. .vxe-pulldown--panel.animat--leave {
  45. display: block;
  46. opacity: 0;
  47. -webkit-transform: scaleY(0.5);
  48. transform: scaleY(0.5);
  49. -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);
  50. transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 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);
  52. 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);
  53. -webkit-transform-origin: center top;
  54. transform-origin: center top;
  55. -webkit-backface-visibility: hidden;
  56. backface-visibility: hidden;
  57. -webkit-transform-style: preserve-3d;
  58. transform-style: preserve-3d; }
  59. .vxe-pulldown--panel.animat--leave[placement="top"] {
  60. -webkit-transform-origin: center bottom;
  61. transform-origin: center bottom; }
  62. .vxe-pulldown--panel.animat--enter {
  63. opacity: 1;
  64. -webkit-transform: scaleY(1);
  65. transform: scaleY(1); }
  66. .vxe-pulldown,
  67. .vxe-pulldown--panel {
  68. font-size: 14px; }
  69. .vxe-pulldown.size--medium,
  70. .vxe-pulldown--panel.size--medium {
  71. font-size: 14px; }
  72. .vxe-pulldown.size--small,
  73. .vxe-pulldown--panel.size--small {
  74. font-size: 13px; }
  75. .vxe-pulldown.size--mini,
  76. .vxe-pulldown--panel.size--mini {
  77. font-size: 12px; }