spree_core 1.0.0 → 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,14 +1,14 @@
1
1
  $(function() {
2
2
  var original_calc_type = $('#calc-type').attr('value');
3
- $('div#calculator-settings-warning').hide();
3
+ $('div.calculator-settings-warning').hide();
4
4
  $('#calc-type').change(function() {
5
5
  if ($('#calc-type').attr('value') == original_calc_type) {
6
6
  $('div.calculator-settings').show();
7
- $('div#calculator-settings-warning').hide();
7
+ $('div.calculator-settings-warning').hide();
8
8
  $('.calculator-settings input').prop("disabled", false);
9
9
  } else {
10
10
  $('div.calculator-settings').hide();
11
- $('div#calculator-settings-warning').show();
11
+ $('div.calculator-settings-warning').show();
12
12
  $('.calculator-settings input').prop("disabled", true);
13
13
  }
14
14
  });
@@ -2,7 +2,7 @@
2
2
  $(document).ready(function(){
3
3
  if($('form#update-cart').is('*')){
4
4
  $('form#update-cart a.delete').show().live('click', function(e){
5
- $(this).parents('tr').first().find('input.line_item_quantity').val(0);
5
+ $(this).parents('.line-item').first().find('input.line_item_quantity').val(0);
6
6
  $(this).parents('form').first().submit();
7
7
  e.preventDefault();
8
8
  });
@@ -1,53 +1,96 @@
1
1
  /*--------------------------------------*/
2
2
  /* Colors
3
3
  /*--------------------------------------*/
4
- $c_base: #404042; /* Dark gray */
5
- $c_gray: #bbbbbb; /* Mid light gray */
6
- $c_colored: #00ADEE; /* Light blue */
7
- $c_colored_alt: #f0f8ff; /* Lighter blue */
8
- $c_border: #dedede; /* Light gray */
9
4
  $c_green: #8dba53; /* Spree green */
10
5
  $c_red: #e45353; /* Error red */
11
6
 
7
+ $layout_background_color: #FFFFFF;
8
+ $title_text_color: #404042;
9
+ $body_text_color: #404042;
10
+ $link_text_color: #00ADEE;
11
+
12
+ $product_background_color: #FFFFFF;
13
+ $product_title_text_color: #404042;
14
+ $product_body_text_color: #404042;
15
+ $product_link_text_color: #BBBBBB;
16
+
12
17
  /*--------------------------------------*/
13
- /* Fonts
18
+ /* Fonts import from remote
14
19
  /*--------------------------------------*/
15
- @import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic|&subset=latin,cyrillic,greek,greek-ext,latin-ext,cyrillic-ext);
20
+ @import url(//fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic|&subset=latin,cyrillic,greek,greek-ext,latin-ext,cyrillic-ext);
21
+
22
+ /*--------------------------------------*/
23
+ /* Font families
24
+ /*--------------------------------------*/
25
+ $ff_base: 'Ubuntu', sans-serif;
26
+
27
+ /*--------------------------------------
28
+ | Font sizes
29
+ |--------------------------------------
30
+ |- Navigation
31
+ | */
32
+ $header_navigation_font_size: 14px;
33
+ $horizontal_navigation_font_size: 16px;
34
+ $main_navigation_header_font_size: 14px;
35
+ $main_navigation_font_size: 12px;
36
+ /*|------------------------------------
37
+ |- Product Listing
38
+ | */
39
+ $product_list_name_font_size: 12px;
40
+ $product_list_price_font_size: 16px;
41
+ $product_list_header_font_size: 20px;
42
+ $product_list_search_font_size: 14px;
43
+ /*|------------------------------------
44
+ |- Product Details
45
+ | */
46
+ $product_detail_name_font_size: 24px;
47
+ $product_detail_description_font_size: 12px;
48
+ $product_detail_price_font_size: 20px;
49
+ $product_detail_title_font_size: 14px;
50
+ /*|------------------------------------
51
+ |- Basic
52
+ | */
53
+ $heading_font_size: 24px;
54
+ $sub_heading_font_size: 14px;
55
+ $button_font_size: 12px;
56
+ $input_box_font_size: 13px;
57
+ $base_font_size: 12px;
16
58
 
17
59
  /*--------------------------------------*/
18
60
  /* Basic styles
19
61
  /*--------------------------------------*/
20
62
  body {
21
- font-family: 'Ubuntu', sans-serif;
22
- color: $c_base;
63
+ font-family: $ff_base;
64
+ color: $body_text_color;
23
65
  line-height: 18px;
24
- font-size: 12px;
66
+ font-size: $base_font_size;
67
+ background-color: $layout_background_color;
25
68
  }
26
69
 
27
70
  /* Line style */
28
71
  hr {
29
- border-color: $c_border;
72
+ border-color: lighten($body_text_color, 60);
30
73
  }
31
74
 
32
75
  /* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
33
- ::-moz-selection{background: $c_colored; color: white; text-shadow: none;}
34
- ::selection {background: $c_colored; color: white; text-shadow: none;}
76
+ ::-moz-selection{background: $link_text_color; color: $layout_background_color; text-shadow: none;}
77
+ ::selection {background: $link_text_color; color: $layout_background_color; text-shadow: none;}
35
78
 
36
79
  /* j.mp/webkit-tap-highlight-color */
37
- a:link {-webkit-tap-highlight-color: $c_colored;}
80
+ a:link {-webkit-tap-highlight-color: $link_text_color;}
38
81
 
39
- ins {background-color: $c_colored; color: white; text-decoration: none;}
40
- mark {background-color: $c_colored; color: white; font-style: italic; font-weight: bold;}
82
+ ins {background-color: $link_text_color; color: $layout_background_color; text-decoration: none;}
83
+ mark {background-color: $link_text_color; color: $layout_background_color; font-style: italic; font-weight: bold;}
41
84
 
42
85
  /*--------------------------------------*/
43
86
  /* Links
44
87
  /*--------------------------------------*/
45
88
  a {
46
89
  text-decoration: none;
47
- color: $c_base;
90
+ color: $link_text_color;
48
91
 
49
92
  &:hover {
50
- color: $c_colored !important;
93
+ color: darken($link_text_color, 10) !important;
51
94
  }
52
95
  }
53
96
 
@@ -73,7 +116,7 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
73
116
  padding: 5px;
74
117
 
75
118
  &.odd {
76
- background-color: $c_border;
119
+ background-color: lighten($body_text_color, 60);
77
120
  }
78
121
  }
79
122
  dt {
@@ -88,15 +131,17 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
88
131
  /*--------------------------------------*/
89
132
  /* Headers
90
133
  /*--------------------------------------*/
134
+ h1 { font-size: $heading_font_size; line-height: $heading_font_size + 10; }
135
+ h2 { font-size: $heading_font_size - 2; line-height: $heading_font_size - 2 + 10; }
136
+ h3 { font-size: $heading_font_size - 4; line-height: $heading_font_size - 4 + 10; }
137
+ h4 { font-size: $heading_font_size - 6; line-height: $heading_font_size - 6 + 10; }
138
+ h5 { font-size: $sub_heading_font_size; line-height: $sub_heading_font_size + 10; }
139
+ h6 { font-size: $sub_heading_font_size - 2; line-height: $sub_heading_font_size - 2 + 10; }
140
+
91
141
  h1, h2, h3, h4, h5, h6 {
92
142
  font-weight: bold;
143
+ color: $title_text_color;
93
144
  }
94
- h1 { font-size: 24px; line-height: 34px; }
95
- h2 { font-size: 23px; line-height: 32px; }
96
- h3 { font-size: 20px; line-height: 30px; }
97
- h4 { font-size: 18px; line-height: 28px; }
98
- h5 { font-size: 16px; line-height: 26px; }
99
- h6 { font-size: 14px; line-height: 24px; }
100
145
 
101
146
  /*--------------------------------------*/
102
147
  /* Forms
@@ -107,12 +152,13 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
107
152
  input[type="password"], input[type="search"], input[type="tel"],
108
153
  input[type="text"], input[type="time"], input[type="url"],
109
154
  input[type="week"] {
110
- border: 1px solid $c_border;
155
+ border: 1px solid lighten($body_text_color, 60);
111
156
  padding: 2px 5px;
112
- font-family: "Ubuntu", sans-serif;
157
+ font-family: $ff_base;
158
+ font-size: $input_box_font_size;
113
159
 
114
160
  &:active, &:focus {
115
- border-color: $c_colored;
161
+ border-color: $link_text_color;;
116
162
  outline: none;
117
163
  -webkit-box-shadow: none;
118
164
  -moz-box-shadow: none;
@@ -126,8 +172,8 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
126
172
  }
127
173
 
128
174
  select {
129
- border: 1px solid $c_border;
130
- font-family: "Ubuntu", sans-serif;
175
+ border: 1px solid lighten($body_text_color, 60);
176
+ font-family: $ff_base;
131
177
  background-image: url('select_arrow.gif');
132
178
  background-repeat: no-repeat;
133
179
  background-position: right center;
@@ -139,19 +185,20 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
139
185
 
140
186
  label.error {
141
187
  display: block;
142
- font-size: 11px;
188
+ font-size: $base_font_size - 1;
143
189
  color: $c_red;
144
190
  margin-top: 3px;
145
191
  }
146
192
 
147
193
  input[type="submit"], input[type="button"],
148
194
  input[type= "reset"], button, a.button {
149
- background-color: $c_colored;
195
+ background-color: $link_text_color;;
150
196
  background-image: none;
151
197
  text-shadow: none;
152
- color: white;
198
+ color: $layout_background_color;
153
199
  font-weight: bold;
154
- font-family: "Ubuntu", sans-serif;
200
+ font-size: $button_font_size;
201
+ font-family: $ff_base;
155
202
  border: 1px solid rgba(0, 138, 189, .75);
156
203
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
157
204
  -khtml-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
@@ -164,20 +211,18 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
164
211
  -ms-border-radius: 0px;
165
212
  -o-border-radius: 0px;
166
213
  border-radius: 0px;
167
-
168
- // font-size: 13px;
169
214
  vertical-align: text-top;
170
215
 
171
216
  &.large {
172
217
  padding: 7px 10px;
173
- font-size: 14px;
218
+ font-size: $button_font_size + 2;
174
219
  }
175
220
 
176
221
  &:hover {
177
222
  background-image: none;
178
- background-color: $c_base;
179
- border-color: $c_base;
180
- color: white !important;
223
+ background-color: $body_text_color;
224
+ border-color: $body_text_color;
225
+ color: $layout_background_color !important;
181
226
  }
182
227
  }
183
228
 
@@ -205,7 +250,7 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
205
250
  /*--------------------------------------*/
206
251
  footer#footer {
207
252
  padding: 10px 0;
208
- border-top: 1px solid $c_border;
253
+ border-top: 1px solid lighten($body_text_color, 60);
209
254
  }
210
255
 
211
256
  /*--------------------------------------*/
@@ -220,7 +265,7 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
220
265
  /*--------------------------------------*/
221
266
  table {
222
267
  thead {
223
- background-color: $c_border;
268
+ background-color: lighten($body_text_color, 60);
224
269
  text-transform: uppercase;
225
270
 
226
271
  tr {
@@ -232,7 +277,7 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
232
277
 
233
278
  tbody, tfoot {
234
279
  tr {
235
- border-bottom: 1px solid $c_border;
280
+ border-bottom: 1px solid lighten($body_text_color, 60);
236
281
 
237
282
  td {
238
283
  vertical-align: middle;
@@ -240,7 +285,7 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
240
285
  }
241
286
 
242
287
  &.alt, &.odd {
243
- background-color: $c_colored_alt;
288
+ background-color: lighten($link_text_color, 50);
244
289
  }
245
290
  }
246
291
  }
@@ -260,7 +305,7 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
260
305
 
261
306
  a{
262
307
  font-weight: bold;
263
- font-size: 14px;
308
+ font-size: $header_navigation_font_size;
264
309
  text-transform: uppercase;
265
310
  }
266
311
  }
@@ -271,37 +316,44 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
271
316
  text-transform: uppercase;
272
317
  font-weight: bold;
273
318
  margin-top: 20px;
274
- border-bottom: 1px solid $c_border;
319
+ border-bottom: 1px solid lighten($body_text_color, 60);
275
320
  padding-bottom: 6px;
276
321
 
277
322
  li {
323
+
278
324
  a {
279
- font-size: 16px;
325
+ font-size: $horizontal_navigation_font_size;
280
326
  padding: 5px;
281
327
  }
282
328
 
329
+ &:first-child {
330
+ a {
331
+ padding-left: 0
332
+ }
333
+ }
334
+
283
335
  &#link-to-cart {
284
336
  float: right;
285
337
  padding-left: 24px;
286
338
  background: url("cart.png") no-repeat left center;
287
339
 
288
340
  &:hover {
289
- border-color: $c_colored;
341
+ border-color: $link_text_color;
290
342
 
291
343
  .amount {
292
- border-color: $c_colored;
344
+ border-color: $link_text_color;
293
345
  }
294
346
  }
295
347
 
296
348
  a {
297
349
  font-weight: normal;
298
- font-size: 16px;
299
- color: $c_colored;
350
+ font-size: $horizontal_navigation_font_size;
351
+ color: $link_text_color;
300
352
 
301
353
  .amount {
302
- font-size: 18px;
354
+ font-size: $horizontal_navigation_font_size + 2;
303
355
  font-weight: bold;
304
- border-left: 1px solid $c_border;
356
+ border-left: 1px solid lighten($body_text_color, 60);
305
357
  padding-left: 5px;
306
358
  padding-bottom: 5px;
307
359
  }
@@ -313,26 +365,32 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
313
365
  nav#taxonomies {
314
366
  .taxonomy-root {
315
367
  text-transform: uppercase;
316
- border-bottom: 1px solid $c_border;
368
+ border-bottom: 1px solid lighten($body_text_color, 60);
317
369
  margin-bottom: 5px;
318
- color: $c_colored;
370
+ font-size: $main_navigation_header_font_size;
319
371
  }
320
372
 
321
373
  .taxons-list {
322
374
  padding-left: 20px;
323
375
  margin-bottom: 20px;
324
376
  list-style: disc outside;
377
+
378
+ li {
379
+ a {
380
+ font-size: $main_navigation_font_size
381
+ }
382
+ }
325
383
  }
326
384
  }
327
385
 
328
386
  #breadcrumbs {
329
- border-bottom: 1px solid $c_border;
387
+ border-bottom: 1px solid lighten($body_text_color, 60);
330
388
  padding: 3px 0;
331
389
  margin-bottom: 15px;
332
390
 
333
391
  li {
334
392
  a {
335
- color: $c_colored;
393
+ color: $link_text_color;
336
394
  }
337
395
  span {
338
396
  text-transform: uppercase;
@@ -346,12 +404,12 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
346
404
  /*--------------------------------------*/
347
405
  .flash {
348
406
  padding: 10px;
349
- color: white;
407
+ color: $layout_background_color;
350
408
  font-weight: bold;
351
409
  margin-bottom: 10px;
352
410
 
353
411
  &.notice {
354
- background-color: $c_colored;
412
+ background-color: $link_text_color;
355
413
  }
356
414
  &.success {
357
415
  background-color: $c_green;
@@ -389,9 +447,14 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
389
447
  /*--------------------------------------*/
390
448
  /* Products
391
449
  /*--------------------------------------*/
450
+ [data-hook="product_show"] {
451
+ h6 {
452
+ font-size: $product_detail_title_font_size;
453
+ }
454
+ }
455
+
392
456
  .product-section-title {
393
457
  text-transform: uppercase;
394
- color: $c_colored;
395
458
  margin-top: 15px;
396
459
  }
397
460
 
@@ -408,19 +471,33 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
408
471
 
409
472
  span.price {
410
473
  font-weight: bold;
411
- color: $c_colored;
474
+ color: $link_text_color;
412
475
 
413
476
  &.selling {
414
- font-size: 20px;
477
+ font-size: $product_detail_price_font_size;
415
478
  }
416
479
  &.diff {
417
- font-weight: bold
480
+ font-weight: bold;
418
481
  }
419
482
  }
420
483
 
484
+ .taxon-title {
485
+ font-size: $product_list_header_font_size;
486
+ }
487
+
488
+ .search-results-title {
489
+ font-size: $product_list_search_font_size;
490
+ }
491
+
421
492
  ul#products {
422
- margin-left: -10px;
423
- margin-right: -10px;
493
+ &:after {
494
+ content: " ";
495
+ display: block;
496
+ clear: both;
497
+ visibility: hidden;
498
+ line-height: 0;
499
+ height: 0;
500
+ }
424
501
 
425
502
  li {
426
503
  text-align: center;
@@ -433,25 +510,27 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
433
510
  &.info {
434
511
  height: 35px;
435
512
  margin-top: 5px;
436
- color: $c_gray;
437
- border-bottom: 1px solid $c_border;
513
+ font-size: $product_list_name_font_size;
514
+ color: $product_link_text_color;
515
+ border-bottom: 1px solid lighten($body_text_color, 60);
438
516
  }
439
517
  }
440
518
 
441
519
  .product-image {
442
- border: 1px solid $c_border;
520
+ border: 1px solid lighten($body_text_color, 60);
443
521
  padding: 5px;
444
522
  min-height: 110px;
523
+ background-color: $product_background_color;
445
524
 
446
525
  &:hover {
447
- border-color: $c_colored;
526
+ border-color: $link_text_color;
448
527
  }
449
528
 
450
529
  }
451
530
 
452
531
  .price {
453
- color: $c_colored;
454
- font-size: 16px;
532
+ color: $link_text_color;
533
+ font-size: $product_list_price_font_size;
455
534
  padding-top: 5px;
456
535
  display: block;
457
536
  }
@@ -462,13 +541,13 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
462
541
  text-transform: uppercase;
463
542
 
464
543
  a {
465
- color: $c_colored;
544
+ color: $link_text_color;
466
545
  }
467
546
  }
468
547
 
469
548
  .search-results-title {
470
549
  text-transform: uppercase;
471
- border-bottom: 1px solid $c_border;
550
+ border-bottom: 1px solid lighten($body_text_color, 60);
472
551
  margin-bottom: 10px;
473
552
  }
474
553
 
@@ -483,8 +562,8 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
483
562
  text-transform: uppercase;
484
563
  border-bottom: 1px solid #ededed;
485
564
  margin-bottom: 5px;
486
- color: #00adee;
487
- font-size: 14px;
565
+ color: $link_text_color;
566
+ font-size: $base_font_size + 2;
488
567
  line-height: 24px;
489
568
  }
490
569
  }
@@ -496,15 +575,28 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
496
575
  #product-images {
497
576
  #main-image {
498
577
  text-align: center;
499
- border: 1px solid $c_border;
578
+ border: 1px solid lighten($body_text_color, 60);
579
+ background-color: $product_background_color;
580
+ }
581
+ #product-thumbnails {
582
+ li {
583
+ background-color: $product_background_color;
584
+ }
500
585
  }
501
586
  }
502
587
 
503
588
  #product-description {
504
589
  .product-title {
505
- border-bottom: 1px solid $c_border;
590
+ border-bottom: 1px solid lighten($body_text_color, 60);
506
591
  margin-bottom: 15px;
507
- }
592
+ color: $product_title_text_color;
593
+ font-size: $product_detail_name_font_size;
594
+ }
595
+
596
+ [data-hook="product-description"] {
597
+ font-size: $product_detail_description_font_size;
598
+ color: $product_body_text_color;
599
+ }
508
600
  }
509
601
 
510
602
  #product-thumbnails {
@@ -512,20 +604,20 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
512
604
 
513
605
  li {
514
606
  margin-right: 6px;
515
- border: 1px solid $c_border;
607
+ border: 1px solid lighten($body_text_color, 60);
516
608
 
517
609
  img {
518
610
  padding: 5px;
519
611
  }
520
612
 
521
613
  &:hover, &.selected {
522
- border-color: $c_colored;
614
+ border-color: $link_text_color;
523
615
  }
524
616
  }
525
617
  }
526
618
 
527
619
  #product-properties {
528
- border: 1px solid $c_border;
620
+ border: 1px solid lighten($body_text_color, 60);
529
621
  padding: 10px;
530
622
  }
531
623
 
@@ -550,30 +642,30 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
550
642
  font-weight: bold;
551
643
  text-transform: uppercase;
552
644
  padding: 5px 20px;
553
- color: $c_gray;
645
+ color: lighten($body_text_color, 20);
554
646
 
555
647
  &.current-first, &.current {
556
- background-color: $c_colored;
557
- color: white;
648
+ background-color: $link_text_color;
649
+ color: $layout_background_color;
558
650
  }
559
651
 
560
652
  &.completed-first, &.completed {
561
- background-color: $c_border;
562
- color: white;
653
+ background-color: lighten($body_text_color, 60);
654
+ color: $layout_background_color;
563
655
 
564
656
  a {
565
- color: white;
657
+ color: $layout_background_color;
566
658
  }
567
659
 
568
660
  &:hover {
569
- background-color: $c_colored;
570
- color: white;
661
+ background-color: $link_text_color;
662
+ color: $layout_background_color;
571
663
 
572
664
  a {
573
- color: white;
665
+ color: $layout_background_color;
574
666
 
575
667
  &:hover {
576
- color: white !important;
668
+ color: $layout_background_color !important;
577
669
  }
578
670
  }
579
671
  }
@@ -583,15 +675,14 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
583
675
 
584
676
  #checkout-summary {
585
677
  text-align: center;
586
- border: 1px solid $c_border;
678
+ border: 1px solid lighten($body_text_color, 60);
587
679
  margin-top: 23px;
588
680
  margin-left: 0;
589
681
 
590
682
  h3 {
591
683
  text-transform: uppercase;
592
- font-size: 14px;
593
- color: $c_colored;
594
- border-bottom: 1px solid $c_border;
684
+ font-size: $base_font_size + 2;
685
+ border-bottom: 1px solid lighten($body_text_color, 60);
595
686
  }
596
687
 
597
688
  table {
@@ -611,7 +702,7 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
611
702
 
612
703
  #summary-order-total {
613
704
  @extend span.price;
614
- font-size: 14px;
705
+ font-size: $base_font_size + 2;
615
706
  }
616
707
  }
617
708
  }
