action-sheet.scss 631 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .cl-action-sheet {
  2. position: relative;
  3. z-index: 1000;
  4. .cl-popup__container {
  5. padding: 0 !important;
  6. background-color: #f2f2f2;
  7. }
  8. &__item {
  9. display: flex;
  10. align-items: center;
  11. justify-content: center;
  12. height: 80rpx;
  13. font-size: 28rpx;
  14. border-bottom: 1rpx solid #eee;
  15. background-color: #fff;
  16. border-radius: 0;
  17. &:last-child {
  18. border-bottom: 0;
  19. }
  20. &.is-disabled {
  21. color: $cl-color-disabled;
  22. }
  23. &:not(.is-disabled):active {
  24. background-color: #f9f9f9;
  25. }
  26. &--cancel {
  27. margin-top: 10rpx;
  28. }
  29. &:after {
  30. border: 0;
  31. }
  32. }
  33. &__icon {
  34. font-size: 40rpx;
  35. margin-right: 10rpx;
  36. }
  37. }