blob: 0246caccd5faef048658fa816f9dd218a7d98478 [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
Anand Doshida858cc2015-02-24 17:50:44 +053011.item-stock {
12 margin-bottom: 10px !important;
13}
14
15.product-link {
16 display: block;
17 text-align: center;
18}
19
Anand Doshida858cc2015-02-24 17:50:44 +053020@media (max-width: 767px) {
21 .product-image {
22 height: 0px;
23 padding: 0px 0px 100%;
24 overflow: hidden;
25 }
26}
27
28.product-image-square {
29 width: 100%;
30 height: 0;
31 padding: 50% 0px;
32 background-size: cover;
33 background-repeat: no-repeat;
34 background-position: center top;
Anand Doshie3bd78e2016-04-22 18:53:21 +053035 border-radius: 4px;
Anand Doshida858cc2015-02-24 17:50:44 +053036}
37
38.product-image.missing-image {
39 .product-image-square;
Anand Doshida858cc2015-02-24 17:50:44 +053040 position: relative;
Anand Doshie3bd78e2016-04-22 18:53:21 +053041 background-color: @light-border-color;
Anand Doshida858cc2015-02-24 17:50:44 +053042}
43
44.product-image.missing-image .octicon {
45 font-size: 32px;
46 color: @border-color;
47}
48
49.product-text {
50 padding: 15px 0px;
51}
Anand Doshi81bded12015-05-27 16:48:06 -040052
Anand Doshia6f48682016-04-09 22:25:21 +053053.product-label {
Kanchan Chauhan11638ba2016-04-20 16:20:49 +053054 padding-bottom: 4px;
55 text-transform: uppercase;
56 font-size: 12px;
57}
58
Anand Doshia6f48682016-04-09 22:25:21 +053059.product-search {
60 margin-bottom: 15px;
61}
62
63
Anand Doshi81bded12015-05-27 16:48:06 -040064@media (max-width: 767px) {
65 .product-search {
66 width: 100%;
Anand Doshi81bded12015-05-27 16:48:06 -040067 }
68}
Kanchan Chauhan11638ba2016-04-20 16:20:49 +053069
70.borderless td, .borderless th {
71 border-bottom: 1px solid @light-border-color;
72 padding-left:0px !important;
73 line-height: 1.8em !important;
74}
75
76.item-desc {
77 border-top: 2px solid @light-border-color;
78 padding-top:10px;
79}
Kanchan Chauhane0818f82016-04-22 14:39:02 +053080
81.featured-products {
82 border-top: 1px solid @light-border-color;
83}
Anand Doshie3bd78e2016-04-22 18:53:21 +053084
85.transaction-list-item {
86 border-bottom: none;
87 padding: 30px;
88 margin: 0px -30px;
89
90 &:hover,
91 &:active,
92 &:focus {
93 background-color: @light-bg;
94 }
95
96 .indicator {
97 font-size: inherit;
98 font-weight: inherit;
99 color: @text-muted;
100 margin-left: -15px;
101 }
102
103 .transaction-time {
104 // margin-left: 15px;
105 }
106
107 .items-preview,
108 .transaction-time {
109 margin-top: 5px;
110 }
111}
112
113// order.html
114.transaction-subheading {
115 .indicator {
116 font-weight: inherit;
117 color: @text-muted;
118 }
119}
120
121.order-container {
122 margin: 50px 0px;
123
124 .order-item-header .h6 {
125 padding: 7px 15px;
126 }
127
128 .order-items {
129 margin: 30px 0px 0px;
130 }
131
132 .order-item-table {
133 margin: 0px -15px;
134 }
135
136 .order-item-header {
137 border-bottom: 1px solid #d1d8dd;
138 }
139
140 .order-image-col {
141 padding-right: 0px;
142 }
143
144 .order-image {
145 max-width: 55px;
146 max-height: 55px;
147 margin-top: -5px;
148 }
149
150 .order-taxes {
151 margin-top: 30px;
152
153 .row {
154 margin-top: 15px;
155 }
156 }
157
158 .tax-grand-total-row {
159 border-top: 1px solid @border-color;
160 padding-top: 15px;
161 }
162}
163
Anand Doshia6f48682016-04-09 22:25:21 +0530164.product-list-link {
165 .row {
166 border-bottom: 1px solid @light-border-color;
167 }
168
169 .row:hover {
170 background-color: @light-bg;
171 }
172
173 .row > div {
174 padding-top: 15px;
175 padding-bottom: 15px;
176 }
177}
178
179.product-list-link:first-child .row {
180 border-top: 1px solid @light-border-color;
181}
182
183.item-group-nav-buttons {
184 margin-top: 15px;
185}
186
187@media (min-width: 992px) {
188 .footer-subscribe {
189 max-width: 350px;
190 }
191}