@@ -619,14 +710,14 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
619
710
  #billing, #shipping, #shipping_method,
620
711
  #payment, #order_details, #order_summary {
621
712
  margin-top: 10px;
622
- border: 1px solid $c_border;
713
+ border: 1px solid lighten($body_text_color, 60);
623
714
  padding: 10px;
624
715
 
625
716
  legend {
626
717
  text-transform: uppercase;
627
718
  font-weight: bold;
628
- font-size: 14px;
629
- color: $c_colored;
719
+ font-size: $base_font_size + 2;
720
+ color: $link_text_color;
630
721
  padding: 5px;
631
722
  margin-left: 15px;
632
723
  }
@@ -655,7 +746,7 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
655
746
 
656
747
  table tfoot {
657
748
  text-align: right;
658
- color: $c_gray;
749
+ color: lighten($body_text_color, 20);
659
750
 
660
751
  tr {
661
752
  border: none;
@@ -663,11 +754,11 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
663
754
 
664
755
  &#order-total {
665
756
  text-transform: uppercase;
666
- font-size: 16px;
667
- color: $c_base;
757
+ font-size: $base_font_size + 4;
758
+ color: $body_text_color;
668
759
 
669
760
  tr {
670
- border-top: 1px solid $c_border;
761
+ border-top: 1px solid lighten($body_text_color, 60);
671
762
 
672
763
  td {
673
764
  padding: 10px;
@@ -677,10 +768,17 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
677
768
  }
678
769
 
679
770
  .steps-data {
680
- padding: 10px;
771
+ div.columns {
772
+ padding: 5px;
773
+ margin: 0;
774
+
775
+ &:first-child {
776
+ margin-left: 10px;
777
+ }
778
+ }
681
779
 
682
780
  h6 {
683
- border-bottom: 1px solid $c_border;
781
+ border-bottom: 1px solid lighten($body_text_color, 60);
684
782
  margin-bottom: 5px;
685
783
  }
686
784
  }
@@ -691,7 +789,7 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
691
789
  label {
692
790
  float: left;
693
791
  font-weight: bold;
694
- font-size: 14px;
792
+ font-size: $base_font_size + 2;
695
793
  margin-right: 40px;
696
794
  padding: 5px;
697
795
  }
@@ -700,8 +798,8 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
700
798
 
701
799
  p[data-hook="use_billing"] {
702
800
  float: right;
703
- margin-top: -38px;
704
- background-color: white;
801
+ margin-top: -18px;
802
+ background-color: $layout_background_color;
705
803
  padding: 5px;
706
804
  }
707
805
 
@@ -759,14 +857,12 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
759
857
  #existing-customer, #new-customer, #forgot-password {
760
858
  h6 {
761
859
  text-transform: uppercase;
762
- color: $c_colored;
763
860
  }
764
861
  }
765
862
 
766
863
  #registration {
767
864
  h6 {
768
- text-transform: uppercase;
769
- color: $c_colored;
865
+ text-transform: uppercase;
770
866
  }
771
867
 
772
868
  #existing-customer {
@@ -777,7 +873,7 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
777
873
 
778
874
  #user-info {
779
875
  margin-bottom: 15px;
780
- border: 1px solid $c_border;
876
+ border: 1px solid lighten($body_text_color, 60);
781
877
  padding: 10px;
782
878
  }
783
879
 
@@ -805,7 +901,7 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
805
901
  a {
806
902
  text-transform: uppercase;
807
903
  font-weight: bold;
808
- color: $c_colored;
904
+ color: $link_text_color;
809
905
  }
810
906
  }
