381. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2023-07-12 04:43:24 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

381.1 Files compared

#LocationFileLast Modified
1Porto v4.0.5/Theme Files/Porto Theme/app/design/frontend/Smartwave/porto_rtl/Magento_Checkout/web/css/source/module/checkout_checkout.less2021-02-04 08:08:16 +0000
2Porto v4.0.6/Theme Files/Porto Theme/app/design/frontend/Smartwave/porto_rtl/Magento_Checkout/web/css/source/module/checkout_checkout.less2021-02-04 08:08:16 +0000

381.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged1268
Changed00
Inserted00
Removed00

381.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

381.4 Active regular expressions

No regular expressions were active.

381.5 Comparison detail

1 // /** 1 // /**
2 //  * Copyright © 2015 Magento. All rights reserved. 2 //  * Copyright © 2015 Magento. All rights reserved.
3 //  * See COPYING.txt for license details. 3 //  * See COPYING.txt for license details.
4 //  */ 4 //  */
5  5 
6 // 6 //
7 //  Variables 7 //  Variables
8 //  _____________________________________________ 8 //  _____________________________________________
9  9 
10 @checkout-wrapper__margin: @indent__base; 10 @checkout-wrapper__margin: @indent__base;
11 @checkout-wrapper__columns: 16; 11 @checkout-wrapper__columns: 16;
12  12 
13 @checkout-step-title__border: @border-width__base solid @color-gray80; 13 @checkout-step-title__border: @border-width__base solid @color-gray80;
14 @checkout-step-title__font-size: 1rem; 14 @checkout-step-title__font-size: 1rem;
15 @checkout-step-title__font-weight: @font-weight__light; 15 @checkout-step-title__font-weight: @font-weight__light;
16 @checkout-step-title__padding: @indent__s; 16 @checkout-step-title__padding: @indent__s;
17  17 
18 @checkout-step-title-mobile__font-size: 1rem; 18 @checkout-step-title-mobile__font-size: 1rem;
19  19 
20 @checkout-step-content-mobile__background: @color-gray-light01; 20 @checkout-step-content-mobile__background: @color-gray-light01;
21 @checkout-step-content-mobile__margin-s: 15px; 21 @checkout-step-content-mobile__margin-s: 15px;
22 @checkout-step-content-mobile__margin: @indent__base -(@checkout-step-content-mobile__margin-s) @checkout-step-content-mobile__margin-s; 22 @checkout-step-content-mobile__margin: @indent__base -(@checkout-step-content-mobile__margin-s) @checkout-step-content-mobile__margin-s;
23  23 
24 // 24 //
25 //  Common 25 //  Common
26 //  _____________________________________________ 26 //  _____________________________________________
27  27 
28 & when (@media-common = true) { 28 & when (@media-common = true) {
29  29 
30     .checkout-index-index, 30     .checkout-index-index,
31     .checkout-onepage-success { 31     .checkout-onepage-success {
32         .page-title-wrapper { 32         .page-title-wrapper {
33             &:extend(.abs-visually-hidden all); 33             &:extend(.abs-visually-hidden all);
34         } 34         }
35     } 35     }
36  36 
37     .checkout-container { 37     .checkout-container {
38         &:extend(.abs-add-clearfix all); 38         &:extend(.abs-add-clearfix all);
39         .lib-css(margin, 1.5rem 0 @checkout-wrapper__margin); 39         .lib-css(margin, 1.5rem 0 @checkout-wrapper__margin);
40     } 40     }
41     .checkout-success { 41     .checkout-success {
42       padding: 30px 0; 42       padding: 30px 0;
43     } 43     }
44     .cart-empty { 44     .cart-empty {
45       i.cart-empty { 45       i.cart-empty {
46           font-size: 100px; 46           font-size: 100px;
47           color: #d3d3d4; 47           color: #d3d3d4;
48       } 48       }
49       .btn-go-shop { 49       .btn-go-shop {
50         min-width: 200px; 50         min-width: 200px;
51         padding: 16px 0; 51         padding: 16px 0;
52         font-size: 15px; 52         font-size: 15px;
53         letter-spacing: -.015em; 53         letter-spacing: -.015em;
54         text-align: center; 54         text-align: center;
55         color: #fff; 55         color: #fff;
56         background-color: #222529; 56         background-color: #222529;
57         border: none; 57         border: none;
58         line-height: 1.5; 58         line-height: 1.5;
59         font-weight: 700; 59         font-weight: 700;
60         text-transform: uppercase; 60         text-transform: uppercase;
61         display: inline-block; 61         display: inline-block;
62       } 62       }
63     } 63     }
64     .opc-wrapper { 64     .opc-wrapper {
65         .lib-css(margin, 0 0 @checkout-wrapper__margin); 65         .lib-css(margin, 0 0 @checkout-wrapper__margin);
66  66 
67         .opc { 67         .opc {
68             &:extend(.abs-reset-list all); 68             &:extend(.abs-reset-list all);
69         } 69         }
70  70 
71         .step-title { 71         .step-title {
72             &:extend(.abs-checkout-title all); 72             &:extend(.abs-checkout-title all);
73             text-transform: uppercase; 73             text-transform: uppercase;
74             font-weight: 600; 74             font-weight: 600;
75             color: #222529; 75             color: #222529;
76             .lib-css(border-bottom, @checkout-step-title__border); 76             .lib-css(border-bottom, @checkout-step-title__border);
77         } 77         }
78  78 
79         .step-content { 79         .step-content {
80             margin: 0 0 @indent__xl; 80             margin: 0 0 @indent__xl;
81         } 81         }
82     } 82     }
83  83 
84     .checkout-index-index { 84     .checkout-index-index {
85         .nav-sections, 85         .nav-sections,
86         .nav-toggle, 86         .nav-toggle,
87         .header.panel { 87         .header.panel {
88  88 
89         } 89         }
90         .logo { 90         .logo {
91             margin-right: 0; 91             margin-right: 0;
92         } 92         }
93     } 93     }
94 } 94 }
95  95 
96 // 96 //
97 //  Mobile 97 //  Mobile
98 //  _____________________________________________ 98 //  _____________________________________________
99  99 
100 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { 100 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
101     .opc-wrapper { 101     .opc-wrapper {
102         .step-title { 102         .step-title {
103             .lib-css(font-size, @checkout-step-title-mobile__font-size); 103             .lib-css(font-size, @checkout-step-title-mobile__font-size);
104             border-bottom: 0; 104             border-bottom: 0;
105             padding-bottom: 0; 105             padding-bottom: 0;
106         } 106         }
107         .step-content { 107         .step-content {
108             .lib-css(margin, 0 0 @checkout-step-content-mobile__margin-s); 108             .lib-css(margin, 0 0 @checkout-step-content-mobile__margin-s);
109         } 109         }
110     } 110     }
111 } 111 }
112 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { 112 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
113     .checkout-index-index { 113     .checkout-index-index {
114         .page-header .minicart-wrapper { 114         .page-header .minicart-wrapper {
115             display: none; 115             display: none;
116         } 116         }
117     } 117     }
118     .page-header.type5 .block-search .label { 118     .page-header.type5 .block-search .label {
119         margin-left: 0; 119         margin-left: 0;
120     } 120     }
121 } 121 }
122 // 122 //
123 //  Desktop 123 //  Desktop
124 //  _____________________________________________ 124 //  _____________________________________________
125  125 
126 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { 126 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
127     .opc-wrapper { 127     .opc-wrapper {
128        &:extend(.abs-add-box-sizing-desktop-m all); 128        &:extend(.abs-add-box-sizing-desktop-m all);
129         .lib-layout-column(2, 1, @checkout-wrapper__columns); 129         .lib-layout-column(2, 1, @checkout-wrapper__columns);
130         float: right; 130         float: right;
131         width: 66%; 131         width: 66%;
132         padding-left: @indent__l; 132         padding-left: @indent__l;
133     } 133     }
134 } 134 }

Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.