blob: b270b8bed7dd5f3ce936c991d73e7099e3f637a5 [file] [log] [blame]
Anand Doshida858cc2015-02-24 17:50:44 +05301@border-color: #d1d8dd;
Anand Doshie3bd78e2016-04-22 18:53:21 +05302@light-border-color: #EBEFF2;
3@text-muted: #8D99A6;
4@light-bg: #fafbfc;
Anand Doshida858cc2015-02-24 17:50:44 +05305
6.web-long-description {
7 font-size: 18px;
8 line-height: 200%;
9}
Anand Doshie3bd78e2016-04-22 18:53:21 +053010
Rushabh Mehtaaedad642016-10-04 11:40:22 +053011.web-page-content {
12 margin-bottom: 30px;
13}
14
Anand Doshida858cc2015-02-24 17:50:44 +053015.item-stock {
16 margin-bottom: 10px !important;
17}
18
19.product-link {
20 display: block;
21 text-align: center;
22}
23
Anand Doshida858cc2015-02-24 17:50:44 +053024@media (max-width: 767px) {
25 .product-image {
26 height: 0px;
27 padding: 0px 0px 100%;
28 overflow: hidden;
29 }
30}
31
32.product-image-square {
33 width: 100%;
34 height: 0;
35 padding: 50% 0px;
36 background-size: cover;
37 background-repeat: no-repeat;
38 background-position: center top;
Rushabh Mehta4b9238a2016-05-12 15:22:59 +053039 border-radius-top: 4px;
40 border-radius-right: 4px;
Anand Doshida858cc2015-02-24 17:50:44 +053041}
42
43.product-image.missing-image {
44 .product-image-square;
Anand Doshida858cc2015-02-24 17:50:44 +053045 position: relative;
Anand Doshie3bd78e2016-04-22 18:53:21 +053046 background-color: @light-border-color;
Anand Doshida858cc2015-02-24 17:50:44 +053047}
48
49.product-image.missing-image .octicon {
50 font-size: 32px;
51 color: @border-color;
52}
53
54.product-text {
55 padding: 15px 0px;
56}
Anand Doshi81bded12015-05-27 16:48:06 -040057
Anand Doshia6f48682016-04-09 22:25:21 +053058.product-search {
59 margin-bottom: 15px;
60}
61
62
Anand Doshi81bded12015-05-27 16:48:06 -040063@media (max-width: 767px) {
64 .product-search {
65 width: 100%;
Anand Doshi81bded12015-05-27 16:48:06 -040066 }
67}
Kanchan Chauhan11638ba2016-04-20 16:20:49 +053068
69.borderless td, .borderless th {
70 border-bottom: 1px solid @light-border-color;
71 padding-left:0px !important;
72 line-height: 1.8em !important;
73}
74
75.item-desc {
76 border-top: 2px solid @light-border-color;
77 padding-top:10px;
78}
Kanchan Chauhane0818f82016-04-22 14:39:02 +053079
80.featured-products {
81 border-top: 1px solid @light-border-color;
82}
Anand Doshie3bd78e2016-04-22 18:53:21 +053083
84.transaction-list-item {
Anand Doshie3bd78e2016-04-22 18:53:21 +053085 &:hover,
86 &:active,
87 &:focus {
88 background-color: @light-bg;
89 }
90
91 .indicator {
Anand Doshie3bd78e2016-04-22 18:53:21 +053092 font-weight: inherit;
93 color: @text-muted;
Anand Doshie3bd78e2016-04-22 18:53:21 +053094 }
95
96 .transaction-time {
97 // margin-left: 15px;
98 }
99
100 .items-preview,
101 .transaction-time {
102 margin-top: 5px;
103 }
104}
105
106// order.html
107.transaction-subheading {
108 .indicator {
109 font-weight: inherit;
110 color: @text-muted;
111 }
112}
113
114.order-container {
115 margin: 50px 0px;
116
117 .order-item-header .h6 {
118 padding: 7px 15px;
119 }
120
121 .order-items {
122 margin: 30px 0px 0px;
123 }
124
125 .order-item-table {
126 margin: 0px -15px;
127 }
128
129 .order-item-header {
130 border-bottom: 1px solid #d1d8dd;
131 }
132
133 .order-image-col {
134 padding-right: 0px;
135 }
136
137 .order-image {
138 max-width: 55px;
139 max-height: 55px;
140 margin-top: -5px;
141 }
142
143 .order-taxes {
144 margin-top: 30px;
145
146 .row {
147 margin-top: 15px;
148 }
149 }
150
151 .tax-grand-total-row {
Anand Doshie3bd78e2016-04-22 18:53:21 +0530152 padding-top: 15px;
Rushabh Mehtaac123c52016-05-20 16:36:56 +0530153 padding-bottom: 30px;
Anand Doshie3bd78e2016-04-22 18:53:21 +0530154 }
Rushabh Mehta4b9238a2016-05-12 15:22:59 +0530155
156 .tax-grand-total {
157 display: inline-block;
158 font-size: 16px;
159 font-weight: bold;
160 margin-top: 5px;
161 }
Anand Doshie3bd78e2016-04-22 18:53:21 +0530162}
163
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530164.cart-container {
165 margin: 50px 0px;
Rushabh Mehtab6bca562016-09-13 14:37:09 +0530166
Kanchan Chauhanc8d47da2016-06-22 15:46:38 +0530167 .checkout {
168 margin-bottom:15px;
169 }
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530170
171 .cart-item-header .h6 {
172 padding: 7px 15px;
173 }
174
175 .cart-items {
176 margin: 30px 0px 0px;
177 }
178
179 .cart-item-table {
180 margin: 0px -15px;
181 }
182
183 .cart-item-header {
184 border-bottom: 1px solid #d1d8dd;
185 }
186
187 .cart-image-col {
188 padding-right: 0px;
189 }
190
191 .cart-image {
192 max-width: 55px;
193 max-height: 55px;
194 margin-top: -5px;
195 }
196
197 .cart-taxes {
198 margin-top: 30px;
199
200 .row {
201 margin-top: 15px;
202 }
203 }
204
205 .tax-grand-total-row {
206 border-top: 1px solid @border-color;
207 padding-top: 15px;
208 }
Rushabh Mehta4b9238a2016-05-12 15:22:59 +0530209
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530210 .cart-addresses {
211 margin-top: 50px;
212 }
213}
214
Kanchan Chauhanc8d47da2016-06-22 15:46:38 +0530215.cart-items-dropdown .cart-dropdown,
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530216.item_name_dropdown {
Kanchan Chauhanc8d47da2016-06-22 15:46:38 +0530217 display: none;
Rushabh Mehta4b9238a2016-05-12 15:22:59 +0530218
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530219}
Rushabh Mehta4b9238a2016-05-12 15:22:59 +0530220
Kanchan Chauhanc8d47da2016-06-22 15:46:38 +0530221.cart-dropdown-container {
222 width: 400px;
223 padding: 15px;
Rushabh Mehtab6bca562016-09-13 14:37:09 +0530224
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530225 .item-price {
226 display: block !important;
227 padding-bottom: 10px;
228 }
Rushabh Mehta4b9238a2016-05-12 15:22:59 +0530229
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530230 .cart-item-header {
231 border-bottom: 1px solid #d1d8dd;
232 }
Rushabh Mehtab6bca562016-09-13 14:37:09 +0530233
Kanchan Chauhanc8d47da2016-06-22 15:46:38 +0530234 .cart-items-dropdown {
235 max-height: 350px;
Kanchan Chauhanc8d47da2016-06-22 15:46:38 +0530236 }
Rushabh Mehtab6bca562016-09-13 14:37:09 +0530237
Kanchan Chauhanc8d47da2016-06-22 15:46:38 +0530238 .cart-items-dropdown .cart-dropdown {
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530239 display:block;
240 margin-top:15px;
241 }
Rushabh Mehta4b9238a2016-05-12 15:22:59 +0530242
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530243 .item_name_dropdown {
244 display:block;
245 }
Rushabh Mehta4b9238a2016-05-12 15:22:59 +0530246
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530247 .item-description,
248 .cart-items .checkout,
249 .item_name_and_description {
250 display: none;
251 }
Rushabh Mehta4b9238a2016-05-12 15:22:59 +0530252
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530253 .checkout-btn {
Kanchan Chauhanb3573a82016-05-09 12:30:58 +0530254 padding-top:25px;
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530255 }
256 .col-name-description {
257 margin-bottom:8px;
258 }
Kanchan Chauhanc8d47da2016-06-22 15:46:38 +0530259}
Rushabh Mehta4b9238a2016-05-12 15:22:59 +0530260
Kanchan Chauhanc8d47da2016-06-22 15:46:38 +0530261.number-spinner {
262 width:100px;
263 margin-top:5px;
264}
265
266.cart-btn {
267 border-color: #ccc;
268}
269.cart-qty {
270 text-align:center;
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530271}
272
Anand Doshia6f48682016-04-09 22:25:21 +0530273.product-list-link {
274 .row {
275 border-bottom: 1px solid @light-border-color;
276 }
277
278 .row:hover {
279 background-color: @light-bg;
280 }
281
282 .row > div {
283 padding-top: 15px;
284 padding-bottom: 15px;
285 }
286}
287
288.product-list-link:first-child .row {
289 border-top: 1px solid @light-border-color;
290}
291
292.item-group-nav-buttons {
293 margin-top: 15px;
294}
295
Rushabh Mehtaac123c52016-05-20 16:36:56 +0530296.footer-subscribe {
297 .btn-default {
298 background-color: transparent;
299 border: 1px solid @border-color;
300 }
301}
302
Anand Doshia6f48682016-04-09 22:25:21 +0530303@media (min-width: 992px) {
304 .footer-subscribe {
305 max-width: 350px;
306 }
307}
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530308
309.item-group-content {
310 margin-top: 30px;
311}
312
Rushabh Mehta4b9238a2016-05-12 15:22:59 +0530313.product-image-img {
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530314 border: 1px solid @light-border-color;
315 border-radius: 3px;
316}
317
Rushabh Mehta4b9238a2016-05-12 15:22:59 +0530318.product-text {
Kanchan Chauhan239b3512016-05-02 11:43:44 +0530319 border-top: 1px solid @light-border-color;
320 padding: 15px;
321 word-wrap: break-word;
322 height: 75px;
323}
324
Rushabh Mehta4b9238a2016-05-12 15:22:59 +0530325.product-image-wrapper {
326 padding-bottom: 40px;
Kanchan Chauhanc8d47da2016-06-22 15:46:38 +0530327}