399. Araxis Merge File Comparison Report

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

399.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_rtl/Magento_GroupedProduct/web/css/source_module.less2016-05-15 10:46:32 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto_rtl/Magento_GroupedProduct/web/css/source_module.less2021-01-28 13:42:58 +0000

399.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged15168
Changed860
Inserted514
Removed27

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

399.4 Active regular expressions

No regular expressions were active.

399.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 //    Common 7 //    Common
8 //-------------------------------------- 8 //--------------------------------------
9  9 
10 & when (@media-common = true) { 10 & when (@media-common = true) {
11  11 
12 .table-wrapper.grouped { 12 .table-wrapper.grouped {
13     width: auto; 13     width: auto;
14 } 14 }
15  15 .page-product-grouped {
    16   .box-tocart {
    17     padding: 1.25rem 0 1rem;
    18     border-top: 1px solid #e7e7e7;
    19     border-bottom: 1px solid #e7e7e7;
    20     margin-top: 1rem;
    21     margin-bottom: 0;
    22   }
    23 }
16 .table.grouped { 24 .table.grouped {
17     .row-tier-price { 25     .row-tier-price {
18         > td { 26         > td {
19             border-top: 0; 27             border-top: 0;
20         } 28         }
21     } 29     }
    30     thead {
    31       text-transform: uppercase;
    32     }
22     .col.item { 33     .col.item {
23         width: 90%; 34       width: 90%;
    35       padding: 8px 0;
    36       font-weight: 600;
    37       border-color: #e7e7e7;
    38       text-align: right;
24     } 39     }
25     .col.qty { 40     .col.qty {
26         width: 10%; 41       width: 10%;
27         min-width: 95px; 42       padding: 8px 0;
28          43       font-weight: 600;
29         .control.qty { 44       border-color: #e7e7e7;
30             display: inline-block; 45       text-align: right;
31             vertical-align: middle;    
32                 
33             .qty {    
34                 &:extend(.abs-input-qty all);    
35             }    
36         }    
37         .qty-changer {    
38             display: inline-block;    
39             vertical-align: middle;    
40                 
41             > a {    
42                 display: block;    
43                 border: 1px solid @form-element-input__border-color;    
44                 border-radius: 3px;    
45                 height: 18px;    
46                 line-height: 16px;    
47                 margin-top: 2px;    
48                 
color: #ccc;
    
49                 font-size: 11px;    
50                     
51                 &:first-child {    
52                     margin-top: 0;    
53                 }    
54                 &:hover {    
55                     color: @_link-color-hover;    
56                 }    
57             }    
58         }    
59     } 46     }
60     .product-item-name { 47     .product-item-name {
61         font-weight: @font-weight__regular; 48         font-weight: @font-weight__regular;
62         margin-bottom: @indent__s; 49         margin-bottom: 0;
63         display: inline-block; 50         display: inline-block;
64     } 51     }
65     .price-box { 52     .price-box {
66         margin: 8px 0 3px; 53         margin: 
0
;
67          54         line-height: 1;
68         p { 55         p {
69             margin: 0; 56             margin: 0;
70         } 57         }
71         .price { 58         .price {
72             font-weight: @font-weight__bold; 59             font-weight: @font-weight__bold;
73             color: @product-view-product-info-price; 60             color: @product-view-product-info-price;
74         } 61         }
75         .old-price { 62         .old-price {
76             .price { 63             .price {
77                 font-weight: normal; 64                 font-weight: normal;
78                 color: @product-view-product-info-old-price; 65                 color: @product-view-product-info-old-price;
79             } 66             }
80         } 67         }
81     } 68     }
82     .stock.unavailable { 69     .stock.unavailable {
83         margin: 0; 70         margin: 0;
84         white-space: nowrap; 71         white-space: nowrap;
85         text-transform: none; 72         text-transform: none;
86         font-weight: normal; 73         font-weight: normal;
87     } 74     }
88     .row-tier-price { 75     .row-tier-price {
89     } 76     }
90 } 77 }
91  78 
92 .page-product-grouped .product-info-price { 79 .page-product-grouped .product-info-price {
93     float: left; 80     float: left;
94     display: block; 81     display: none;
95     width: auto; 82     width: auto;
96     border: 0; 83     border: 0;
97 } 84 }
98  85 
99 } 86 }
100  87 
101 // 88 //
102 //    Mobile 89 //    Mobile
103 //-------------------------------------- 90 //--------------------------------------
104 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { 91 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
    92     .table-wrapper.grouped {border: none;}
105     .table.grouped { 93     .table.grouped {
106         > thead > tr > th { 94         > thead > tr > th {
107             display: table-cell; 95             display: table-cell;
108             border-bottom: @table__border-width @table__border-style @table__border-color; 96             border-bottom: @table__border-width @table__border-style #e7e7e7;
109         } 97         }
110         > tbody { 98         > tbody {
111             border-bottom: @table__border-width @table__border-style @table__border-color; 99             border-bottom: @table__border-width @table__border-style #e7e7e7;
112             > tr > td { 100             > tr > td {
113                 &:extend(.abs-col-no-prefix all); 101                 &:extend(.abs-col-no-prefix all);
114                 border: 0; 102                 border: 0;
115                 display: table-cell; 103                 display: table-cell;
116                 padding: @table-cell__padding-vertical @table-cell__padding-horizontal; 104                 padding: @table-cell__padding-vertical @table-cell__padding-horizontal;
117                 &:last-child { 105                 &:last-child {
118                     border: 0
;
 106                     border: 0 !important;
119                 } 107                 }
    108                 &.col.item,&.col.qty {
    109                   padding: 8px 0 !important;
    110                   width: 100%;
120             } 111                 }
121         } 112             }
    113             &:last-child {
    114               border: none;
    115             }
122     } 116         }
123 }    
124     
125 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {    
126     .table-wrapper.grouped {    
127         margin-left: -@layout__width-xs-indent;    
128         margin-right: -@layout__width-xs-indent;    
129     } 117     }
130 } 118 }
131