219. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:03 +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.

219.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/Magento_Checkout/web/css/source/module/checkout_checkout.less2016-05-12 11:01:16 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/Magento_Checkout/web/css/source/module/checkout_checkout.less2021-02-04 08:07:52 +0000

219.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged8196
Changed329
Inserted13
Removed37

219.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

219.4 Active regular expressions

No regular expressions were active.

219.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: 22px; 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: 18px; 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, 0 0 @checkout-wrapper__margin); 39         .lib-css(margin, 1.5rem 0 @checkout-wrapper__margin);
    40     }
    41     .checkout-success {
    42       padding: 30px 0;
    43     }
    44     .cart-empty {
    45       i.cart-empty {
    46           font-size: 100px;
    47           color: #d3d3d4;
    48       }
    49       .btn-go-shop {
    50         min-width: 200px;
    51         padding: 16px 0;
    52         font-size: 15px;
    53         letter-spacing: -.015em;
    54         text-align: center;
    55         color: #fff;
    56         background-color: #222529;
    57         border: none;
    58         line-height: 1.5;
    59         font-weight: 700;
    60         text-transform: uppercase;
    61         display: inline-block;
    62       }
40     } 63     }
41     
42     .opc-wrapper { 64     .opc-wrapper {
43         .lib-css(margin, 0 0 @checkout-wrapper__margin); 65         .lib-css(margin, 0 0 @checkout-wrapper__margin);
44     
45         .opc { 66         .opc {
46             &:extend(.abs-reset-list all); 67             &:extend(.abs-reset-list all);
47         } 68         }
48  69 
49         .step-title { 70         .step-title {
50             &:extend(.abs-checkout-title all); 71             &:extend(.abs-checkout-title all);
    72             text-transform: uppercase;
    73             font-weight: 600;
    74             color: #222529;
51             .lib-css(border-bottom, @checkout-step-title__border); 75             .lib-css(border-bottom, @checkout-step-title__border);
52         } 76         }
53  77 
54         .step-content { 78         .step-content {
55             margin: 0 0 @indent__xl; 79             margin: 0 0 @indent__xl;
56         } 80         }
57     } 81     }
58  82 
59     .checkout-index-index { 83     .checkout-index-index {
60         .nav-sections,    
61         .nav-toggle,    
62         .header.panel {    
63                 
64         }    
65         .logo { 84         .logo {
66             margin-left: 0; 85             margin-left: 0;
67         } 86         }
68     } 87     }
69 } 88 }
70  89 
71 // 90 //
72 //  Mobile 91 //  Mobile
73 //  _____________________________________________ 92 //  _____________________________________________
74  93 
75 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { 94 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
76     .opc-wrapper { 95     .opc-wrapper {
77         .step-title { 96         .step-title {
78             .lib-css(font-size, @checkout-step-title-mobile__font-size); 97             .lib-css(font-size, @checkout-step-title-mobile__font-size);
79             border-bottom: 0; 98             border-bottom: 0;
80             padding-bottom: 0; 99             padding-bottom: 0;
81         } 100         }
82         .step-content { 101         .step-content {
83             .lib-css(margin, 0 0 @checkout-step-content-mobile__margin-s); 102             .lib-css(margin, 0 0 @checkout-step-content-mobile__margin-s);
84         } 103         }
85     } 104     }
86 } 105 }
87 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { 106 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
88     .checkout-index-index { 107     .checkout-index-index {
89         .page-header .minicart-wrapper { 108         .page-header .minicart-wrapper {
90             display: none; 109             display: none;
91         } 110         }
92     } 111     }
93     .page-header.type5 .block-search .label { 112     .page-header.type5 .block-search .label {
94         margin-right: 0; 113         margin-right: 0;
95     } 114     }
96 } 115 }
97 // 116 //
98 //  Desktop 117 //  Desktop
99 //  _____________________________________________ 118 //  _____________________________________________
100  119 
101 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { 120 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
102     .opc-wrapper { 121     .opc-wrapper {
103        &:extend(.abs-add-box-sizing-desktop-m all); 122        &:extend(.abs-add-box-sizing-desktop-m all);
104         .lib-layout-column(2, 1, @checkout-wrapper__columns); 123         .lib-layout-column(2, 1, @checkout-wrapper__columns);
105         width: 66%; 124         width: 66%;
106         padding-right: @indent__l; 125         padding-right: @indent__l;
107     } 126     }
108 } 127 }

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