index.less 990 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. @import "../styles/mixins/index.less";
  2. @import "../styles/themes/index.less";
  3. .@{wux-prefix}-swipe {
  4. overflow: hidden;
  5. position: relative;
  6. &__cover {
  7. position: absolute;
  8. z-index: 2;
  9. background: transparent;
  10. height: 100%;
  11. width: 100%;
  12. top: 0;
  13. }
  14. &__actions {
  15. position: absolute;
  16. top: 0;
  17. bottom: 0;
  18. display: flex;
  19. overflow: hidden;
  20. white-space: nowrap;
  21. transition: all .25s;
  22. &--left {
  23. left: 0;
  24. }
  25. &--right {
  26. right: 0;
  27. }
  28. }
  29. &__action {
  30. display: flex;
  31. align-items: center;
  32. justify-content: center;
  33. overflow: hidden;
  34. }
  35. &__text {
  36. padding: 0 8px;
  37. }
  38. &__content {
  39. position: relative;
  40. background-color: #fff;
  41. transition: all .25s;
  42. }
  43. &--swiping &__actions,
  44. &--swiping &__content {
  45. transition: none;
  46. }
  47. }