144. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2024-03-04 14:38:50 +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.

144.1 Files compared

#LocationFileLast Modified
1/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.7/app/design/frontend/Smartwave/porto/Magento_Theme/web/css/source/module_social_icons.less2021-02-06 12:15:52 +0000
2/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.8/app/design/frontend/Smartwave/porto/Magento_Theme/web/css/source/module_social_icons.less2024-02-23 04:33:42 +0000

144.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged5366
Changed26
Inserted27
Removed00

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

144.4 Active regular expressions

No regular expressions were active.

144.5 Comparison detail

1 & when (@media-common = true) { 1 & when (@media-common = true) {
2 .share-links { 2 .share-links {
3     vertical-align: middle; 3     vertical-align: middle;
4     a { 4     a {
5         font-size: .8rem; 5         font-size: .8rem;
6         color: #fff; 6         color: #fff;
7         text-indent: -9999em; 7         text-indent: -9999em;
8         text-align: center; 8         text-align: center;
9         width: 2.2857em; 9         width: 2.2857em;
10         height: 2.2857em; 10         height: 2.2857em;
11         display: inline-block; 11         display: inline-block;
12         margin: .2857em .5714em .2857em 0; 12         margin: .2857em .5714em .2857em 0;
13         position: relative; 13         position: relative;
14         text-decoration: none; 14         text-decoration: none;
15         vertical-align: middle; 15         vertical-align: middle;
16         transition: .25s; 16         transition: .25s;
17         -webkit-transform: translate3d(0,0,0); 17         -webkit-transform: translate3d(0,0,0);
18         transform: translate3d(0,0,0); 18         transform: translate3d(0,0,0);
19  19 
20         &:before { 20         &:before {
21             font-family: 'Font Awesome 5 Brands'; 21             font-family: 'Font Awesome 6 Brands';
22             text-indent: 0; 22             text-indent: 0;
23             position: absolute; 23             position: absolute;
24             left: 0; right: 0; top: 0; bottom: 0; 24             left: 0; right: 0; top: 0; bottom: 0;
25             line-height: 23px; 25             line-height: 23px;
26             height: 22px; 26             height: 22px;
27             margin: auto; 27             margin: auto;
28             z-index: 2; 28             z-index: 2;
29         } 29         }
30  30 
31         &:hover, &:focus { 31         &:hover, &:focus {
32             opacity: 0.9; 32             opacity: 0.9;
33             color: #fff; 33             color: #fff;
34         } 34         }
35         .page-footer &:hover { 35         .page-footer &:hover {
36             color: #fff; 36             color: #fff;
37         } 37         }
38     } 38     }
39     &.disable-br { 39     &.disable-br {
40         a { 40         a {
41             border-radius: 0 !important; 41             border-radius: 0 !important;
42         } 42         }
43     } 43     }
44     .share-twitter { 44     .share-twitter {
45         background: #1aa9e1; 45         background: #1aa9e1;
46         &:before {content: "\f099";} 46         &:before {content: "\f099";}
47     } 47     }
    48     .share-x-twitter {
    49         background: #000;
    50         &:before {content: "\e61b";}
    51     }
48     .share-facebook { 52     .share-facebook {
49         background: #3b5a9a; 53         background: #3b5a9a;
50         &:before {content: "\f39e";} 54         &:before {content: "\f39e";}
51     } 55     }
52     .share-linkedin { 56     .share-linkedin {
53         background: #0073b2; 57         background: #0073b2;
54         &:before {content: "\f0e1";} 58         &:before {content: "\f0e1";}
55     } 59     }
56     .share-rss { 60     .share-rss {
57         background: #ff8201; 61         background: #ff8201;
58         &:before {content: "\f09e";} 62         &:before {content: "\f09e";}
59     } 63     }
60     .share-googleplus { 64     .share-googleplus {
61         background: #dd4b39; 65         background: #dd4b39;
62         &:before {content: "\f0d5";} 66         &:before {content: "\f0d5";}
63     } 67     }
64     .share-pinterest { 68     .share-pinterest {
65         background: #cc2127; 69         background: #cc2127;
66         &:before {content: "\f0d2";} 70         &:before {content: "\f0d2";}
67     } 71     }
68     .share-youtube { 72     .share-youtube {
69         background: #c3191e; 73         background: #c3191e;
70         &:before {content: "\f167";} 74         &:before {content: "\f167";}
71     } 75     }
72     .share-instagram { 76     .share-instagram {
73         background: #7c4a3a; 77         background: #7c4a3a;
74         &:before {content: "\f16d";} 78         &:before {content: "\f16d";}
75     } 79     }
76     .share-skype { 80     .share-skype {
77         background: #00b0f6; 81         background: #00b0f6;
78         &:before {content: "\f17e";} 82         &:before {content: "\f17e";}
79     } 83     }
80     .share-email { 84     .share-email {
81         background: #dd4b39; 85         background: #dd4b39;
82         &:before {font-family: porto-icons;content: "\e82e";font-weight: 400;} 86         &:before {font-family: porto-icons;content: "\e82e";font-weight: 400;}
83     } 87     }
84     .share-vk { 88     .share-vk {
85         background: #6383a8; 89         background: #6383a8;
86         &:before { content: "\f189"; } 90         &:before { content: "\f189"; }
87     } 91     }
88     .share-xing { 92     .share-xing {
89         background: #1a7576; 93         background: #1a7576;
90         &:before { content: "\f168"; } 94         &:before { content: "\f168"; }
91     } 95     }
92     .share-tumblr { 96     .share-tumblr {
93         background: #304e6c; 97         background: #304e6c;
94         &:before { content: "\f173"; } 98         &:before { content: "\f173"; }
95     } 99     }
96     .share-reddit { 100     .share-reddit {
97         background: #ff4107; 101         background: #ff4107;
98         &:before { content: "\f1a1"; } 102         &:before { content: "\f1a1"; }
99     } 103     }
100     .share-vimeo { 104     .share-vimeo {
101         background: #52b8ea; 105         background: #52b8ea;
102         &:before { content: "\f27d"; } 106         &:before { content: "\f27d"; }
103     } 107     }
104     .share-telegram { 108     .share-telegram {
105         background: #0088cc; 109         background: #0088cc;
106         &:before { content: "\f3fe"; } 110         &:before { content: "\f3fe"; }
107     } 111     }
108     .share-yelp { 112     .share-yelp {
109         background: #c41200; 113         background: #c41200;
110         &:before { content: "\f1e9"; } 114         &:before { content: "\f1e9"; }
111     } 115     }
112     .share-flickr { 116     .share-flickr {
113         background: #0063DC; 117         background: #0063DC;
114         &:before { content: "\f16e"; } 118         &:before { content: "\f16e"; }
115     } 119     }
116     .share-whatsapp { 120     .share-whatsapp {
117         background: #3c8a38;  121         background: #3c8a38;
118         &:before { content: "\f232"; 
}
 122         &:before { content: "\f232"; font-size: 17px;}
119     } 123     }
120     &.default-skin { 124     &.default-skin {
121         a { 125         a {
122             color: #fff !important; 126             color: #fff !important;
123             &:hover { 127             &:hover {
124                 opacity: 0.8; 128                 opacity: 0.8;
125             } 129             }
126         } 130         }
127         .share-twitter { 131         .share-twitter {
128             background: #1aa9e1 !important; 132             background: #1aa9e1 !important;
129         } 133         }
130         .share-facebook { 134         .share-facebook {
131             background: #3b5a9a !important; 135             background: #3b5a9a !important;
132         } 136         }
133         .share-linkedin { 137         .share-linkedin {
134             background: #0073b2 !important; 138             background: #0073b2 !important;
135         } 139         }
136         .share-rss { 140         .share-rss {
137             background: #ff8201 !important; 141             background: #ff8201 !important;
138         } 142         }
139         .share-googleplus { 143         .share-googleplus {
140             background: #dd4b39 !important; 144             background: #dd4b39 !important;
141         } 145         }
142         .share-pinterest { 146         .share-pinterest {
143             background: #cc2127 !important; 147             background: #cc2127 !important;
144         } 148         }
145         .share-youtube { 149         .share-youtube {
146             background: #c3191e !important; 150             background: #c3191e !important;
147         } 151         }
148         .share-instagram { 152         .share-instagram {
149             background: #7c4a3a !important; 153             background: #7c4a3a !important;
150         } 154         }
151         .share-skype { 155         .share-skype {
152             background: #00b0f6 !important; 156             background: #00b0f6 !important;
153         } 157         }
154         .share-email { 158         .share-email {
155             background: #dd4b39 !important; 159             background: #dd4b39 !important;
156         } 160         }
157         .share-vk { 161         .share-vk {
158             background: #6383a8 !important; 162             background: #6383a8 !important;
159         } 163         }
160         .share-xing { 164         .share-xing {
161             background: #1a7576 !important; 165             background: #1a7576 !important;
162         } 166         }
163         .share-tumblr { 167         .share-tumblr {
164             background: #304e6c !important; 168             background: #304e6c !important;
165         } 169         }
166         .share-reddit { 170         .share-reddit {
167             background: #ff4107 !important; 171             background: #ff4107 !important;
168         } 172         }
169         .share-vimeo { 173         .share-vimeo {
170             background: #52b8ea !important; 174             background: #52b8ea !important;
171         } 175         }
172         .share-telegram { 176         .share-telegram {
173             background: #0088cc !important; 177             background: #0088cc !important;
174         } 178         }
    179         .share-telegram {
    180             background: #0088cc !important;
    181         }
175         .share-yelp { 182         .share-yelp {
176             background: #c41200 !important; 183             background: #c41200 !important;
177         } 184         }
178         .share-flickr { 185         .share-flickr {
179             background: #0063DC !important; 186             background: #0063DC !important;
180         } 187         }
181         .share-whatsapp { 188         .share-whatsapp {
182             background: #3c8a38 !important; 189             background: #3c8a38 !important;
183         } 190         }
184     } 191     }
185 } 192 }
186 } 193 }