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

399.1 Files compared

#LocationFileLast Modified
1Porto v4.0.5/Theme Files/Porto Theme/app/design/frontend/Smartwave/porto_rtl/web/css/source_breadcrumbs.less2021-02-09 08:17:52 +0000
2Porto v4.0.6/Theme Files/Porto Theme/app/design/frontend/Smartwave/porto_rtl/web/css/source_breadcrumbs.less2021-02-09 08:17:52 +0000

399.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged1170
Changed00
Inserted00
Removed00

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     .breadcrumbs { 11     .breadcrumbs {
12         .lib-breadcrumbs(); 12         .lib-breadcrumbs();
13     } 13     }
14     .page-wrapper > .breadcrumbs { 14     .page-wrapper > .breadcrumbs {
15         padding: 0; 15         padding: 0;
16         background-color: @breadcrumbs__background-color; 16         background-color: @breadcrumbs__background-color;
17         color: @breadcrumbs__font-color; 17         color: @breadcrumbs__font-color;
18         font-size: .75rem; 18         font-size: .75rem;
19         margin-bottom: 0; 19         margin-bottom: 0;
20         .items { 20         .items {
21             color: inherit; 21             color: inherit;
22             padding: 12px 10px; 22             padding: 12px 10px;
23             display: flex; 23             display: flex;
24             flex-wrap: wrap; 24             flex-wrap: wrap;
25             font-size: 1em; 25             font-size: 1em;
26             >li { 26             >li {
27               text-shadow: none; 27               text-shadow: none;
28               text-transform: uppercase; 28               text-transform: uppercase;
29               display: flex; 29               display: flex;
30               align-items: center; 30               align-items: center;
31               margin: 0; 31               margin: 0;
32               &.home a { 32               &.home a {
33                 position: relative; 33                 position: relative;
34                 width: 14px; 34                 width: 14px;
35                 text-indent: -9999px; 35                 text-indent: -9999px;
36                 &:after { 36                 &:after {
37                   font-family: porto-icons; 37                   font-family: porto-icons;
38                   content: "\e883"; 38                   content: "\e883";
39                   float: left; 39                   float: left;
40                   text-indent: 0; 40                   text-indent: 0;
41                 } 41                 }
42               } 42               }
43               a { 43               a {
44                 display: inline-block; 44                 display: inline-block;
45                 border-color: transparent; 45                 border-color: transparent;
46                 background: transparent; 46                 background: transparent;
47                 color: inherit; 47                 color: inherit;
48                 padding: 0; 48                 padding: 0;
49               } 49               }
50               strong { 50               strong {
51                 font-weight: inherit; 51                 font-weight: inherit;
52               } 52               }
53               &:not(:last-child)::after { 53               &:not(:last-child)::after {
54                 position: relative; 54                 position: relative;
55                 content: "\e819"; 55                 content: "\e819";
56                 font-family: porto-icons; 56                 font-family: porto-icons;
57                 left: -1px; 57                 left: -1px;
58                 display: block; 58                 display: block;
59                 float: right; 59                 float: right;
60                 margin: 0 4px; 60                 margin: 0 4px;
61                 width: 20px; 61                 width: 20px;
62                 text-align: center; 62                 text-align: center;
63                 font-style: normal; 63                 font-style: normal;
64                 font-size: 12px; 64                 font-size: 12px;
65                 line-height: inherit; 65                 line-height: inherit;
66               } 66               }
67             } 67             }
68         } 68         }
69         a, a:hover, a:focus { 69         a, a:hover, a:focus {
70             color: @breadcrumbs__font-color; 70             color: @breadcrumbs__font-color;
71         } 71         }
72  72 
73         .item:not(:last-child):after { 73         .item:not(:last-child):after {
74             line-height: 15px; 74             line-height: 15px;
75         } 75         }
76     } 76     }
77 } 77 }
78  78 
79 // 79 //
80 //  Mobile 80 //  Mobile
81 //  _____________________________________________ 81 //  _____________________________________________
82  82 
83 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { 83 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
84     .breadcrumbs { } 84     .breadcrumbs { }
85 } 85 }