_products.scss 785 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. /*
  2. * Component: Products List
  3. * ------------------------
  4. */
  5. .products-list {
  6. list-style: none;
  7. margin: 0;
  8. padding: 0;
  9. > .item {
  10. @if $enable-rounded {
  11. @include border-radius($border-radius);
  12. }
  13. @include clearfix();
  14. padding: 10px 0;
  15. background: $white;
  16. }
  17. .product-img {
  18. float: left;
  19. img {
  20. width: 50px;
  21. height: 50px;
  22. }
  23. }
  24. .product-info {
  25. margin-left: 60px;
  26. }
  27. .product-title {
  28. font-weight: 600;
  29. }
  30. .product-description {
  31. display: block;
  32. color: $gray-600;
  33. overflow: hidden;
  34. white-space: nowrap;
  35. text-overflow: ellipsis;
  36. }
  37. }
  38. .product-list-in-card > .item {
  39. @include border-radius(0);
  40. border-bottom: 1px solid $card-border-color;
  41. &:last-of-type {
  42. border-bottom-width: 0;
  43. }
  44. }