style.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .mint-actionsheet {
  2. position: fixed;
  3. background: #e0e0e0;
  4. width: 100%;
  5. text-align: center;
  6. bottom: 0;
  7. left: 50%;
  8. -webkit-transform: translate3d(-50%, 0, 0);
  9. transform: translate3d(-50%, 0, 0);
  10. -webkit-backface-visibility: hidden;
  11. backface-visibility: hidden;
  12. -webkit-transition: -webkit-transform .3s ease-out;
  13. transition: -webkit-transform .3s ease-out;
  14. transition: transform .3s ease-out;
  15. transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  16. }
  17. .mint-actionsheet-list {
  18. list-style: none;
  19. padding: 0;
  20. margin: 0;
  21. }
  22. .mint-actionsheet-listitem {
  23. border-bottom: solid 1px #e0e0e0;
  24. }
  25. .mint-actionsheet-listitem, .mint-actionsheet-button {
  26. display: block;
  27. width: 100%;
  28. height: 45px;
  29. line-height: 45px;
  30. font-size: 18px;
  31. color: #333;
  32. background-color: #fff;
  33. }
  34. .mint-actionsheet-listitem:active, .mint-actionsheet-button:active {
  35. background-color: #f0f0f0;
  36. }
  37. .actionsheet-float-enter, .actionsheet-float-leave-active {
  38. -webkit-transform: translate3d(-50%, 100%, 0);
  39. transform: translate3d(-50%, 100%, 0);
  40. }
  41. .v-modal-enter {
  42. -webkit-animation: v-modal-in .2s ease;
  43. animation: v-modal-in .2s ease;
  44. }
  45. .v-modal-leave {
  46. -webkit-animation: v-modal-out .2s ease forwards;
  47. animation: v-modal-out .2s ease forwards;
  48. }
  49. @-webkit-keyframes v-modal-in {
  50. 0% {
  51. opacity: 0;
  52. }
  53. 100% {
  54. }
  55. }
  56. @keyframes v-modal-in {
  57. 0% {
  58. opacity: 0;
  59. }
  60. 100% {
  61. }
  62. }
  63. @-webkit-keyframes v-modal-out {
  64. 0% {
  65. }
  66. 100% {
  67. opacity: 0;
  68. }
  69. }
  70. @keyframes v-modal-out {
  71. 0% {
  72. }
  73. 100% {
  74. opacity: 0;
  75. }
  76. }
  77. .v-modal {
  78. position: fixed;
  79. left: 0;
  80. top: 0;
  81. width: 100%;
  82. height: 100%;
  83. opacity: 0.5;
  84. background: #000;
  85. }