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