index.less 1008 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. @import "../styles/mixins/index.less";
  2. @import "../styles/themes/index.less";
  3. .@{wux-prefix}-media {
  4. position: relative;
  5. display: flex;
  6. padding: 15px;
  7. overflow: hidden;
  8. &--align-flex-start {
  9. align-items: flex-start;
  10. }
  11. &--align-flex-end {
  12. align-items: flex-end;
  13. }
  14. &--align-center {
  15. align-items: center;
  16. }
  17. &--align-stretch {
  18. align-items: stretch;
  19. }
  20. &--align-baseline {
  21. align-items: baseline;
  22. }
  23. &__hd {
  24. margin-right: .8em;
  25. text-align: center;
  26. }
  27. &__thumb {
  28. width: 60px;
  29. height: 60px;
  30. display: inline-block;
  31. overflow: hidden;
  32. vertical-align: top;
  33. }
  34. &__bd {
  35. flex: 1;
  36. min-width: 0;
  37. }
  38. &__title {
  39. font-weight: 400;
  40. font-size: 17px;
  41. .ellipsis();
  42. }
  43. &__desc {
  44. color: @text-color-secondary;
  45. font-size: 13px;
  46. line-height: 1.2;
  47. .ellipsisLn(2);
  48. }
  49. }