|
1
|
.shopping-cart-good {
|
1
|
.shopping-cart-good {
|
|
|
|
2
|
+ $cartRed: #d0253b;
|
|
2
|
position: relative;
|
3
|
position: relative;
|
|
3
|
padding-left: 16rem / $pxConvertRem;
|
4
|
padding-left: 16rem / $pxConvertRem;
|
|
4
|
|
5
|
|
|
@@ -16,24 +17,28 @@ |
|
@@ -16,24 +17,28 @@ |
|
16
|
|
17
|
|
|
17
|
.info {
|
18
|
.info {
|
|
18
|
float: left;
|
19
|
float: left;
|
|
19
|
- margin-left: 50rem / $pxConvertRem;
|
20
|
+ margin-left: 30rem / $pxConvertRem;
|
|
20
|
padding: 16rem / $pxConvertRem 0;
|
21
|
padding: 16rem / $pxConvertRem 0;
|
|
21
|
- border-bottom: 1px solid #e0e0e0;
|
22
|
+ padding-right: 20rem / $pxConvertRem;
|
|
22
|
}
|
23
|
}
|
|
23
|
|
24
|
|
|
24
|
.thumb {
|
25
|
.thumb {
|
|
25
|
float: left;
|
26
|
float: left;
|
|
26
|
- width: 120rem / $pxConvertRem;
|
|
|
|
27
|
- height: 160rem / $pxConvertRem;
|
27
|
+ width: 180rem / $pxConvertRem;
|
|
|
|
28
|
+ height: 200rem / $pxConvertRem;
|
|
|
|
29
|
+ background-size: 100%;
|
|
|
|
30
|
+ background-repeat: no-repeat;
|
|
28
|
}
|
31
|
}
|
|
29
|
|
32
|
|
|
30
|
.deps {
|
33
|
.deps {
|
|
31
|
- margin-left: 135rem / $pxConvertRem;
|
|
|
|
32
|
- padding-right: 20rem / $pxConvertRem;
|
34
|
+ margin-left: 173rem / $pxConvertRem;
|
|
|
|
35
|
+ padding-bottom: 60rem / $pxConvertRem;
|
|
|
|
36
|
+ border-bottom: 1px solid #e0e0e0;
|
|
33
|
}
|
37
|
}
|
|
34
|
|
38
|
|
|
35
|
.name {
|
39
|
.name {
|
|
36
|
font-size: 28rem / $pxConvertRem;
|
40
|
font-size: 28rem / $pxConvertRem;
|
|
|
|
41
|
+ color: #5a5a5a;
|
|
37
|
}
|
42
|
}
|
|
38
|
|
43
|
|
|
39
|
.row:nth-child(2) {
|
44
|
.row:nth-child(2) {
|
|
@@ -55,12 +60,14 @@ |
|
@@ -55,12 +60,14 @@ |
|
55
|
}
|
60
|
}
|
|
56
|
|
61
|
|
|
57
|
.appear-date {
|
62
|
.appear-date {
|
|
58
|
- color: #e01;
|
63
|
+ color: $cartRed;
|
|
|
|
64
|
+ display: block;
|
|
|
|
65
|
+ margin-top: 4rem / $pxConvertRem;
|
|
59
|
}
|
66
|
}
|
|
60
|
|
67
|
|
|
61
|
.price {
|
68
|
.price {
|
|
62
|
font-size: 24rem / $pxConvertRem;
|
69
|
font-size: 24rem / $pxConvertRem;
|
|
63
|
- color: #000;
|
70
|
+ color: $cartRed;
|
|
64
|
}
|
71
|
}
|
|
65
|
|
72
|
|
|
66
|
.count {
|
73
|
.count {
|
|
@@ -78,7 +85,11 @@ |
|
@@ -78,7 +85,11 @@ |
|
78
|
border: none;
|
85
|
border: none;
|
|
79
|
color: #fff;
|
86
|
color: #fff;
|
|
80
|
text-align: center;
|
87
|
text-align: center;
|
|
81
|
- margin-left: 16rem / $pxConvertRem;
|
88
|
+ float: right;
|
|
|
|
89
|
+ margin-top: 20rem / $pxConvertRem;
|
|
|
|
90
|
+ margin-right: 16rem / $pxConvertRem;
|
|
|
|
91
|
+ border-radius: 20rem / $pxConvertRem;
|
|
|
|
92
|
+ padding: 4rem / $pxConvertRem;
|
|
82
|
}
|
93
|
}
|
|
83
|
|
94
|
|
|
84
|
.sold-out {
|
95
|
.sold-out {
|
|
@@ -86,7 +97,7 @@ |
|
@@ -86,7 +97,7 @@ |
|
86
|
}
|
97
|
}
|
|
87
|
|
98
|
|
|
88
|
.low-stocks {
|
99
|
.low-stocks {
|
|
89
|
- background: #e01;
|
100
|
+ background: #7f7f7f;
|
|
90
|
}
|
101
|
}
|
|
91
|
|
102
|
|
|
92
|
.icon-del,
|
103
|
.icon-del,
|
|
@@ -141,3 +152,9 @@ |
|
@@ -141,3 +152,9 @@ |
|
141
|
}
|
152
|
}
|
|
142
|
}
|
153
|
}
|
|
143
|
}
|
154
|
}
|
|
|
|
155
|
+
|
|
|
|
156
|
+.shopping-cart-good:last-child {
|
|
|
|
157
|
+ .deps {
|
|
|
|
158
|
+ border: none;
|
|
|
|
159
|
+ }
|
|
|
|
160
|
+} |