811
907
  }
@@ -832,7 +928,7 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
832
928
  }
833
929
  p[data-hook="use_billing"] {
834
930
  margin-top: -15px;
835
- }
931
+ }
836
932
  }
837
933
 
838
934
  /* All Mobile Sizes (devices and browser) */
@@ -842,6 +938,16 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
842
938
  -webkit-text-size-adjust: none;
843
939
  }
844
940
 
941
+ #order_details .steps-data div.columns,
942
+ #order_summary .steps-data div.columns {
943
+ padding: 0;
944
+ margin: 0;
945
+
946
+ &:first-child {
947
+ margin: 0
948
+ }
949
+ }
950
+
845
951
  nav#taxonomies {
846
952
  text-align: center;
847
953
 
@@ -921,19 +1027,19 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
921
1027
  tbody {
922
1028
  tr {
923
1029
  td[data-hook="cart_item_description"], td[data-hook="order_item_description"] {
924
- font-size: 11px;
1030
+ font-size: $base_font_size - 1;
925
1031
  line-height: 15px;
926
1032
  width: 100px;
927
1033
 
928
1034
  h4 {
929
- font-size: 14px;
1035
+ font-size: $base_font_size + 2;
930
1036
  line-height: 17px;
931
1037
  margin-bottom: 10px;
932
1038
  }
933
1039
  }
934
1040
  td[data-hook="cart_item_price"], td[data-hook="cart_item_total"],
935
1041
  td[data-hook="order_item_price"], td[data-hook="order_item_total"] {
936
- font-size: 12px !important;
1042
+ font-size: $base_font_size !important;
937
1043
  }
938
1044
  td[data-hook="cart_item_image"], td[data-hook="order_item_image"] {
939
1045
  img {
@@ -990,7 +1096,7 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
990
1096
  }
991
1097
  }
992
1098
  td[data-hook="cart_item_price"], td[data-hook="cart_item_total"] {
993
- font-size: 14px !important;
1099
+ font-size: $base_font_size + 2 !important;
994
1100
  }
995
1101
  }
996
1102
  }
@@ -1039,16 +1145,21 @@ mark {background-color: $c_colored; color: white; font-style: italic; font-weigh
1039
1145
  }
1040
1146
 
1041
1147
  ul#products {
1042
- margin-left: 0;
1043
1148
 
1044
1149
  li {
1045
- width: 140px;
1150
+ width: 142px;
1046
1151
  margin-right: 15px;
1152
+
1153
+ &.secondary, &.omega {
1154
+ margin-right: 0;
1155
+ }
1047
1156
  }
1157
+
1158
+
1048
1159
  }
1049
1160
 
1050
1161
  #content {
1051
1162
  text-align: center;
1052
1163
  }
1053
1164
 
1054
- }
1165
+ }