218. Araxis Merge File Comparison Report

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

218.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_rtl/Magento_Catalog/web/css/source/module_media.less2021-01-27 04:05:50 +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_rtl/Magento_Catalog/web/css/source/module_media.less2021-01-27 04:05:50 +0000

218.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged1216
Changed00
Inserted00
Removed00

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

218.4 Active regular expressions

No regular expressions were active.

218.5 Comparison detail

1 .product.media { 1 .product.media {
2 .fotorama__stage { 2 .fotorama__stage {
3   border: 1px solid #f4f4f4; 3   border: 1px solid #f4f4f4;
4 } 4 }
5 .fotorama__nav { 5 .fotorama__nav {
6   text-align: right; 6   text-align: right;
7 } 7 }
8 .fotorama__arr { 8 .fotorama__arr {
9   width: 35px; 9   width: 35px;
10   .fotorama__arr__arr { 10   .fotorama__arr__arr {
11     background: none; 11     background: none;
12     width: auto; 12     width: auto;
13     height: auto; 13     height: auto;
14     &::before { 14     &::before {
15       content: '\e81a'; 15       content: '\e81a';
16       font-family: 'porto-icons'; 16       font-family: 'porto-icons';
17       font-size: 22px; 17       font-size: 22px;
18       font-weight: 600; 18       font-weight: 600;
19       width: 30px; 19       width: 30px;
20       height: 30px; 20       height: 30px;
21       text-align: center; 21       text-align: center;
22       line-height: 29px; 22       line-height: 29px;
23       display: block; 23       display: block;
24       color: #222529; 24       color: #222529;
25     } 25     }
26   } 26   }
27   &--prev { 27   &--prev {
28     .fotorama__arr__arr { 28     .fotorama__arr__arr {
29       &::before { 29       &::before {
30         content: '\e819'; 30         content: '\e819';
31       } 31       }
32     } 32     }
33   } 33   }
34   &--next { 34   &--next {
35     right: 0 !important; 35     right: 0 !important;
36   } 36   }
37 } 37 }
38 .fotorama__caption {display: none;} 38 .fotorama__caption {display: none;}
39 .fotorama__fullscreen-icon { 39 .fotorama__fullscreen-icon {
40   width: 35px; 40   width: 35px;
41   height: 35px; 41   height: 35px;
42   background: none; 42   background: none;
43   display: block; 43   display: block;
44   top: auto; 44   top: auto;
45   bottom: 0; 45   bottom: 0;
46   left: 0 !important; 46   left: 0 !important;
47   text-align: center; 47   text-align: center;
48   line-height: 34px; 48   line-height: 34px;
49   color: #222529; 49   color: #222529;
50   &::before { 50   &::before {
51     content: '\f882'; 51     content: '\f882';
52     font-family: 'Porto-Icons'; 52     font-family: 'Porto-Icons';
53     font-size: 15px; 53     font-size: 15px;
54     font-weight: 300; 54     font-weight: 300;
55     -webkit-font-smoothing: antialiased; 55     -webkit-font-smoothing: antialiased;
56   } 56   }
57   .fotorama--fullscreen & { 57   .fotorama--fullscreen & {
58     bottom: auto; 58     bottom: auto;
59     top: 0; 59     top: 0;
60     &::before { 60     &::before {
61       content: '\f819'; 61       content: '\f819';
62       font-size: 19px; 62       font-size: 19px;
63     } 63     }
64   } 64   }
65   &:focus { 65   &:focus {
66     box-shadow: none; 66     box-shadow: none;
67   } 67   }
68 } 68 }
69 .fotorama__fullscreen { 69 .fotorama__fullscreen {
70   .fotorama__zoom-in, .fotorama__zoom-out { 70   .fotorama__zoom-in, .fotorama__zoom-out {
71     width: 40px; 71     width: 40px;
72     height: 40px; 72     height: 40px;
73     background: none; 73     background: none;
74     line-height: 40px; 74     line-height: 40px;
75     color: #222529; 75     color: #222529;
76     text-align: center; 76     text-align: center;
77     &::before { 77     &::before {
78       font-family: 'porto-icons'; 78       font-family: 'porto-icons';
79       font-size: 15px; 79       font-size: 15px;
80       font-weight: 300; 80       font-weight: 300;
81       -webkit-font-smoothing: antialiased; 81       -webkit-font-smoothing: antialiased;
82     } 82     }
83   } 83   }
84   .fotorama__zoom-in { 84   .fotorama__zoom-in {
85     top: 10px; 85     top: 10px;
86     &::before { 86     &::before {
87       content: '\f882'; 87       content: '\f882';
88     } 88     }
89   } 89   }
90   .fotorama__zoom-out { 90   .fotorama__zoom-out {
91     top: 60px; 91     top: 60px;
92     &::before { 92     &::before {
93       content: '\f883'; 93       content: '\f883';
94     } 94     }
95   } 95   }
96 } 96 }
97 .fotorama__nav-wrap--vertical { 97 .fotorama__nav-wrap--vertical {
98    .fotorama__nav__shaft { 98    .fotorama__nav__shaft {
99      margin-top: -8px; 99      margin-top: -8px;
100    } 100    }
101  } 101  }
102 .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { 102 .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
103    -webkit-transform: translate3d(-80px, 80px, 0); 103    -webkit-transform: translate3d(-80px, 80px, 0);
104    -ms-transform: translate3d(-80px, 80px, 0); 104    -ms-transform: translate3d(-80px, 80px, 0);
105    -o-transform: translate3d(-80px, 80px, 0); 105    -o-transform: translate3d(-80px, 80px, 0);
106    transform: translate3d(-80px, 80px, 0); 106    transform: translate3d(-80px, 80px, 0);
107 } 107 }
108 } 108 }